自分のブログに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/2721"><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">2012/10/22</span> <h4><a href="https://blog.dreamhive.co.jp/kenta/archives/2721" title="WordPressで予約投稿や自動非表示機能(Post Expirator)が失敗するとき">WordPressで予約投稿や自動非表示機能(Post...</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/1080"><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/27</span> <h4><a href="https://blog.dreamhive.co.jp/kenta/archives/1080" title="WordPressでページ内や投稿内でphpを実行したい">WordPressでページ内や投稿内でphpを実行した...</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/5096"><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/09/27</span> <h4><a href="https://blog.dreamhive.co.jp/kenta/archives/5096" 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/5069"><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/09/16</span> <h4><a href="https://blog.dreamhive.co.jp/kenta/archives/5069" title="アイキャッチ画像のサイズを出す場所によって変更する方法">アイキャッチ画像のサイズを出す場所によって変更する方法</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-673f48c98748d"> </label> <input type="search" id="search-form-673f48c98748d" 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/11/14/%E9%9B%BB%E8%A9%B1%E8%87%AA%E5%8B%95%E5%BF%9C%E7%AD%94%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%80%8C-ivry-%E3%82%A2%E3%82%A4%E3%83%96%E3%83%AA%E3%83%BC%E3%80%8D%E3%82%92%E5%B0%8E%E5%85%A5%E3%81%97/?utm_source=rss&utm_medium=rss&utm_campaign=%25e9%259b%25bb%25e8%25a9%25b1%25e8%2587%25aa%25e5%258b%2595%25e5%25bf%259c%25e7%25ad%2594%25e3%2582%25b5%25e3%2583%25bc%25e3%2583%2593%25e3%2582%25b9%25e3%2580%258c-ivry-%25e3%2582%25a2%25e3%2582%25a4%25e3%2583%2596%25e3%2583%25aa%25e3%2583%25bc%25e3%2580%258d%25e3%2582%2592%25e5%25b0%258e%25e5%2585%25a5%25e3%2581%2597'>電話自動応答サービス「 IVRy (アイブリー)」を導入しました。</a></li><li><a class='rsswidget' href='https://www.dreamhive.co.jp/2024/10/15/excel-%E8%87%AA%E7%94%B1%E3%81%AB%E6%97%A5%E4%BB%98%E3%81%AE%E6%9B%B8%E5%BC%8F%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/?utm_source=rss&utm_medium=rss&utm_campaign=excel-%25e8%2587%25aa%25e7%2594%25b1%25e3%2581%25ab%25e6%2597%25a5%25e4%25bb%2598%25e3%2581%25ae%25e6%259b%25b8%25e5%25bc%258f%25e3%2582%2592%25e6%258c%2587%25e5%25ae%259a%25e3%2581%2599%25e3%2582%258b%25e6%2596%25b9%25e6%25b3%2595'>Excel 自由に日付の書式を指定する方法：Excel 時短テクニック集(動画)</a></li><li><a class='rsswidget' href='https://www.dreamhive.co.jp/2024/10/10/%E3%81%AA%E3%81%9C-wi-fi-%E3%82%92%E3%82%AA%E3%83%B3%E3%81%AB%E3%81%99%E3%82%8B%E3%81%A8%E7%8F%BE%E5%9C%A8%E5%9C%B0%E3%81%8C%E6%B8%AC%E5%AE%9A%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%AE%E3%81%8B%EF%BC%9F/?utm_source=rss&utm_medium=rss&utm_campaign=%25e3%2581%25aa%25e3%2581%259c-wi-fi-%25e3%2582%2592%25e3%2582%25aa%25e3%2583%25b3%25e3%2581%25ab%25e3%2581%2599%25e3%2582%258b%25e3%2581%25a8%25e7%258f%25be%25e5%259c%25a8%25e5%259c%25b0%25e3%2581%258c%25e6%25b8%25ac%25e5%25ae%259a%25e3%2581%25a7%25e3%2581%258d%25e3%2582%258b%25e3%2581%25ae%25e3%2581%258b%25ef%25bc%259f'>なぜ Wi-Fi をオンにすると現在地が測定できるのか？</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>