ダイブロトップページプロフィールふつうのテキスト小ネタネタブロTwitterあれこれお問い合わせホームふつうのテキスト[Stinger3カスタマイズ]フッターに自己紹介と最新記事をブチこもう2014年1月21日Stinger3のフッターをいじろうぜどうも、これっくらいのおべんとばっこに小錦小錦ちょいとつめてるdaiです。Stingerいじってますか。カスタマイズしていますか。巷ではもうわんさかわんさかカスタマイズ記事上がってまして、俺も過去にちょこちょこカスタマイズ記事を載せてきました。今回は、フッターをいじろうというお話です。現在俺のブログをPCで見ると、フッターはこうなっています。このように、軽い自己紹介と最新記事、あとはメニューとかカテゴリ一覧を載せることができればユーザビリティ(よく知らないけどなんかかっこいい言葉)も向上するのではないか、とそう愚考する次第でござる。皆さんが失神するほど上手すぎる画力でイメージ図を描くとこんな感じ。大きなフッター用の入れ物を作り、その中で3つの小部屋を作る。上の2つの小部屋は「float」という属性を使って横に並べる。3つ目の部屋は細長いので、下側にドンと置く。実際に作ってみよう今回は、俺が今使っているソースをほぼそのまま公開します。何かの参考になれば幸いだし参考にならなかったらならなかったでしゃあない。※バックアップを必ずとること!バックアップをとってないと怖いお兄さん達が家に押しかけてきます!あと、今回はStinger3の最新版(stinger3ver20131217.zip)を元に説明します。●Stinger3のダウンロードページはこちら手順1Stingerのテーマの中にある「footer.php」を開く。id=”footer”>」という表記を見つける。手順3無事見つけられたことに安心する。id=”footer”>の上に、以下のコードをそのまんまコピーしてペタッと貼り付ける。←この記事で紹介したコードも使っています。こちらも合わせてどうぞ。最新記事の部分はStingerのサイドバーにある「最新記事」のコードをそのまま使い、サムネイル表示を消してリスト形式で表示するようにしています。‘navbar’));?>」を使い、ページ上部のナビゲーションメニューをそのまま使う感じです。難しいことはしていないでごわす。手順5無事に貼れたことに安心してお茶を飲む。手順6地球温暖化を心配する。手順7服を脱いで全裸になった後、テーマファイルの中にある「style.css」を開き、一番下に以下のコードをまたまた全部コピーして、全力で大声を出しながら貼り付ける。text-decoration:none;}手順8無事に貼れたことに安心感と満足感と充実感と愛しさと切なさと心強さを感じながら、脱いだ服をきれいにたたむ。手順9このままだと完全にdaiが作った気持ち悪いデザインのまんまになってしまうので、後は好みで好きにcssをいじりたおす。(全裸のままで)手順10世界平和を願う。(全裸のままで)以上です。まとめやってることはたいしたものではないので、これを元にガンガンアレンジしてフッターをおしゃれに飾ってみてはどうでしょう。フッターのリンクってクリックされてるようですよ。何かご不明なところがあればtwitterまでご連絡を。ご不明なところがなくても、「daiさん超かっこいい抱いて」などのメッセージも24時間365日お待ちしています。無断転載が気になるからそう簡単に画像を保存させない方法をやってみた。