IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

はてなブログカスタマイズ

記事の目次をサイドバーに表示して記事を読みやすくしよう!【はてなブログカスタマイズ】

今回のはてなブログカスタマイズは、記事の目次をサイドバーにも表示するものです。記事のよこに目次を置くことで読んでいるところを把握することができ、記事が読みやすくなります。記事が長い場合に効果的です。記事の目次を表示するには、記事編集画面で…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- |【はてなブログカスタマイズ】

パンくずリストの階層化表示は、ページがそのサイトのどこにあるのかを示し、記事のカテゴリーを詳しく表示することができます。そのため、SEOの効果的な対策として取り入れられています。...はてなブログでのパンくずリストを含むカテゴリーを階層化表示さ…

同カテゴリーが記事下の関連記事に表示されない時の対処法 - 【はてなブログ】| 【カスタマイズ】

[画像]問題と対処法 記事下の関連記事の仕様 サイドバーの関連記事モジュールの仕様 カスタマイズ サイドバーに関連記事モジュールを追加する 関連記事モジュール以降にJavaScriptを埋め込む サンプルコード 表示するデータの変更 関連記事を記事下に表示す…

【はてなブログ】カテゴリー別記事一覧のサイトマップページを作る |【カスタマイズ】

カテゴリーを取得 カテゴリー別に記事を取得 表示 カテゴリー別の記事一覧ページを固定ページで作りました。 html,css,javascriptそしてphpを利用して表示させています。 ※固定ページは、はてなブログPROのみ作成できます。 カテゴリーを取得 var category_l…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- #階層カテゴリーパンくずリストの表示

階層カテゴリーパンくずリストの表示 当記事は、階層カテゴリーを表示するために開発したJavaScriptファイルの説明になります。#階層カテゴリーパンくずリストの表示 ※https://cdn.it-the-best.com/js/category/2.2/category.min.jsの説明 www.it-the-best.c…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- #カテゴリーの表示を変える

カテゴリーの表示を変える カテゴリー情報を取得する 階層化カテゴリータグを表示させない 階層化カテゴリーの表示を変える すべてのカテゴリーを取得 カテゴリー一覧(階層化表示にする) カテゴリータイトルの表示を変える 当記事は、階層カテゴリーを表示す…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- #説明

説明 階層カテゴリーについて パンくずリストについて ファイルについて JavaScriptファイルの説明 はてなブログのカスタマイズ設定について パンくずリスト カテゴリー一覧 当記事は、階層カテゴリーを表示するために開発した機能の、おおまかな説明になり…

【はてなブログカスタマイズ】ホーム画面におすすめ記事を表示させる

今回のはてなブログカスタマイズはコチラ ホーム画面に独自のおすすめ記事を表示させる 良い記事が書けたけどなかなか発信しきれていない。そんな記事は誰にでもあるとおもいます。そんなときは、ホーム画面だったりでアピールしたりと対策をしましょう。 記…

【はてなブログカスタマイズ】注目記事一覧ページを作る方法「リアルタイム」

サイドバーには表示できるけど、注目記事だけの記事を作りたいのにできないという方必見のはてなブログカスタマイズ情報です。 ページに表示したい注目記事の情報を決める 要素をコピーする 記事または固定ページ(PROのみ)に貼り付ける 箱だけ残して中身を消…

「はてなブログカスタマイズ」 | 「PRO」だけの特典。フッターの要素を変える

はてなブログの一番下にある本当のフッターは、はてなブログPROでないと簡単にはカスタマイズできません。(下の写真の文字がある部分) (JavaScriptファイルを別で作成して、読み込ませる方法ではカスタマイズできる。多分) はてなブログPROになれば、フッタ…

「はてなブログカスタマイズ」 | 記事内の写真を記事タイトル下に持ってくる

記事上に何かコンテンツを入れていると、記事内で張り付けた写真を一番上に表示させることができません。 そこで、記事内の一番上にある写真をタイトル下に持ってくるようにカスタマイズしました。 <script> //記事内の一番上の写真 var entry_top_img=document.getE…

「はてなブログカスタマイズ 」| ホーム画面だけを変えたい人必見!JavaScriptによる画面別動作

ホーム画面の判断のさせかた URLを取得する ・URLすべてを取得 ・ドメイン(FQDN)後の文字列(パス名)を取得 画面を判断する ・パス名で判断する場合 ・URLで判断する場合 はてなブログで動かす ホーム画面の判断のさせかた URLを取得して、表示されている画面…