STINGER3の小ネタカスタマイズをいくつか

公開日： 2014/09/26 : 最終更新日：2014/09/28 WordPress

簡単にできるものを一気にやってしまいます。

1 TOPページの記事一覧の区切りに点線を入れる
2 メニューを作る
- 2.1 プラグインの導入
- 2.2 プラグインの設定
3 プロフィール欄をNEW ENTRYの上に入れる

TOPページの記事一覧の区切りに点線を入れる

.entry {
	border-bottom: 1px dashed #000;
}

.entry {

border-bottom: 1px dashed #000;

}

子テーマにこれを追加するだけです。これで黒の点線がはさまれます。

太さ、線の形、色などはお好きに変えてください。

メニューを作る

実際必要かどうかはおいといて、メニューがあると外見的にしっかりとした真面目なサイトに見えます。

外見から入る人にはぴったりのプラグインです。

しかもこれ、普通にブログ更新するだけで設定した数以上の見出しがあれば勝手にメニューが作られるらしいです。

ある程度自分で作るのかと思っていましたが、全自動ですか。驚きです。

プラグインの導入

プラグインからTable of Contents Plusを検索してインストール、有効化してください。

プラグインの設定

殆どデフォルトで問題なし。

英語の部分を日本語に変えたい時は変えてください。

後はAdvancedの部分を開いて、使用する見出しを選択します。見出し2、見出し3、見出し4くらいを選んでおけばいいでしょうか。

これだけで導入設定は終わりです。これだけで使えます。すばらしい。

プロフィール欄をNEW ENTRYの上に入れる

細かいことはわかりません。えけこのくるるさんのところを参考に。

sidebar.phpを開きます。

  <?php get_search_form(); ?>
  <div class="kizi02">

1 2	<?php get_search_form(); ?> <div class="kizi02">

上記2行の間に以下のソースを入れます。

<!--プロフィール-->
<div class="twibox">
<h4 class="menu_underh2">harufathについて</h4>
<div class="textwidget"><img src="http://harufath.com/wp-content/uploads/2014/09/profile.jpg" width="150" height="150" class="float-left" style="margin:0px 14px 0px 12px;">
<ul><li>Androidを勉強中のはずがWordPress、html、css、UNITY、とにかく寄り道しすぎて本題が進まない40歳。小学生男児あり。趣味は競馬・パチスロというダメ人間</li></ul>
</div>
</div>

<h4 class="menu_underh2">harufathについて</h4>

<ul><li>Androidを勉強中のはずがWordPress、html、css、UNITY、とにかく寄り道しすぎて本題が進まない40歳。小学生男児あり。趣味は競馬・パチスロというダメ人間</li></ul>

</div>

これでプロフィール欄の完成です。

ついでにデザインもちょっと変更。

子テーマに以下のCSSを追加して、記事と同じように影をつけます。

#wrap #wrap-in #side .textwidget{
	background-color: #fff;
	padding:10px 10px 0px 0px;
	border:1px solid rgb(238, 238, 238);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}

#wrap #wrap-in #side .textwidget{

background-color: #fff;

padding:10px 10px 0px 0px;

border:1px solid rgb(238, 238, 238);