a#scroll-to-top{left:0;bottom:0}}.sfl_thumbnail{background-image:url(https://tips4life.me/wp-content/uploads/2017/06/va_social_buzz-moveTechTP.jpg)}.broken_link,a.broken_link{text-decoration:line-through}.inv-recaptcha-holder{margin-bottom:1em}WP-Speech-BalloonWP-Thumbnail-and-TextSimple-FB-LikeboxABOUTお問い合せプロフィールサイトマップ大幅なサイトメンテナンスを行った為、一部「画像が表示されない」などの可能性があります。ページを更新してみて、それでも表示されない場合はご一報お願い致します。国産の「この記事が気に入ったらいいね」というプラグインもあり、両方とも記事下にFacebookやTwitterなどのボタンを配置出来るプラグインです。これがまたデザインも良く、かなり目立つうえに記事下に自動的に配置してくれるので「爆発的にシェアが増えた」出という方続出らしく、結構前からよく見かけるようになりました。Buzz」というプラグインは無料版と有料版(アドオン)があるのですが、無料版だと表示位置を変更できません。Buzz」の表示位置をカンタンに好きな場所に移動する方法(かなり力技ですが)の紹介です。今回紹介する方法はこのプラグインに限ったものではなく、純粋に表示位置を変更するという内容です。実際にプラグインによって吐き出されたものを移動する内容なので実装される方は自己責任でお願いします。]自作プラグイン「Simple-FB-Likebox」をリリース致しましたので、ご希望の方は以下からご自由にお使い下さい。【Simple-FB-LikeBox】リリース!Wordpressの記事下にFacebookの「いいねボックス」を表示出来るよ☆WordPressの記事下にFacebookの「いいね!ボックス」を表示出来るWordPressプラグインを作ったのでリリースです。Buzz」は以下の画像のように記事下にFacebookなどのシェアボタンを表示する事が出来るプラグインです。ブログの記事を最後まで読み終えた読者さんが、そのモチベーションを保ったままの状態で目に入ってくるのでシェアされる確率が非常に高く、さらに見た目のデザインも格好良いのでワードプレスのデザインのひとつとしても使える非常に優秀なプラグインです。Buzz」をインストールしてないという方は以下を参考にインストールしましょう。Buzz」と入力して検索すると出てくるので「今すぐインストール」をクリックしてインストールしましょう。Buzz」の設定項目が出現してます。使いたいという方は以下の画像の「Facebookページのユーザーネーム」と「Twitterのユーザーネーム」にそれぞれのユーザーネームを入力すれば使えます。[Facebookページのユーザーネーム]→Facebookページのドメイン以降の部分です。[Twitterのユーザーネーム]→Twitterの@マーク以降の部分です。※私の場合FacebookページのURLが「https://www.facebook.com/tips4life.me/」なのでFacebookのユーザーネームは「tips4life.me」、Twitterは「@Tips4Life_me」なので「Tips4Life_me」となります。有料版(アドオン)もあるけど...有料版のアドオンを購入するとショートコードを使えるようになったりウィジェットで使えるようになったりと色々と融通がきくようになるのですが、無料版だとどうしても表示位置が記事下に固定されます。私は「Simplicity2」というワードプレスのテーマを使っていますので、以下「Simplicity2」でのお話になります。この「記事下に固定」というのがちょっとやっかいで、わかりやすく言うと「記事ボックスの中の1番下」に配置されます。(わかりづらいですねw)※「.entry-content」の中の一番下に配置されます。Buzzのいいねボタンは「記事本文と一体化」しちゃうので「投稿本文下」のウィジェットで表示しているアドセンスはその下に表示されてしまいます。これだと一番CTRが高いと言われている記事下のアドセンスもCTRは少なからず下がるでしょうし、なにより見た目が悪い!(個人的な意見です)なのでこんな感じにしたいと思います。今回使うのは「insertBefore」や「insertAfter」といったjQueryのメソッドです。この魔法のメソッドは「要素を移動してくれる」という、もはやコーディングの順序なんて関係なくなってしまう「なんでもアリ」な反則メソッドです。JavaScript系はブラウザ上で処理するのでPHPでサーバーからHTMLとして吐き出された後の処理です。</body>の直上に記述したりonloadで遅延させたりなど、HTMLやCSSの読み込み後に実行させることで「実際にページが読み込まれてから要素を移動させる」ので、もはや向かうところ敵ナシ状態です。色々な所にやりすぎると負荷がかかって重くなったり思わぬエラーが出たりする可能性もありますのでくれぐれもやり過ぎにはご注意下さい。Buzzの表示位置を変えてみましょう。手順はたったの2つだけなのですぐに出来ますよ☆1.「ここに移動したい!」という場所の前or後ろの要素のid(もしくはclass)を調べる。2.「コードをコピペ」して要素名を変える。これだけで好きな位置に表示できます。それでは詳しいやり方です。Buzzで生成されたボックスをそのまま移動させるので、目的の場所の前、もしくは後の要素を調べます。上述した画像のように、「アドセンスの下」に移動させたい場合は「投稿本文下」ウィジェットのIDを探せばOKです。widget_text">といった感じの要素があるはずです。コードをコピペして要素名を変える今回はID名「text-1」の要素の後ろに移動させたいので、以下のコードをコピペしてください。$('.va-social-buzz').insertBefore('#text-1');});</script>となります。Buzz」の表示位置を変更する方法のご紹介でした。「プラグイン自体のソースをいじるのはちょっと......。」と思っている方や、「ちょっと難しいイメージあるし...」とか、「ちょっと面倒...。しようRA's(らす)@Tips4LifeWordPressでPCやスマホ(iPhone)などのTips(便利情報)、その他日常生活で便利だと感じた事やモノを書いているIT関係のナンデモ屋さんです。Life|毎日が便利で快適なiPhone&PC生活あなたにおすすめの関連記事この記事を読んだ人がよく見る記事です。WP-Plugin【超簡単!】WordPressで公開前(下書き)の記事を共有する方法!Wordpressを使っていて、公開前(下書き)の記事を誰かに確認してもらいたい時は結構あります。確認してもらう相手も、上司だったり友人だったり、はたまた飲み会の相手だったりと多種多様です。Checker」ですが、このプラグイン、ショートコードを使うとリンクエラーと認識してしまいます。場所をどうしても記事下のCTAよりも下に表示させたくてこちらの記事にたどり着きました。「コードをコピペして要素名を変える」とのことですが、ペーストするのはどこにすれば良いのでしょうか?もしよろしければご教示頂けましたら嬉しいです。返信が遅くなり申し訳ありません。コピペ先の場所ですが、お使いのWordpressテーマによって記述場所は変わります。基本的にJavaScriptなどのスクリプトコードは「bodyの閉じタグの直前」が好ましいです。他にも、お使いのテーマによってはフッター部分に挿入できるテンプレートなどもありますので、そこにコピペして頂いても良いかと思います。例としてSimplicityやCocoonでいうと、「footer-insert.php」などにコピペでOKだと思います。シンプルにFacebookのいいね!ボックスだけを表示させるのであれば、私が作った「Simple-FB-Likebox」というプラグインがありますので一度使ってみて下さい。Buzz」はやめて「Simple-FB-Likebox」を使っています。16:40RA’s様、ご返信頂きましてありがとうございます!こちらこそご丁寧にお教え頂きましたにもかかわらず、ご返信が遅くなってしまい申し訳ございませんでした。何だか上手くいきませんでしたので、外観>ウィジェット機能のフッター部分に「テキスト機能」を利用してコピペしてみました。すると上手く順番を変えることができました!ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。Life』の管理人RA'sです。現在はIT関係のアドバイザー(簡単にいうと何でも屋さん)です。Life』管理人プロフィール自作プラグインWP-Speech-BalloonWP-Thumbnail-and-TextSimple-FB-LikeboxTwitterフォローするとTwitterでブログの更新情報を受け取れます。Life』管理人の個人アカウントです。Facebookいいね!するとFacebookでもブログの更新情報を受け取れます。Life』のFacebookページです。ブログの更新情報をお知らせします。Life』の管理人RA'sです。現在はIT関係のアドバイザー(簡単にいうと何でも屋さん)です。Life』管理人プロフィール自作プラグインWP-Speech-BalloonWP-Thumbnail-and-TextSimple-FB-LikeboxTwitterフォローするとTwitterでブログの更新情報を受け取れます。Life』管理人の個人アカウントです。Facebookいいね!するとFacebookでもブログの更新情報を受け取れます。Life』のFacebookページです。ブログの更新情報をお知らせします。t("").html(tocplus.visibility_show).text():default:t(this).html(tocplus.visibility_hide),t.cookie&&(o?t.cookie("tocplus_hidetoc","1",{expires:30,path:"/"}):t.cookie("tocplus_hidetoc",null,{path:"/"})),t("#toc_container").css("width",tocplus.width).removeClass("contracted"),t("ul.toc_list").show("fast")}})}}});performance.mark("https://tips4life.me/wp-content/plugins/table-of-contents-plus/front.min.js-end");performance.measure("https://tips4life.me/wp-content/plugins/table-of-contents-plus/front.min.js","https://tips4life.me/wp-content/plugins/table-of-contents-plus/front.min.js-start","https://tips4life.me/wp-content/plugins/table-of-contents-plus/front.min.js-end");。