jQueryスポンサーリンク前回の記事で、jQueryを本で調べたりしながらWordPressのように目次を隠したり表示したりするようにしました。それを記事内の好きな場所にできたらなあと思っていじってみたので、紹介です。実際にやるとこんな感じになります。下のボタンを押してみてください。以下の部分を表示するこんな感じで、自分があらかじめ隠したい場所を設定することができます。長い文章になってしまうとき、特に重要はないかなあといったところを隠したりするのに使えるのではないかなと思います。グロい内容を書いたりするときとかも面白いかも。コード1と2を設定してしまえば、好きな部分に手軽に何度も入れられるのが特徴です。やりかた実際のやり方です。コード1コードの一つ目はこんな感じです。});});</script>これを、PC版、スマホ版両方のフッターに入れます。一行目はjQueryの読み込みなので、他のカスタマイズで入っている方は大丈夫です。コード2二つ目はCSSです。none;}をデザインCSSに。none;}</style>を記事上にコード3上の部分が済んだら、あとは隠したい場所があったときちょっとコードを加えます。HTML編集モードで、以下のように「う」と「え」の部分を隠したいとき...隠したい部分を、以下のもので挟みます。<!--ここに隠したいものを入れる--></div>こんな感じになります。レビューを見ると...できました!まとめこのやり方の利点は、一旦コード1とコード2を入れてしまえば、好きな位置にコード3を入れるだけでできるようになる点です。自分も、情報が古くてあまり見せたくない部分には、使うようにしていこうと思います。関連記事2015-11-10はてなブログで同じカテゴリの記事をランダム順に表示して関連記事っぽいものを作るカスタマイズ2015/11/11追記1:うまく取得できているかの判断が曖昧だった...2015-09-24はてなブログの公式目次機能にちょっとコードを足してグッと使いやすくするカスタムこの間追加されたはてなブログの目次機能。どのモードでも、[:c...2015-09-11はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。はてなブログPro都内に住む大学5年生だったのがこの春から社会人一年目になりました。データ分析職として働いております。Googleアナリティクス※メールでのブログカスタマイズのご依頼は現在受けておりません。@ftmaccho詳しいプロフィールはこちらから。広告依頼など重要っぽい連絡はこちらからお願いします。Lifeスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。