WordPress「SNSシェアボタン」自作してみた。運営者ブログWordPress「SNSシェアボタン」自作してみた。コピー2018.08.25WordPressシェアボタンを自作してみました。シンプルなつくりです。PCでの表示スマホでの表示PCでは、横一列の表示。スマホでは、二段に分けて表示してあります。PCでは、マウスカーソルを乗せたら半透明。スマホでは、タッチしたら半透明にしてあります。エラーや不具合が起きても自己責任でお願いします。元のデータをメモ帳にでもコピペしておきましょう。文字として表示させます。Awesome」を使用します。無料版と有料版がありますが無料版を使います。crossorigin="anonymous">この一行を追加します。これでアイコンが表示されるようになりました。}}CSS編集にこちらのソースをコピペしましょう。これでCSSに加える内容は以上です。single.phpに加える内容これが一番難しいです。今回は、記事タイトル-アイキャッチ画像のすぐ下に表示させるようにします。テーマによって書き方がまちまちなので試したり、プログラムを読む必要があります。?>の中身に入力や変更はしないでください。エラーになり、ブログが表示されなくなってしまいます。それ以外はHTMLなので適当に文字を打って「ファイルを更新」しましょう。ブログの個別記事ページを開きます。「ctrl」+「F」でページ内検索ができるので自分が実験に打った文字を検索してみましょう。今回は、個別記事のアイキャッチ画像上に表示されてしまいました。徐々に下へ下へ文字を入力して試していきましょう。見事、アイキャッチ画像下に表示させることが成功したら下記のコードを丸々コピペします。}</script>二つに分けましたが、どちらもコピペしましょう。簡単にJavaScriptのコードを説明します。a"onClick="share_Click(1)">HTMLのonClickという記述でクリック処理がはたらき引数(1)はSNSの種類によって振り分けてます。="https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(location.href);break;そして、クリックされて取得した引数を分岐させます。一例ですが、1ならTwitter、2ならFacebook....。次にlocation.hrefでイコールの右側に書かれたURLに遷移するようにしています。個のエスケープシーケンスに置き換えることでURIをエンコードします。(location.href)現在のURLを取得します。JavaScriptでページ遷移の制御を行なっています。デザインはCSSとFontAwesomeです。;∀;)何か不具合や困ったこと、疑問があれば教えてください。それでは、ありがとうございました。WordPressWordPress「IMNews」での最終更新日を表示させる方法。WordPress-テーマ「IMNEWS」で投稿者名を消す方法!1分で終わる。テレビで放送された男子中学生の将来なりたい職業にネガティブな声が続出。お盆休み最終日にナガシマスパーランドの海水プールに行ってきた!混み具合は?感想も!観光地で1000円の写真撮影がトラウマ。コピーhaseth-blogをフォローするhaseth-blog暇人のブログ関連記事WordPressWordPress、PHPエラーで画面真っ白の対処法こんにちは、今日は、WordPressについて書いていきます。WordPressはとても自由がきいてカスタマイズしやすく、個性がとても出しやすいです。初心者には少し厳しいです。テーマを選んで運営するのは簡単ですが、広告を...WordPressWordPress「IMNews」での最終更新日を表示させる方法。こんにちは、はせです。WordPressで「IMNews」のテンプレートを使っております。SNSでシェアされた回数をキャッシュで保存するWordPressのプラグインです。人気が高く、大変優れており多くの方が使用しています。...備忘録WordPress-テーマ「IMNEWS」で投稿者名を消す方法!1分で終わる。こんにちは、はせです。投稿した記事に、WordPressのIDが表示されてしまいます。views2017.10.022018.08.16Canvas、文字がぼやけるときの対処法。views2018.01.122020.02.26新着記事マツコの知らない世界で紹介されたアプリを使えばTwitterのスタンプを外せるんじゃないか説を実証!2020.02.23ミルキーのタピオカ飲んでみた感想!タピオカの食感が特殊。シエル」に行ってきた。2020.02.112020「シナモロールまん」を食べてみた感想!価格は200円でカロリーは210kcal!2020.02.04LINEの機能「スクショ」が便利!LINEスクショの使い方をご紹介!2020.01.31関連記事WordPress-テーマ「IMNEWS」で投稿者名を消す方法!1分で終わる。WordPress2018.08.29WordPress「IMNews」での最終更新日を表示させる方法。コラム新着記事マツコの知らない世界で紹介されたアプリを使えばTwitterのスタンプを外せるんじゃないか説を実証!2020.02.23ミルキーのタピオカ飲んでみた感想!タピオカの食感が特殊。シエル」に行ってきた。マーク』の種類と意味、生みの親は!?あの人型の名前も!2017.09.302020.01.31『HARBS』大きなケーキワンカット1000円!行ってみた感想!2017.10.022018.08.16Canvas、文字がぼやけるときの対処法。views2017.10.022018.08.16Canvas、文字がぼやけるときの対処法。views2018.01.122020.02.26新着記事マツコの知らない世界で紹介されたアプリを使えばTwitterのスタンプを外せるんじゃないか説を実証!2020.02.23ミルキーのタピオカ飲んでみた感想!タピオカの食感が特殊。シエル」に行ってきた。WordPress2018.08.29WordPress-テーマ「IMNEWS」で投稿者名を消す方法!1分で終わる。2018.08.012018.08.03WordPress、PHPエラーで画面真っ白の対処法2017.07.312018.10.24WordPress「IMNews」での最終更新日を表示させる方法。コラムタイトルとURLをコピーしました。