※今回の記事はプラグインの設置の仕方ではありません。プラグイン無しの設置方法です。情報系のサイトで記事の末尾によく見る「この記事が気に入ったらいいねしよう!」facebookを主体にしているならいいね数を表示していたり、twitterも取り入れてるなら、ツイートボタンを設置していたりと、それぞれ得意なSNSリンクを貼ってます。Buzz」サクッとできて非常に便利なんですが、Wordpressのバージョンが4.3以下だと画面が真っ白になってしまいます。基本的にWordpressの下位バージョンはさっさとアップデートするべきなんですが、どうしてもアップデート出来ない環境があった場合、自力で同じいいねボタンを設置したので備忘録。要は必要な事ってコレだけですもんね。developers」でいいねボタンを拝借します。・記事個別のいいね数と2種類あると思います。記事個別のURLのを呼びだす場合はPHPコードに変えるんで、別になんでもいいです。設定が完了すれば、次に「コード取得」ボタンを押すと、必要なコードが2つ表示されます。※何故か「STEP2」の説明が英語で「ステップ3」が日本語になってますけど。'facebook-jssdk'));</script>「ステップ3」のコードはいいねボタンを配置したい場所に配置します。data-share="false"></div>記事個別の良いね数を取りたい場合は、以下のようにURL部分のコードを変えます。data-share="false"></div>アイキャッチ画像を取得してCSSでレイアウト調整いいねボタンを取得できたら、あとはレイアウト調整とアイキャッチ画像の取得です。今回は、縦650px×横350pxのアイキャッチを生成。//指定サイズを取得するちなみに新規サイトの場合は問題ないんですが、新しいアイキャッチのサイズを作成すると、過去にアップロードした画像は当然該当サイズはありません。Thumbnails」が便利です。普段、Wordpress情報を得るのにお世話になってる「ネタワン」さんの記事が参考になります。data-share="false"></div></li></ul>そして、CSSでレイアウト調整。レスポンシブ用のブレイクポイントは480pxにしてます。この辺はサイトに合わせて調整して下さい。12px;}}まとめプラグインを設置すれば一発でできますが、前述したとおり、プラグインのアップデート頻度によってはインストールを躊躇してしまうプラグインもあります。そんなプラグインに限って、「もろその機能は欲しい!!」って場合もありますが、極力プラグインは使わずに自力でいけるトコロはいきたいところです。結局はプラグインもPHPですからね。(K)Illustratorでテキストと長方形を並べて天地中央に整列させるには?こちらの記事もあわせてどうぞごめんなさいm(__)mまだ関連する記事がありません。コメントをキャンセルメールアドレスが公開されることはありません。Memo当ブログの管理人Kc_fuji(け-し-)です。WEB制作会社に務めるサラリーマンです。このブログは、制作の覚え書きとWordpressの実験所として利用しています。PAGEWEB(K)Campus(WEB系キャンパス)は娯楽は少なめ。