タグ

ブックマーク / goule.hatenablog.com (3)

  • はてなブログの記事に目次を自動挿入するプラグインを作りました - 空想の伝説

    追記:挙動が少しおかしかったのでソースコードを修正しました。ついでに、最初の見出しの直前に目次を挿入するように変更しました。とりあえず細かい話は抜きにして、そういうjQueryプラグインを作ったんですよ。自分で言うのもなんですが、それなりに便利で設置もすごく簡単です。機能についてプラグインの機能について細かく紹介していきます。 目次の自動挿入 記事ページと一覧ページに表示されている記事に対して目次を自動挿入します。ただし、見出しがない記事には挿入しません。 挿入箇所を指定可能 デフォルトでは記事の頭に挿入するようになっていますが、記事内に「<div class="love_toc"></div>」というタグを設置することで、任意の場所に挿入可能です。 挿入拒否も可能 この記事には目次を付けたくないなという場合は、記事内に「<div class="hate_toc"></div>」というタグ

    はてなブログの記事に目次を自動挿入するプラグインを作りました - 空想の伝説
    akiueos
    akiueos 2014/12/12
    1分で導入可能!はてなブログの記事に目次を自動挿入するプラグインを作りました - 空想の伝説
  • はてなブログ用の自作ソーシャルボタンを改良しました - 空想の伝説

    つい先日「公式ソーシャルボタンとZenbackをやめて自作のソーシャルボタンを設置しました - 空想の伝説」という記事を書いたんですよ。記事を書いた段階では「とりあえずそれっぽいボタンを作っとけ」という感じだったんですが、設置した後で「不満な点を何とかしたい」という気持ちが強まっていったので改良することにしました。というわけで、今回こだわった点について書いていきます。ボタンを横並びで表示縦並びだと無駄にスペースをってしまうので、コンパクトな横並びにしてボタンの上にカウントを表示させました。ちなみにレスポンシブデザインにも対応しています。こちらのブログに設置されているソーシャルボタンを参考にさせていただきました。記事そのものの情報もありがたかったです。アイコンフォントでリンクタイプ別にアイコンつける方法 | WebクリエイターボックスHTMLの記述自体もスッキリさせました。JavaScri

    はてなブログ用の自作ソーシャルボタンを改良しました - 空想の伝説
    akiueos
    akiueos 2014/12/10
    はてなブログ用の自作ソーシャルボタンを改良しました - 空想の伝説
  • はてなブログの記事を見やすくするプラグインを作りました - 空想の伝説

    以前、こんな記事を書いたんですよ。サイドバーから過去記事すべてを参照したい!「もっと読む記事リスト」の提案 - 空想の伝説上記の記事では、ブログというものに触れてきた中で膨れ上がった不満について語ってるんですが、とりあえず読んでみてください。あとで読むという人のために要約すると「記事一覧ページから過去記事たどるの面倒くさいから、サイドバーの記事一覧モジュールから全部たどりたい。できればスクロールもページ遷移もなしで過去記事をたどれるモジュールが欲しい」という内容です。結局、レンタルブログでは難しそうだなーなんて結論に落ち着いたんですが、今すぐ実現できそうになくてもそれに代わる何かがほしいとは思っていたので、その要望に応えるべくjQueryプラグインを自作した次第です。プラグインについておおまかに説明すると以下のような感じです。トップページ・アーカイブページ・カテゴリーページでは、そのページ

    はてなブログの記事を見やすくするプラグインを作りました - 空想の伝説
  • 1