ブログ

サイトの引っ越しなどに便利なプラグインをまとめてインストールできるプラグインをご紹介する。

(さらに…)

分かりづらいサイトタイトルになってしまったが、ご紹介するのは下の画像のように任意の文字にスタイルを適用する方法だ。

そんなの「スタイルを適用したい文字をマークアップすればいい」と思われるかもしれない。

確かにサイトタイトル以外の箇所であれば

<h1 class=”site-title”>EZ-<span>SPARROW</span></h1>

のようにマークアップすれば確かに解決する。

しかし、サイトタイトルやキャッチフレーズに限って言えば、項目内にhtmlを使用することはできない。

また、サイトタイトルが関係してくるRSSやメタタグ等設定変更も若干手間である。

もちろん、画像で作成してしまう事も可能だが、

サイト構造上、テキストで表示させたいという場合は、一工夫必要になってくる。

方法としては、

• jqueryで文字数をカウントし、特定の文字数で<span>タグを挿入する
• jqueryで特定の文字を置き換える

といった方法が挙げられるが、二番目の特定の文字列で置き換えるのが手っ取り早いだろう。

jqueryで特定の文字を置き換える

下記のコードで.site-titleでマークアップされた要素内のSPARROWを<span>タグでくくる事ができる。

<script src="./jquery.min.js"></script>
<script>
$(function(){
     //.site-title 要素内の特定の文字列を置換
    $('.sitetitle').each(function(){
        var txt = $(this).html();
        $(this).html(txt.replace(/SPARROW/g,'SPARROW'));
    });
});
</script>

WordPressでjqueryが動かないとき

ちなみにwordpressないで$(function)は利用できない場合が多い。その場合は下記のようなコードを追加しすれば動く場合がある。

<script type="text/javascript">
    jQuery(function($){
		// ここから＄が使用可能
　　　　　　　　　　ここにスクリプトをペースト
 	　　　　 // ここまで
    });
</script>

WordPressの新テーマ、twentyfourteenの各記事のフッターに表示される「前の投稿」「次の投稿」のナビゲーション。

Wordopressではこの文言を変更するオプションが当然用意されているのだが、どのファイルかが分かりづらかったので備忘録記事を公開。

修正するPHPファイル

tamplate-tag.phpの中で変更可能だ。

ファイル内で下記コードを検索

Previous Post

Previous Postを任意の文言に変更すれば完了だ。

同じように下記文言を変更すれば「次の投稿」も変更できる。

Next Post

ありそうで意外とないのが、投稿の前後に広告やテキストを挿入できるプラグインだ。

今回は実際に機能したプラグインを2つ紹介したいと思う。

毎度のことになるが、テーマやWordpressのバージョンによって動作しない場合があるため、試して無理ならすぐ削除して次のプラグインを検索して頂きたい。

投稿の前後と真ん中に挿入できるAdman

このプラグインの特徴はなんといっても、その「シンプルさ」だろう。

ネーミングもシンプルだが、このプラグインでは全ての投稿の前後、そして記事の真ん中にhtmlを挿入することができる。

「真ん中」の位置も<!– adman –>を挿入すれば指定できる。

記事の中にも挿入したいが、どこでもいいという訳ではない、という場合にも痒いところに手が届く。

これで事足りる場合はこれ以上にないシンプルさを実現したプラグインと言えよう。

※しばらく更新されていないがシンプルなためか、機能する。

Adman-Wordpress.org

Widgetを利用して記事の前後に挿入できるPost6WidgetArea

こちらはWidgetを利用した珍しいタイプ。

記事の前後など、挿入したい場所毎にWidgetが追加される。

Widget内でPHPの使えるExecutable PHP widgetや、条件分岐機能が使えるWidget Logicと併用することができるため、

「任意のタグが付いた記事にだけ広告を表示させる」とか、「モバイルだけに表示させる」といった事が可能になる。

Post6WidgetArea

コメントが投稿されると著者にメール連絡する機能は標準だが、複数名で管理していて、コメントが投稿されたら全てのユーザにメールしたい。という場合は下記のプラグインで解決することができる。

WP Comment Notifier For All

テーマを変更する際に、テスト環境をいちいち用意するのは面倒くさいという方へ。

Theme Test Driveというプラグインはその名の通りテーマをテストする時に便利なプラグインだ。

インストール後、「外観」から設定を行うことができる。

本番環境しか用意できない時には大変便利なプラグインとなる。

Theme Test Driveの設定

Access levelの項で閲覧可能にするユーザーの権限レベルを設定できる。

• Level 10＝管理者
• Level 7=編集者以上
• Level 4=投稿者以上
• Level 1= 購読者以上

「 Enable Theme Drive」をクリックすると更新となる。

他にも同じようなプラグインでテーマではなくプラグインをテストする時に便利な「Plugin Test Drive」というものもある。