[WordPress] カスタマイズコードをfunctions.phpでなくプラグインで読み込む

Wordpressをカスタマイズするとき、functions.phpにごにょごにょ書いて利用してます。が、functions.phpにいろいろ書きすぎてごちゃごちゃに。。。

複数サイトを作ってると、「こっちではいるけど、こっちではいらない。」といものもでてきて、きっちり管理してないと、わけわかめになってきます。

この問題を解決するために「個別にコードを分けてプラグインから読み込む」って方法をご紹介。


1.「wp-content/plugins/」の中に適当な名前でフォルダを作成します。

2.functions.phpに書いているコードを、いつどきでも使うものは「common.php」、このサイトだけで使うものは「custom.php」など、用途別にファイルに書き出します。書き出したファイルは先に作成したフォルダーにほりこみます。

3.この用途別のファイルを読み込むためのプラグインとなるファイルを作成します。
下記のようなファイルを作成し、これも先に作成したフォルダーにほりこみます。

<?php
/*
Plugin Name: DETELU functions
Plugin URI:
Description: functionsをから書き出したコードを読み込む用ぷらぐいん
Version: 0.1
Author: DETELU
Author URI:
*/
//いつどきも使うよ
include_once(plugin_dir_path( __FILE__ ).'common.php');

//このサイトしか使わないよ
include_once(plugin_dir_path( __FILE__ ).'custom.php');
?>


4.最後にWordpressの管理画面からプラグインを有効にして完了。


これでfunctions.phpがごちゃごちゃにならず、すっきり管理できるはず。

Wordpressは「plugins」の中の下記記述のあるものをプラグインとして読み込んでくれます。

<?php
/*
Plugin Name: プラグインの名前
Plugin URI: 
Description: プラグインの説明
Version: バージョン名
Author: 作者名
Author URI:
*/
?>


とても簡単に利用できるので、ぜひお試しください。

ちなみにちょこれーとは、ほわいとちょこが大好きです。

Wordbookerを入れてみました。

facebookほぼ使ってないんですが、一応ブログの記事を反映させてみるべく「Wordbooker」とやらいうプラグインを入れてみました。

設定適当なので、ひとまずこの記事で動作テスト。

【追記】
いけた。

jQuery – これは使える!「seekAttention.jquery.js」

ホームページ上でキャンペーンを打つ時、リンクボタンを出来る限りまわりの情報より目立つように作成したりしますが、ひとまず狙うところは「目に留まるようにする」こと。

「もともと色がシックな感じで目立つ色は使いたくないけど…」と思っても、ひとまず見てもらうことが目的なのでなんとかせせっと色合わせをしながら、おかしくない色を調整したり、サイズを調整したりとなかなか苦労します。

そんな悩みが解決するjQueryプラグンを見つけました!その名も「seekAttention.jquery.js」!
まずはサンプルをご覧あれ!

seekAttention.jquery.js サンプル

キャンペーン情報、見ましたよね?まわりを隠せばそこが目立ちます。無理くり手を変え、品を変え画像を目立たせたりしなくても、絶対といってもいいくらい目線を誘導できます。

導入も簡単で「jQuery」と「seekAttention.jquery.js」を読み込み下記のように記述します。

$(function(){
	$('.campain').seekAttention();
});

上記記述で「class=campain」を指定している場所が白抜きになるようになります。これだけです。

めちゃくちゃ簡単に導入できるし、これはめちゃいい!変にごちゃごちゃさせるよりもスマートな方法です。

人によっては好き嫌いはあるかもしれませんが、目的はあくまでも「目に留まるようにする」ことです。もしキャンペーン等打っておられる方は、一度導入してみて導入前のページ誘導率等くらべてみてみるのもいいかもしれません。

残念ながら今のところIE6, IE7では多少不具合があるようです(サンプルでもボックスの上下がずれています)が、要チェックのプラグインです。

作者のページでは他にもDemoがいろいろあるので、興味のある方は下記ページをご覧あれ。

Seek Attention – jQuery plugin – by James Padolsey