• おすすめ情報
    【厳選子育てアプリ4選】子育て記録もアプリを使えばこんなに手軽になる!
    2016年1月22日
  • その他
    大企業と中小企業(ベンチャー企業)あなたはどっちに向いている?
    2016年1月19日
  • その他
    お酒は太るってほんと?太らないお酒もある?
    2016年2月18日
  • おすすめ情報
    中学生・高校生に人気のバンドはこれだ!12選【2016年版】
    2016年4月12日
  • 生活
    大学生のバイトは高時給なパチンコ屋がオススメ!最適なアルバイト選びで最高のキャンパスライフを
    2016年2月7日
  • その他
    宝くじで3000万円当たったのに全然嬉しくない件
    2016年5月10日
  • おすすめ情報
    Pebble Time Round | スマートウォッチがこんなにかっこいいはずがない
    2016年3月9日
  • その他
    就活ってなにからやればいいの!?何をすればいいのかわからない!
    2016年2月5日
  • 生活
    引越しの初期費用は交渉次第で半額以下になる!節約して快適な新生活を始めよう!
    2016年1月27日
  • アプリ開発
    ゲーム開発素人が1週間でFlappyBird風ゲームアプリを作ってみた【MoneyBird】
    2016年5月24日

ブログを運営するとなったら、SNS共有はとっても重要なツールのひとつになります。その中でも、最大規模のSNSといえばFacebookですね。Facebookのいいねボタンが無いブログなんてめったにないとは思いますが、なんかどれも微妙に崩れたりしているのって気がついているのでしょうか...
仕様でコメント欄が絶対表示されるようになってしまいましたが、今回は頑張って表示させません!

コメント欄が、隠れてしまう!はみ出してる!途切れてる!

likebutton_4
こんな感じで、切れちゃうっていうのがよく見ます。cssで無理やり消したりする人もいますが挙動が気持ち悪くてすきじゃないので、もとから表示しないものとします。

つかさ君
スマホだとほぼレイアウトが崩れるじゃねえか!どうにかしろよ!

Facebookいいね!をiframeで作成

facebookでは、iframeが取得できなくなってしまいましたが、意地で書けば使えます。

<iframe src="http://www.facebook.com/plugins/like.php?href=【いいね!してほしいurl】&amp;layout=box_count&amp;show_faces=false&amp;width=70&amp;action=like&amp;colorscheme=light&amp;height=63" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:73px; height:63px;" allowTransparency="true"></iframe>

今まで使っていたところと入れ替えるだけです。

つかさ君
コピペするだけだな!wordpressで記事ごとのurlを取得するのは<?php echo get_permalink(); ?>だったよな!覚えておけよ!

これで、いいね!をクリックしてもコメント欄は表示されないでスマートにカウントされるようになりました。

注意点

こういったSNSとの連携で取得するようなやつは、サービスの仕様変更によって毎回対応させていかなければなりません。今大丈夫でもいつかは使えなくなるかもしれませんので、しっかり管理して焦らないようにしましょう。

つかさ君
使えなくなっても俺のせいにだけはするなよな。
関連キーワード
Webサイト制作の関連記事
  • SEO対策なんてするな! - Webサイトの役割を考えよう
  • cakephpインストール時エラー mod_rewriteの設定について
  • wordpressでapache権限を与える【パーミッション対処法】
  • 【overflow】右に変な余白が出来た時の対処法(スマホでも)【wordpress】【web制作】
  • woocommerceのproducts list thumbnail(商品一覧) のサイズが合わない時の対処法【wordpress】
  • 【wordpress】変更を保存するには事前にこのファイルを書き込み可能にする必要があります。【エラー対応】
おすすめの記事