STINGER3の小ネタカスタマイズをいくつか
公開日:
:
最終更新日:2014/09/28
WordPress
簡単にできるものを一気にやってしまいます。
TOPページの記事一覧の区切りに点線を入れる
1 2 3 |
.entry { border-bottom: 1px dashed #000; } |
子テーマにこれを追加するだけです。これで黒の点線がはさまれます。
太さ、線の形、色などはお好きに変えてください。
メニューを作る
実際必要かどうかはおいといて、メニューがあると外見的にしっかりとした真面目なサイトに見えます。
外見から入る人にはぴったりのプラグインです。
しかもこれ、普通にブログ更新するだけで設定した数以上の見出しがあれば勝手にメニューが作られるらしいです。
ある程度自分で作るのかと思っていましたが、全自動ですか。驚きです。
プラグインの導入
プラグインからTable of Contents Plusを検索してインストール、有効化してください。
プラグインの設定
殆どデフォルトで問題なし。
英語の部分を日本語に変えたい時は変えてください。
後はAdvancedの部分を開いて、使用する見出しを選択します。見出し2、見出し3、見出し4くらいを選んでおけばいいでしょうか。
これだけで導入設定は終わりです。これだけで使えます。すばらしい。
プロフィール欄をNEW ENTRYの上に入れる
細かいことはわかりません。えけこのくるるさんのところを参考に。
sidebar.phpを開きます。
1 2 |
<?php get_search_form(); ?> <div class="kizi02"> |
上記2行の間に以下のソースを入れます。
1 2 3 4 5 6 7 |
<!--プロフィール--> <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> |
これでプロフィール欄の完成です。
ついでにデザインもちょっと変更。
子テーマに以下のCSSを追加して、記事と同じように影をつけます。
1 2 3 4 5 6 |
#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); } |
右のようになりましたが、少しはかっこよくなったでしょうか。
サイドバー
関連記事
-
STINGER3で見出しのカスタマイズ
Androidアプリのためのブログ製作だったわけですが、STINGERをいじる事が楽しくて全くアプリ
-
めんどくさいとか考えるな!子テーマは作れ!
子テーマの衝撃 いろんなWordPressカスタムのページを見ていると、テーマファイルを直接編集す
-
WordPressでソースコードを綺麗に表示させる
いろいろとSTINGERをカスタマイズしたいのですが、それと共にブログも書こうと思っています。
-
Stinger3にGoogle AdSenseを追加してみる
最初に断っておきますが、他のページに良くあるようなGoogle AdSenseを貼り付ける場所のカス
-
Google Playの検索順位を上げるには
アプリを作るだけでは誰も見てくれない Androidアプリを作っては見たものの、単にGoogleP