Joomlaでポン

準備として、バナー画像をメディア管理でアップロードしておきましょう。
＞＞画像アップロードの方法。「メディア管理」から

カスタムHTMLイメージ　モジュールを設定

 エクステンション－モジュール管理

 モジュール管理画面です。
「新規」
 

 「カスタムHTML」を選択。

 画面は大きく４つから成り立ちます。

＜詳細＞
「タイトル」入力。
「タイトル表示」今回はNo。バナーとテキストだけ表示させたいから。
「配置」は「footer」。画面下部へ表示されます。

 ＜メニュー割当て＞
今回は「全て」
すべてのページでカスタムHTMLを表示させます。

選択したメニューだけに、
今回のバナー画像を表示させることもできます。
    詳細は別記事＞＞自由にHTMLを書くモジュール3　特定ページへ表示

 ここがメイン。
説明に「 このモジュールで、WYSIWYGエディタを利用してHTMLを入力できます。 」とあります。
表示したい画像や文字を入力できます。

今回は画像にリンクを貼って、バナーの説明もテキストで入力しておきます。

保存。

フロントエンドは・・・

 こうなりました。
画面下部にバナー画像が表示されていますね。
 

つづくよ。

カスタムHTMLを表示する位置を変えられます。
＞＞自由にHTMLを書くモジュール2　表示位置の変更

カスタムHTMLを表示するページを指定することもできます。
＞＞自由にHTMLを書くモジュール3　特定ページへ表示

こうゆうの

ツリー構造のメニューを作りましょう。

設定はメニューアイテムから行います。
「親アイテム」を指定したメニューアイテムを作ります。

子メニューアイテムをクリックすると、記事を一つ表示するようにします。

今回は・・・

着物リメイク作品紹介（メニュー）
    ―　バッグ（メニューアイテム）（親）
        ―丸いバッグ（メニューアイテム）（子）

というメニューにします。
子アイテム「丸いバッグ」を設定しましょう。

参考：
「着物リメイク作品紹介」（メニュー）
「バッグ」（親メニューアイテム） を作るには・・・

メニューを作るには
＞＞メニュー（ワク）の作り方

メニューアイテムの作り方は
＞＞メニューアイテムの新規作成

子メニューアイテムを新規作成（親メニューアイテムを指定）

メニュー　－　アイテムを新規作成したいメニューを選択。

 メニューアイテム管理　画面です。
画面右上の「新規」

 メニューアイテムタイプの選択画面です。
内部リンク　―記事　―記事　―スタンダード記事レイアウト
を選択。
（今回は一つの記事を表示するように設定します。）

 メニューアイテム：[新規]　編集画面です。
画面は大きく三つから成り立ちます。
＜メニューアイテムのタイプ＞
＜メニューアイテム詳細＞
＜パラメータ＞

＜メニューアイテム詳細＞

「タイトル」　メニューアイテムの表示名を入力

（今回は
着物リメイク作品紹介（メニュー）
    ―　バッグ（メニューアイテム）（親）
        ―丸いバッグ（メニューアイテム）（子）
というメニューにします。）

 ＜パラメータ＞
この子メニューアイテムで表示させる記事を選択します。

保存・・・

 メニューアイテム管理の一覧画面です。
親メニューアイテム「バッグ」の下に
子アイテム「丸いバッグ」が表示されていますね。

フロントエンドはどうなったかな？

フロントページです。
親メニューアイテム「バッグ」のみ表示、
子メニューアイテム「丸いバッグ」は表示されていませんね。

親メニューアイテム「バッグ」をクリックすると・・・

「バッグ」のページです。

親メニューアイテム「バッグ」の下へ
子メニューアイテム「丸いバッグ」が表示されています。

前回は記事タイトルから個別記事へリンクする設定方法。フロントページに表示されているの記事についてでした。
＞＞リンク付きタイトル。記事タイトルから、記事へリンク

一般ページ（フロントページ以外）の記事について

記事タイトルから個別記事のページへリンクを貼りたい。Preferencesで設定

記事タイトルから個別記事のページへリンクを貼りたいなら・・・

コンテンツ　―記事管理　画面の「Preferences」プリファレンスで設定します。

「Preferences」プリファレンスの設定は、この記事を参考して下さい。
＞＞作者名や作成日時の表示・非表示2　プリファレンスを設定

 「Preferences」プリファレンス設定画面から
「リンク付きタイトル」を「はい」にすれば、
記事タイトルをクリックすると、個別記事のページが表示されるようになります。

リンク設定をを記事ごとに行う

記事タイトルから個別記事のページへリンクを貼る、貼らない、を
記事ごとに設定することもできます。

参考記事：
＞＞作者名や作成日時の表示・非表示3　個別記事パラメータから設定

 
ここでも「リンク付きタイトル」を「はい」にすれば、
記事タイトルをクリックすると、個別記事のページが表示されるようになります。