Sorairo

WordPressにプラグインなしで色々と実装する方法

テーマ作成時に拘ったこととして、できるだけプラグインを使わないというのがありました。
プラグインはインストールするだけで手軽に追加の機能が使えるようになるので便利なんですが、せっかく自分で作るテーマなのでできるだけ自分で追加できる機能はプラグインに頼りたくありませんでした。
それに、あまりプラグインを入れすぎるとサイトが重くなるみたいなので。
ということで、今日はプラグインなしでできるカスタマイズについていくつかご紹介したいと思います。

advertisement

ページネーション

まずはページネーションを追加する方法です。
トップページやカテゴリーページの一番下にある、次のページや最後のページへリンクするページ送り機能ですが、当ブログでは以下のように表示させています。

超絶シンプルにしています。

追加方法

以下の記事を参考にしました。

当ブログではfunctions.phpに以下のように追記しました。

見た目をCSSで整えます。

パンくずリスト

続いてはパンくずリストです。
当ブログでは個別記事ページとカテゴリーページの他、プロフィールページに同じ見た目のものを設置しています。

追加方法

パンくずリストについては以下の記事を参考にしました。

上の記事からほぼ(クラス名は変更)そのままコピペして実装しています。

当ブログではまだ実装していないページがあるので現時点では無駄なコードも含まれていますが、将来的に実装した時にそのまま使えるようにあえて残しています。

Font Awesomeを多用して見た目をお洒落に。

OGPとTwitterカード

私が色々と説明するよりも以下の記事を読んでいただくと全て分かります。

サルワカさんとこはどの記事も分かりやすくて重宝しています。
上記の記事を参考にfunctions.phpに追記します。

本文中のmoreタグをアドセンスに置換

最後はGoogleアドセンスに関することですが、今回のテーマはサイドバーを排除したので広告スペースが本文中にしかなくなりました。
ショートコードを作成して自分の好きな箇所にアドセンスを追加する方法もあるんですが、過去記事全てを編集し直していくのは大変です。
そこで見つけたのが以下の記事です。

この方法なら過去記事を編集することなく、ただfunctions.phpに追記するだけで元々挿入済みであるmoreタグの箇所に自動的に広告が挿入されます。

上のコード中の

の部分を丸ッと広告コードに変更してください。
これも本当に簡単ですね。

最後に

いかがでしたでしょうか。
こうして見るとfunctions.phpって神様ですね(笑)
私自身PHPは詳しくありませんが、詳しい方々のありがたい記事のおかげで当ブログは成り立っています。
ありがとうございます。

advertisement

related posts

テーマを自作する〜その②〜アイキャッチ画像に関するあれこれの1回目。

テーマを自作するシリーズの第2回目は、WordPressでアイキャッチ画像を使えるようにするために必要なことについて調べてみました。

テーマを自作する〜その③〜アイキャッチ画像に関するあれこれの2回目。

WordPressのアイキャッチ画像に使える写真サイトの紹介と、キャプション表記についてのコツについてご紹介します。

WordPressの記事中にプラグインなしで目次を追加しました。

プラグインを使わずに記事中に目次を追加しましたのでご紹介します。

WordPressの記事中に内部リンクと外部リンクを出力するショートコード

WordPressの内外部リンクについてショートコードを実装してみましたのでご紹介します。

ブログのカテゴリーを見直してみました

新しいテーマに変更しましたので、ついでにカテゴリーも見直してみました。

jQueryを使って記事中の目次を開閉式にしました。

目次が開閉式だとどんなメリットがありますかね。表示領域が広がるくらいですか。

初めての有料テーマ「ALBATROS」を購入しました!

初めて有料のWordPressテーマを購入しました。有料なだけあってデザインもいいし機能満載でブログ執筆意欲を掻き立てられます。

テーマを自作する〜その①〜投稿日などの日付表示を英語表記にする方法。

WordPressのテーマを自作するにあたり、色々な壁にぶつかります。その解決法について自分の忘備録も兼ねてシェアしていきたいと思います。

jQueryプラグインのLightboxを導入しました。

画像を表示するときにフワッと拡大表示させるjQueryプラグインのLightboxを実装しました。

WordPressのオリジナルテーマを自作しました。

テーマを変えたら自分でも作りたくなったので作ってみました。