2014/09/30twitterfacebookhatebugooglepluspocketlineはてなブックマークでコメントされた内容を、プラグイン使わずにテーマファイル直接記述で表示させる方法をご紹介します。何かいろいろ書いてますが、はてな公式で紹介してるブログパーツをWordPressで動作するように成形してるだけで特別なことは何もしません。はてなブックマークウィジェットを呼び出すはてな公式ブックマークウィジェットをWordPress用に直すはてな公式サイトで、代表的なブログ向けのソースを配布しているので、細かな呼び出し部分をWordPressのテンプレートタグに書き換えます。出来あがったらヘッダ(header.php)等に書き込みましょう。任意の場所に記述します。はてなブックマークコメントウィジェットの呼び出しが発生するので動作確認等の際に少々邪魔になります。そこで、プレビューと404を除外したのが下のバージョンです。実装するときはコメントの呼び出し条件を見ながら調整して下さい。?>はてブコメントの見た目をカスタマイズする「はてなブルーはちょっと...。」という場合は色を変えることも可能です。上書き推奨だそうです。軽く気が遠くなりますけど、まぁ、それはそれ。【memo】jsの呼び出し時にCSS読み込みを奪えば完全自作も可能です。‘true’;上記のコードを追加して、展開されたHTMLからclass名を拾えばOK。本章追記】JavaScript側でユーザーCSSの使用を宣言するとデフォルトCSSの読み込みが停止される仕様になっています。一から完全にコーディングし直すことになるので、無理な上書きをせずに素直な指定が可能です。自作派の方はこちらを採用して下さい。冒頭のスクリプト呼び出し部を以下のコードに差し替えます。'true';</script>すると、はてなブックマークウィジェットが読み込まれてもCSSが読み込まれずにプレーンテキストで表示されます。実装例↓↓そのときソースを見ると以下のような書式で展開されているはず。class="hatena-bookmark-comment-show">はてなブックマークで確認</a></div></div></div>お好みに合わせてCSSで整形すればオリジナルブックマークの完成です。例として代表的なクラスを拾ってみたので参考にどうぞ。】すいません、一年ぶりの更新です。はてブして頂いて、完全自作の方法を書くと言ったきり放置していたのを思い出したので続き書きました。まとめこんな話を書いておいて何ですけど、ほとんどセルクマでかっこわるいので近いうちに米欄はずします。はてブ獲得に精進されて下さい。本稿がお役に立ちましたらご紹介頂けると中の人が大変喜びます。見るおち研についておち研は日常を雑学する野良研究所です。お探しの記事がありましたら検索窓や過去記事一覧もお試し下さい。Mizuki花鳥風月をこよなく愛する体育会系。趣味はバラバラに見えて科学繋がりです。人気かも知れない記事チョコレートをレンジでチンして光の速さを計算してみる313users「電気を食べて生きる微生物」の何がスゴイか判らない全ての人へ!212users槇原敬之「もう恋なんてしない」の文法がおかしいと言われる件。コメントをキャンセルメールアドレスは開示されません。エラーが出たら違うCaptchaコードもお試し下さい。