自由にHTMLを書くモジュール1 カスタムHTMLモジュール
自分で作ったバナーを表示したいなあ。
画面の下の方に、作品紹介ページへ誘導するバナーがあるといいよね。
画面の下の方に、作品紹介ページへ誘導するバナーがあるといいよね。
mod_custumってHTMLを書けるバナーがあるよ。
それでバナーを表示してみたら？
それでバナーを表示してみたら？
HTMLが書けるんだ。
一般的なブログサービスで「フリースペース」とか「自由形式」とか言われてるのに似てる？
一般的なブログサービスで「フリースペース」とか「自由形式」とか言われてるのに似てる？
そうよ。
バナー表示するだけのモジュールじゃないから、テキストや画像を表示できるよ。
バナー表示するだけのモジュールじゃないから、テキストや画像を表示できるよ。
じゃあバナーとテキストを表示できるようにしてみたいよ。
準備として、バナー画像をメディア管理でアップロードしておきましょう。
＞＞画像アップロードの方法。「メディア管理」から
カスタムHTMLイメージ モジュールを設定
エクステンション－モジュール管理
モジュール管理画面です。
「新規」
「カスタムHTML」を選択。
画面は大きく４つから成り立ちます。
＜詳細＞
「タイトル」入力。
「タイトル表示」今回はNo。バナーとテキストだけ表示させたいから。
「配置」は「footer」。画面下部へ表示されます。
＜メニュー割当て＞
今回は「全て」
すべてのページでカスタムHTMLを表示させます。
選択したメニューだけに、
今回のバナー画像を表示させることもできます。
詳細は別記事＞＞自由にHTMLを書くモジュール3 特定ページへ表示
ここがメイン。
説明に「 このモジュールで、WYSIWYGエディタを利用してHTMLを入力できます。 」とあります。
表示したい画像や文字を入力できます。
今回は画像にリンクを貼って、バナーの説明もテキストで入力しておきます。
保存。
フロントエンドは・・・
こうなりました。
画面下部にバナー画像が表示されていますね。
つづくよ。
カスタムHTMLを表示する位置を変えられます。
＞＞自由にHTMLを書くモジュール2 表示位置の変更
カスタムHTMLを表示するページを指定することもできます。
＞＞自由にHTMLを書くモジュール3 特定ページへ表示
