【WordPress】Stinger7カスタマイズ

   

SSL化に併せてWordPressテーマをStinger7に変えたので、カスタマイズした部分を備忘として記載しておきます。

Xeroy Baseで作っていたものと大きく変わらない形で構築しました。

1. ワンカラム

トップページは設定でワンカラムになるのですが、単一記事とアーカイブ、固定ページがならないので、single.php、archive.phpから下記を削除。

固定ページは、それぞれ編集画面の右側にあるカラム変更で「1カラムに変更する」を選択。
CSSに下記を追記。

 

2.トップページ表示

標準のサムネイル表示が小さくて見づらかったので、大きく変更。

itiran-thumbnail-on.phpの

に変更。設定の「メディア」でサムネイルサイズ、中サイズ(これがmedium)、大サイズを変更し、「Regenerate Thumbnails」プラグインで全ての画像のサイズを変更。
CSSに下記を追記。

itiran-thumbnail-on.php内の要素を並び替え。うちのはこんな感じ。

 

3.メニューにfontawesome

メニューの文字横にfontasesomeを追加。
CSSに下記を追記。

メニューのナビゲーションラベルを書き換え。「home」の場合は下記のように。

fontawesome一覧は下記。

Font Awesome, the iconic font and CSS toolkit

 

4. 個別記事ページ下部の並び替え

RSSボタンとタグ表示をスポンサーリンクの上に変更。
single.phpの順番を下記に。

 

5. 前記事、後記事のビジュアル化

Xeoryでも実施していたこちらを。
single.phpのpost-footer前に下記を追加。

CSSに下記を追加。

 

6. フッターにカテゴリーとマンスリーのアーカイブボタンを設置

ワンカラムで表示する場所はここしか無いです。ミニマルに。
footer.phpに下記を追加。

 

7. 人気記事をフッターに

「WordPress Popular Posts」プラグインを有効化して、footer.phpに下記を追記。

 

8. フッターにWPバージョン付記

footer.phpに下記を追記。

 

9. トップに戻るボタンカスタマイズ

CSSに下記を追加。

以上です。

 - Blog