自分のブログにTwitterのつぶやくボタンと、Facebookのいいねボタンを設置してみた。 2011/09/23 乾坤一擲 こちらのブログを参考に設置 Twitterボタン ボタンを取得出来るサイトはここ 取得したコード [html] [/html] Facebook ボタンを取得出来るサイトはここ 取得したコード [html] <h2 class="screen-reader-text">投稿ナビゲーション</h2> <div class="nav-links"><div class="nav-previous"><a href="https://blog.dreamhive.co.jp/kenta/archives/1517" rel="prev"><span class="post-nav"><i class="fa fa-chevron-left"></i>前のページへ</span><span class="nav-title clearfix"><img src="https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/images/no-img/square-no-img.png" alt="no image" />WordPressで一覧の画面でアイキャッチ画像を表示したい。</span></a></div><div class="nav-next"><a href="https://blog.dreamhive.co.jp/kenta/archives/2238" rel="next"><span class="post-nav">次のページへ<i class="fa fa-chevron-right"></i></span><span class="nav-title clearfix"><img src="https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/images/no-img/square-no-img.png" alt="no image" />WordPressで一覧の画面で投稿者名を表示したい。</span></a></div></div> </nav><!--end pre nex--> <!--related post two row--> <aside> <div class="related wow fadeIn" data-wow-delay="0.2s"> <h3>関連記事</h3> <ul class="related-list-two"> <li class="related-col6"> <div class="related-thumbnail-square"> <a class="image-link" href="https://blog.dreamhive.co.jp/kenta/archives/5129"><img width="180" height="48" src="https://blog.dreamhive.co.jp/kenta/wp-content/uploads/2014/07/dh-jitan.gif" class="attachment-square-thumbnail size-square-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></a> </div> <div class="related-date"> <span class="post-meta small">2014/12/08</span> <h4><a href="https://blog.dreamhive.co.jp/kenta/archives/5129" title="WPtouch Mobile Pluginでショートコードが実行されない">WPtouch Mobile Pluginでショートコ...</a></h4> </div> </li> <li class="related-col6"> <div class="related-thumbnail-square"> <a class="image-link" href="https://blog.dreamhive.co.jp/kenta/archives/1083"><img src="https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/images/no-img/square-no-img.png" alt="no image" width="80" height="80" /></a> </div> <div class="related-date"> <span class="post-meta small">2010/11/30</span> <h4><a href="https://blog.dreamhive.co.jp/kenta/archives/1083" title="WordPressでブログの詳細記事やページに自動で入るpタグを消したい（ps-disable-auto-formatting）">WordPressでブログの詳細記事やページに自動で入...</a></h4> </div> </li> <li class="related-col6"> <div class="related-thumbnail-square"> <a class="image-link" href="https://blog.dreamhive.co.jp/kenta/archives/3742"><img src="https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/images/no-img/square-no-img.png" alt="no image" width="80" height="80" /></a> </div> <div class="related-date"> <span class="post-meta small">2013/10/07</span> <h4><a href="https://blog.dreamhive.co.jp/kenta/archives/3742" title="WordPress バージョンアップ後に投稿に画像が挿入できなくなった！！【解決】">WordPress バージョンアップ後に投稿に画像が挿...</a></h4> </div> </li> <li class="related-col6"> <div class="related-thumbnail-square"> <a class="image-link" href="https://blog.dreamhive.co.jp/kenta/archives/5321"><img width="180" height="48" src="https://blog.dreamhive.co.jp/kenta/wp-content/uploads/2014/07/dh-jitan.gif" class="attachment-square-thumbnail size-square-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></a> </div> <div class="related-date"> <span class="post-meta small">2015/04/06</span> <h4><a href="https://blog.dreamhive.co.jp/kenta/archives/5321" title="ビジュアルモードに絵文字を追加したい！(TypePad emoji for TinyMCE)">ビジュアルモードに絵文字を追加したい！(TypePad...</a></h4> </div> </li> </ul> </div> </aside> <!--end related post two row--> </div> </main> <!--end main--> <!--sidebar--> <aside class="col-sidebar sidebar"> <div class="side-widget"><div class="side-widget-title"><h3><span>検索</span></h3></div> <form role="search" method="get" class="search-form" action="https://blog.dreamhive.co.jp/kenta/"> <label for="search-form-662a686500c72"> </label> <input type="search" id="search-form-662a686500c72" class="search-field" value="" name="s" /> <button type="submit" class="search-submit"><i class="fa fa-search"></i></button> </form> </div><div class="side-widget"><div class="side-widget-title"><h3><span><a class="rsswidget rss-widget-feed" href="http://www.dreamhive.co.jp/category/magazine/feed"><img class="rss-widget-icon" style="border:0" width="14" height="14" src="https://blog.dreamhive.co.jp/kenta/wp-includes/images/rss.png" alt="RSS" loading="lazy" /></a> <a class="rsswidget rss-widget-title" href="https://www.dreamhive.co.jp/">ドリームハイブのメルマガ</a></span></h3></div><nav aria-label="ドリームハイブのメルマガ"><ul><li>エラーが発生しました。フィードの配信が停止している可能性があります。再度お試しください。</li></ul></nav></div><div class="side-widget"><div class="side-widget-title"><h3><span><a class="rsswidget rss-widget-feed" href="http://www.dreamhive.co.jp/feed"><img class="rss-widget-icon" style="border:0" width="14" height="14" src="https://blog.dreamhive.co.jp/kenta/wp-includes/images/rss.png" alt="RSS" loading="lazy" /></a> <a class="rsswidget rss-widget-title" href="https://www.dreamhive.co.jp/">DREAMHIVE RSS</a></span></h3></div><nav aria-label="DREAMHIVE RSS"><ul><li><a class='rsswidget' href='https://www.dreamhive.co.jp/2024/04/16/excel-%E3%83%AA%E3%82%B5%E3%82%A4%E3%82%BA%E6%99%82%E3%81%AB%E5%9B%B3%E5%BD%A2%E5%90%8C%E5%A3%AB%E3%81%AE%E4%BD%8D%E7%BD%AE%E3%81%8C%E3%82%BA%E3%83%AC%E3%81%AA%E3%81%84%E3%82%B0%E3%83%AB%E3%83%BC/?utm_source=rss&utm_medium=rss&utm_campaign=excel-%25e3%2583%25aa%25e3%2582%25b5%25e3%2582%25a4%25e3%2582%25ba%25e6%2599%2582%25e3%2581%25ab%25e5%259b%25b3%25e5%25bd%25a2%25e5%2590%258c%25e5%25a3%25ab%25e3%2581%25ae%25e4%25bd%258d%25e7%25bd%25ae%25e3%2581%258c%25e3%2582%25ba%25e3%2583%25ac%25e3%2581%25aa%25e3%2581%2584%25e3%2582%25b0%25e3%2583%25ab%25e3%2583%25bc'>Excel リサイズ時に図形同士の位置がズレないグループ化機能の使い方：Excel時短テクニック集(動画)</a></li><li><a class='rsswidget' href='https://www.dreamhive.co.jp/2024/04/02/wordpress%E3%81%A7%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90%E3%81%99%E3%82%8B%E3%81%AA%E3%82%89%E6%9C%80%E5%88%9D%E3%81%AB%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%B9%E3%81%8D/?utm_source=rss&utm_medium=rss&utm_campaign=wordpress%25e3%2581%25a7%25e3%2582%25a2%25e3%2582%25af%25e3%2582%25bb%25e3%2582%25b9%25e8%25a7%25a3%25e6%259e%2590%25e3%2581%2599%25e3%2582%258b%25e3%2581%25aa%25e3%2582%2589%25e6%259c%2580%25e5%2588%259d%25e3%2581%25ab%25e5%2585%25a5%25e3%2582%258c%25e3%2581%25a6%25e3%2581%258a%25e3%2581%258f%25e3%2581%25b9%25e3%2581%258d'>WordPressでアクセス解析するなら最初に入れておくべきプラグイン</a></li><li><a class='rsswidget' href='https://www.dreamhive.co.jp/2024/03/19/excel-2%E3%81%A4%E3%81%AE%E3%82%B7%E3%83%BC%E3%83%88%E3%82%92%E4%B8%A6%E3%81%B9%E3%81%A6%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%97%E3%81%AA%E3%81%8C%E3%82%89%E6%AF%94%E8%BC%83%E3%81%99/?utm_source=rss&utm_medium=rss&utm_campaign=excel-2%25e3%2581%25a4%25e3%2581%25ae%25e3%2582%25b7%25e3%2583%25bc%25e3%2583%2588%25e3%2582%2592%25e4%25b8%25a6%25e3%2581%25b9%25e3%2581%25a6%25e3%2582%25b9%25e3%2582%25af%25e3%2583%25ad%25e3%2583%25bc%25e3%2583%25ab%25e3%2581%2597%25e3%2581%25aa%25e3%2581%258c%25e3%2582%2589%25e6%25af%2594%25e8%25bc%2583%25e3%2581%2599'>Excel 2つのシートを並べてスクロールしながら比較する方法：Excel時短テクニック集(動画)</a></li></ul></nav></div> </aside> <!--end sidebar--> </div> </div> <!--end content--> <!--footer--> <footer class="footer"> <div class="container"> <div class="col12"> <div class="pagetop wow slideInUp"><a href="#top"><i class="fa fa-chevron-up" aria-hidden="true"></i><span class="br"></span>Page Top</a></div> <div class="copyright"> <small><a href="https://blog.dreamhive.co.jp/kenta">© 乾坤一擲</a><br class="br-sp"> Powered by <a href="https://wp-emanon.jp/" target="_blank" rel="nofollow noopener">Emanon</a></small> </div> </div> </div> </footer> <!--end footer--> <script src='https://blog.dreamhive.co.jp/kenta/wp-content/plugins/emanon-blocks/assets/js/utility.js?ver=1.1.7.4' id='emanon-blocks-utility-js'></script> <script src='https://blog.dreamhive.co.jp/kenta/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.6.4' id='swv-js'></script> <script id='contact-form-7-js-extra'> var wpcf7 = {"api":{"root":"https:\/\/blog.dreamhive.co.jp\/kenta\/wp-json\/","namespace":"contact-form-7\/v1"}}; </script> <script src='https://blog.dreamhive.co.jp/kenta/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.6.4' id='contact-form-7-js'></script> <script src='https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/js/master.js?ver=1.2.0' id='emanon-master-js'></script> <script src='https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/js/custom.min.js?ver=1.2.0' id='emanon-custom-js'></script> <script src='https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/js/cookie-min.js?ver=1.2.0' id='jquery-cookie-js'></script> <script src='https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/js/wow.min.js?ver=1.2.0' id='emanon-wow-js'></script> <script src='https://blog.dreamhive.co.jp/kenta/wp-content/themes/emanon-pro/lib/js/wow-init-stop-mobile.js?ver=1.2.0' id='emanon-wow-init-js'></script> </body> </html>