記事を書く:コンテンツの作成 - J!1.0

Joomla!で肝心のコンテンツ作成について

Joomla!を使って行う、もっとも大切な作業。それはそのサイトのコンテンツを作成する(記事を書く)ことでしょう。ここでは、コンテンツ作成の概要を説明していきます。

コンテンツの新規作成


管理画面に大きく並ぶアイコンの一番左上、「コンテンツアイテム追加」をクリックします。(あるいは上部メニューから「全てのコンテンツ」「新規」と進みます。)

コンテンツを作成するために、Joomla!ではJoomla!用のエディタ(ワープロソフトのように、記事を書いたり文字を修飾したりが容易に行えるプログラム)を利用します。初期状態ではTinyMCE WYSIWYGというエディタが利用可能ですが、ほかにも高機能なエディタがいろいろと利用できます。新しいエディタのインストールや変更については、下の記事を参照にしてください。

記事を書く

まずは作成するコンテンツのタイトルやカテゴリなどを設定していきます。

タイトルには記事の題名を入力します。タイトル別名はいちいち入力する必要はありませんが、他のエクステンションを使用する際などに、この欄に記入した文章を利用する場合もあります。タイトルを入力したら、右側にあるセクションとカテゴリを指定します。

次に、概要を入力します。

ワープロソフトのようにさまざまなアイコンが並んでいる部分は、使うエディタによって異なります。上の画像はJoomlaFCKというエディタのものです。

画面をスクロールさせると、上の「概要」と同じように「本文」という欄も表示されていると思います。これはブログなどを利用したことのある人ならわかりやすいと思いますが、概要の部分がまず表示されて、本文にも文章が入力されている場合、本文は概要のあとに「続きを読む」というかたちで表示されます。「続きを読む」を利用すると、サイトのトップページにダラダラと記事全文が表示されてサイトの表示が上下に長くなってしまうのを防ぐことができるのがメリットです。逆に全ての記事内容を読むためには必ず「続きを読む」をクリックする作業が必要になりますから、あまり長くない記事が多いなら、「概要」だけに全てを記入してしまったほうが訪問者に対して優しいサイトになります。

insert image

記事を入力する欄の下に、初期状態であれば2つのボタンが並んでいるはずです。

insert imageのボタンは、コンテンツ内にイメージ(画像)を挿入するために使います。下で説明する各種パラメータ設定の「images」タブで指定したイメージの順に、このボタンで挿入したタグの部分に画像を表示します。3つの画像を「images」タブで指定して、記事内に3箇所タグを挿入すれば、自動的に3箇所画像が表示されるわけです。insert imageで挿入したイメージのことを、MOSイメージと言います。

もっとも、この機能はエディタソフト側の画像アップロード機能・画像挿入機能を使う人にはほとんど利用する機会のないものです。はじめて記事を書く場合には、この機能は無視してしまっていいと思います。何か画像を扱うエクステンションを導入した場合に、たとえばこのinsert imageボタンで挿入したMOSイメージと、エディタの画像アップロード機能で挿入したイメージを別の効果で表示させたりすることもできますので、そういった使い方をする際には利用価値のあるボタンです

insert page break

insert page breakボタンを押すと、ページがそこで一度終わりになるタグが記事内に挿入されます。この機能を利用した場合、閲覧者は記事の続きを読む場合に次のページに進むリンクをクリックする必要があります。あまりに記事が長くなってしまった場合は、適度な長さになるようにこのタグを挿入してページを分けていくと見栄えが良くなる場合があります…が、このボタンも使う人は少ないかもしれません。実際、Joomla!で構築しているサイトでも、この機能を使っているサイトは稀です。

記事の詳細設定タブ

記事入力欄の下、あるいは右側に、各記事の詳細設定タブが表示されます。

このタブを利用して、各記事の細かい設定を行っていきます。各タブは、具体的には次のようになっています。

公開タブ

公開タブで大事なのは、次の3つの設定です。

フロントページ表示にチェックを入れると、その記事がフロントページ部分に表示されます。公開にチェックを入れると、サイト訪問者が当該記事を閲覧できるようになります。アクセスレベルを設定しておくと、サイトに登録したユーザーでないと閲覧できない記事を作成できます。最初のフロントページとHomeに関する説明は、次の記事を参照にしてください。

imagesタブ

先ほど少し触れましたが、insert imageボタンを利用して記事内にイメージを挿入する場合、このimagesタブで表示させる画像の種類と順番を指定しておく必要があります。


左側のイメージギャラリーに並んでいる画像ファイルを選択して、>>ボタンを押して右側のコンテンツイメージに移します。コンテンツイメージ側に並んだ画像ファイルが、insert imageボタンで挿入したタグの部分に表示されます。表示する順番は、コンテンツイメージ欄の下にある「上へ」「下へ」ボタンで変更します。

パラメータタブ


その記事独自に表示などを変更する場合に利用します。ここで設定を変更しなければ、グローバル・コンフィグレーションの設定が適用されます。グローバル・コンフィグレーションについては、次の記事を参照にしてください。

メタ情報


ページの説明やキーワードを入力する欄です。入力は省略しても大丈夫ですが、関連する記事やタグクラウドを表示させるモジュールを利用する場合、この欄のデータが参考にされる場合があります。

メニューリンクタブ


作成したコンテンツをメニューと関連付けるのに利用します…が、メニューにコンテンツを割り振るのは管理画面上部メニューの「メニュー」項目から行ったほうがわかりやすいと思います。

J!サイトピックアップ

JoomlaEasy.net
http://joomlaeasy.net/
J!1.5サイト:Joomla!1.5 MANUAL
Joomlaでポン
http://www.joomladepon.com/
Joomler!.net
http://www.joomler.net/
JUSER.JP
http://juser.jp
Joomla!の道しるべ
http://joomlaway.net

Joomla!1.5関連書籍

はじめてでもできる!Joomla!で作るカンタンWebサイト
はじめてでもできる!Joomla!で作るカンタンWebサイト
当サイトからもリンクさせていただいている、Joomla!でポンのアネさん(杉原 裕子さん)が、Joomla!初心者向けの本を出版されました!
Joomla!Pro Book オープンソースCMS導入&カスタマイズガイド
Joomla!Pro Book オープンソースCMS導入&カスタマイズガイド
Joomla!に特化した日本語の書籍です。画像も使ってわかりやすく解説してくれていますので、インストールから操作方法、活用まで参考になります。
Dreamweaver&FireworksによるオープンソースCMSテンプレートデザイン
Dreamweaver&Fireworksによるオープンソー―Joomla/Nucleus/Zen Cartにもデザインを! CS3/8/MX
J USER.JPを運営されている、伊丹 シゲユキさんの著作。約250ページの本文中、約80ページがJoomla!に割かれています。
訪問者数 [+/-]
今日:
昨日:
一昨日:
464
435
471

-36
今週:
先週:
先々週:
1370
3412
3391

+21