ブログのトップページに画像やバナー広告を
アメーバブログのメッセージボード風に設置してみました。
トップページの一番目立つ場所になりますので
メルマガ登録フォームやイチオシ商材のLPの
バナー設置などに最適です。
設置自体はindex.phpという場所にコピペ
するだけなので是非挑戦してみてください!
アフィリエイトのバナーリンクなどの場合は
生成したフォームをそのままコピペできるのですが
画像や自作バナーの場合は
直接コピペできないので事前に
HTMLタグに変換する必要があります。
今回は、固定ページの作成画面を利用します。
まず、管理画面の固定ページから新規追加をクリック
メディアを追加 で表示させたい画像を読み込みます。
メディアライブラリに表示させたい画像が入って
いない場合はファイルをアップロードして下さい。
添付ファイルの表示設定を
配置→中央
ランディングページなどに飛ばしたいときは
リンク先→カスタムURLで
そのページのURLを記入
サイズは3カラムだと幅を400以下にして
固定ページに挿入をクリック
固定ページ作成画面にもどって
ビジュアル表示になっていれば画像が
表示されます。
画像をクリックすればここでもサイズ調整や
リンクの設定ができます。
文字を書き足すこともできますので
自分オリジナルを完成させて下さい。
さぁ、もうすぐ完成です
頑張ろう (^O^)/
テキストタグに切り替えて表示されている
HTMLコードをすべてメモ帳などにコピーします。
作成に使った固定ページは公開せずに下書きで
保存しておきましょう。
後で画像を調整するのに使えます。
もう一度、管理画面から
外観→テーマの編集
右側にある
メインインデックスのテンプレート
(index.php)をクリック
先ず、
メモ帳などにコピーをして
バックアップを必ずとっておきましょう。。
それから
<!–▽メインコンテンツ–>
<div id=”main-contents”>の下に
先程メモ帳にコピーしたコードをペーストします。
ファイルを更新をクリックして
作業終了です。
トップページを表示しておかしな所があれば
固定ページで画像を調整してコードを作り直して
みて下さい。
最後まで読んで頂きありがとうございました。
いつもあなたを応援しています!でゎでゎ♪
こんにちは、美衣子です。
ランキング1位、おめでとうございます。
美衣子さん
ブログ訪問とコメント
ありがとうございます。
ブログのリニューアルを考えていて
なかなか更新できていませんが
良い記事を書いていけるよう頑張ります。