Coffee Breakにプログラミング備忘録
Currently viewing the tag: "plug-in"
関数型・メソッド型でプラグインを実装する方法をメモ
プラグインを自作する場合に対応する内容をメモ
プラグインには２種類の提供方法があり、＄から呼び出す関数型、＄()で呼び出すメソッド型とある。
それぞれ実装方法がことなるため使い分ける必要がある。
関数型・メソッド型の実装
alert(“hello world”);を実装する例）
// 関数型プラグイン
$.test = function(){
alert("hello world");
};
// メソッド型プラグイン
$.fn.test = function(){
alert("hello world");
};
関数型プラグインの実装とコール
関数型の場合は＄のプロパティに直接関数を代入する
実装
$.test = function(a,b){
return a + b;
}
コール
alert($.test(10,10));
メソッド型プラグインの実装とコール
メソッド型の場合は$.fnのプロパティに関数を代入する
実装
$.fn.test = function(a,b,c){
console.log(a,b,c,this);
}
コール
$('#id').test(1,2)
記事に関連したその他の投稿ブログを表示するプラグインをメモ
当ブログにも導入済み。
「Similar Posts」は訪問しているユーザが読んでいる記事に関連する情報を紹介してくれるプラグイン。コンテンツ、タイトル、タグの三点の情報から関連記事を表示する。この三点については管理者はパーセンテージ指定が可能。このプラグイン単体では動作せず、「Post-Plugin Library」プラグインも一緒に入れる必要がある。
公式サイト：http://wordpress.org/extend/plugins/similar-posts/
導入手順
「Similar Posts」の導入
1.WordPressの管理画面で プラグイン > 新規追加 とする。
2.プラグインのインストール画面で「Similar Posts」を検索する。
3.表示された「Similar Posts」の「今すぐインストール」を実行する。
4.インストールが完了したら「プラグインを有効化」を実行する。
「Post-Plugin Library」の導入
1.WordPressの管理画面で プラグイン > 新規追加 とする。
2.プラグインのインストール画面で「Post-Plugin Library」を検索する。
3.表示された「Post-Plugin Library」の「今すぐインストール」を実行する。
4.インストールが完了したら「プラグインを有効化」を実行する。
※Similar Postsの設定画面からzipファイルをダウンロードしてインストールでも同様
Similar Postsの設定 ※設定項目は多々あるため最低限の設定のみ
1.管理画面 > 設定 > Similar Posts として設定画面を表示する。
2.上部タグのOtherを選択してコンテンツ、タイトル、タグのパーセンテージを設定する。
※トータル１００%になるようにする
これが実際に関連記事として表示される投稿ブログの制御になる
当ブログでは下記のようにしています。タグ付けをしていなかったためタグは0%
3.上部タグのManage the Indexを選択して日本語の文字を使えるように設定する。
どちらもYes指定で問題なさそう
4.上部タグのPlecementを選択して実際に配置する設定(Activate)をYesにする。※これをしないとブログに表示されない
自動設定にする場合はYes、手動で配置する場所を指定したい場合はNoにする。
•手動設定の場合は下記PHP構文を埋め込むこと
<php? similar_posts(); ?>
動作確認
自動設定の場合にはブログの一番下に表示されているはず
WordPressでユーザが検索したワードがわかるプラグインをメモ
「Search Meter」は訪問しているユーザがどのような情報を求めているかが一目でわかるプラグイン。
公式サイト：http://wordpress.org/extend/plugins/search-meter/
導入手順
1.WordPressの管理画面で プラグイン > 新規追加 とする。
2.プラグインのインストール画面で「Search Meter」を検索する。
3.表示された「Search Meter」の「今すぐインストール」を実行する。
4.インストールが完了したら「プラグインを有効化」を実行する。
動作確認
1.ブログ内の検索ボックスで適当なワードを入れて検索を実行する。
2.管理画面 > ダッシュボード > Search Meter とすると検索結果が表示される。
※ダッシュボード内にも簡易表示される
表示例）検索ボックスで「テスト」と実行した後のSearch Meterの表示
coffee-break
スタンプ発売中
スプリットカメラ iOS / Android
音声認識で聞いた日付から曜日当てアプリ Android
ソーシャルタイマー Android
スポンサードリンク
スポンサードリンク
