メッセージボード
ブログのトップページに画像やバナー広告を
アメーバブログのメッセージボード風に設置してみました。

 

トップページの一番目立つ場所になりますので
メルマガ登録フォームやイチオシ商材のLPの
バナー設置などに最適です。

設置自体はindex.phpという場所にコピペ
するだけなので是非挑戦してみてください!

 

アフィリエイトのバナーリンクなどの場合は
生成したフォームをそのままコピペできるのですが

画像や自作バナーの場合は
直接コピペできないので事前に
HTMLタグに変換する必要があります。

 

今回は、固定ページの作成画面を利用します。

 

まず、管理画面の固定ページから新規追加をクリック

メディアを追加 で表示させたい画像を読み込みます。


 

 

 

 

メディアライブラリに表示させたい画像が入って
いない場合はファイルをアップロードして下さい。

 

添付ファイルの表示設定を

配置→中央

ランディングページなどに飛ばしたいときは

リンク先→カスタムURLで
そのページのURLを記入

サイズは3カラムだと幅を400以下にして

固定ページに挿入をクリック


 

 

 

 

 

固定ページ作成画面にもどって
ビジュアル表示になっていれば画像が
表示されます。

 

画像をクリックすればここでもサイズ調整や
リンクの設定ができます。

 

文字を書き足すこともできますので
自分オリジナルを完成させて下さい。

 

さぁ、もうすぐ完成です

頑張ろう (^O^)/ 

 

テキストタグに切り替えて表示されている
HTMLコードをすべてメモ帳などにコピーします。

 

作成に使った固定ページは公開せずに下書きで
保存しておきましょう。
後で画像を調整するのに使えます。

もう一度、管理画面から
外観→テーマの編集

右側にある
メインインデックスのテンプレート
(index.php)をクリック


 

 

 

 

先ず、
メモ帳などにコピーをして
バックアップを必ずとっておきましょう。。
それから

 

<!–▽メインコンテンツ–>
<div id=”main-contents”>の下に

先程メモ帳にコピーしたコードをペーストします。

 


 

 

 

 

 

ファイルを更新をクリックして
作業終了です。

 

トップページを表示しておかしな所があれば
固定ページで画像を調整してコードを作り直して
みて下さい。

 

最後まで読んで頂きありがとうございました。
いつもあなたを応援しています!でゎでゎ♪