金利の変動

賢威6.1カスタマイズ フッター画像の横にコメントを入れる方法

賢威6.1プリティーのカスタマイズです。

賢威6.1にバージョンアップされてから、フッター設定も、
賢威設定メニューがついたおかげで、簡単に設定できるようになりました。

ちょっとだけ、カスタマイズ!!

 

 

フッター周りは、画像を入れたり情報を追加したりと、
以外読者さん見られている個所でもあります。

 

以前の記事でも書いているんですが、
フッターの設定は、賢威設定メニューができてより簡単になりました。
賢威6.1プリティーカスタマイズ 賢威メニューを利用しましょう。

 

フッターはエリア1・エリア2としてレイアウトデザインが決まっています。
もちろんCSSを変更して、エリアをなくすこともできます。

 

ですが、エリア別にレイアウトされているということは、
情報を区別するのには、最適です。

 

片方には、管理者の情報を提供してあげて、
また片方には、ブログ内容の補足情報などを表示させる。

 

賢威テンプレートは、集客のためのテンプレートです。
一番いい形のレイアウトを組んでありますが、ブログのテーマによって、
変更すればいいことです。

 

 

今回は、フッターの画像が小さい場合、
ちょっと横にコメントをいれ、その回り込みの解除をしつつ、
新しい項目を追加する方法を ご紹介しますね。

 

見本はこのブログなんですが、
こんな感じです。

フッターファイル設定

 

私の場合は、画像がアバターを使用していて、ちょっと小さいので、
画像に回り込みをかけて、さらにその下にメニューを追加して、
2段組みにして情報を追加しました。

 

CSSでなく、今回はフッターファイルを変更してカスタマイズしていきます。
応用がきく方法なので、ぜひとも覚えてくださいね。

 

 

 

フッターエリアの画像解除方法

 

 

ダッシュボートから、「テーマの編集」をクリックして、
footer.phpファイルを開いてください。
(footer.phpファイルをクリックすると、左側にコード(ソースが表示されます)

 

賢威のコードはコメントアウトもついていますし、
整理されているので、とっても解りやすいと思います。

 

コメントアウトで<!–アドレスエリア–> がありますが、
その下の記述がフッターの設定となります。

 

ここで、コードを修正・追加入力するとフッターの設定ができます。

 

 

デフォルトの設定コードは、こんな記述です。

 

 

これを、変更するんですが、失敗してもいつでも戻せるように
いったん自分のデフォルトのファイルの記述をコピーしてから、
変更してくださいね。

<div class=”area01-freebox”> ~</div>をまず削除します。

<div class=”access”> から</div>を下記のコードに変更します。
※下記コードをいったんコピーして、修正してから貼りつけたほうが
間違いが少なくなりますよ。

 

 

次に下記のコードを先ほどのコードの下にコピーして貼ってください。
そうすると2段組みになります。
※今回は、運営サイトのリンクをリストとして貼っています。
記述を覚えて、他の項目を貼っても可能です。

 

 

 

出来上がりをもう一度。

フッターファイル設定

 

ね。2段組みにしてタイトルを追加した感じになります。

 

こんな感じで、応用してみてください。

 

 

フッター周りでも、ブログの情報をちゃんと読者さんに
お伝えできるようにすると、喜ばれますよ!!

フッター周りもいろいろとカスタマイズしていってくださいね。

 

 

※カスタマイズや設定に困ったら、
メールで質問してくださいね。

 

 
 

 

One Response to “賢威6.1カスタマイズ フッター画像の横にコメントを入れる方法”

  1. 横山信行 より:

    はじめまして、いつも参考にさせて頂いています。

    今回もフッターを貴方の提案通りにしたいと思い作業を進めていますが、
    画像の橫にテキストを掲載することが出来ません。原因を教えてください。
    アドレスとメニューの文字も消すことが出来ません。

    それからメニュー部分に旧ブログの人気記事を貴方の提案のように
    並べてみたいとおもっていますが、その作業はこれからです。

    私のアカウントとパスワードです。
    ユーザー名 wpmaster  
    Pw 7cRP*mR7fG9Pxb#*

    よろしくお願いします。

コメントを残す

サブコンテンツ

このページの先頭へ