【WordPress】ソーシャル(SNSシェア)ボタンを自作して設置した。信仁カンパチが好きです。信仁カンパチが好きです。プロフィールはこちらフォローするアフィリエイト広告を利用しています【WordPress】ソーシャル(SNSシェア)ボタンを自作して設置した。WordPressこの記事で紹介しているテーマは、100%GPLではないテーマです。WordPressコミュニティは、100%GPLライセンスを推奨しています。私も、現在は100%GPLライセンスのテーマのみを推奨しています。100%GPLテーマの記事はこちらです。この記事は2年以上前に公開された記事です。情報が古くなっています。現在は状況が異なる可能性があります。WordPressに設置しているソーシャル(SNSシェア)ボタンは必要だけど、ページ表示が重くなる面もあります。”ツィート数”や”イイネ数”は表示しなくても良いので、表示の軽いボタンを作りたかったのです。そんなときに出会ったのがこちらの記事。|ウェブシュフさっそく参考にして、自作ソーシャル(SNS)ボタンを配置しました。facebookはイイネでなくシェアボタンですが、それも”よし”と考えています。DigiPressさんの有料テーマを使っている環境での設定方法になります。plano」を使っています。ここにまとめている方法は、このテーマに設定されている”webフォント”を使った設定方法になっています。Widgetプラグインを使って、ウィジェットにコードを書き込みました。Widgetプラグインを利用した上で、ウィジェットにてPHPが動作する環境にして配置しました。配置PCページが、2カ所「記事タイトル直下」・「記事(エントリー)の最後」、モバイルが「記事の最後(モバイル用)」の1カ所のウィジェットに配置しました。記事の最後このように仕上げました。デザインより、モバイルでもそのまま使えて、しかもタップし易いことを優先したボタンを作りました。|ウェブシュフほとんどの部分を参考にさせていただきました。記事タイトルとURLを渡す下のコードが、ウィジェットごとに必要らしく、それぞれに書いています。).’|’.get_bloginfo(‘name’);//記事タイトル取得$canonical_url_encode=urlencode($canonical_url);//記事URLエンコード$title_encode=urlencode($title);//記事タイトルエンコード?>また、Twitterの呼び出しコードで、onclick=”javascript~”を使うと”2つ”ウィンドウが開いたので、そこを削除しました。その結果、下のコードを実装しています。設定されている”webフォント”を下のように指定しています。</span>なので、通常環境ですと表示がおかしくなります。テキストでむりやり「B!」を作っています。</span>あとはCSSでフロート設定にして完成です。.gplus{float:left;}.share-buttons{margin-bottom:20px;}表示軽くなったのか?作業前にベンチマークを忘れていました。速くなったと感じています。googleアドセンスの表示速度の評価は数日遅れて更新されるので、これがどう変化するか?確認します。作業前は下のように”ちょっ、遅いで”って言われています。プラグインを使わずに表示させる。1.0.2.4』の環境です。信仁カンパチが好きです。×DigiPressさんの有料テーマを使っている環境での設定方法になります。Widgetプラグインを使って、ウィジェットにコードを書き込みました。実際のコードはどうしたの?あとはCSSでフロート設定にして完成です。Index検索キーワードで記事を探す。