IT the Best
はてなブログカスタマイズ
今回のはてなブログカスタマイズは、記事の目次をサイドバーにも表示するものです。記事のよこに目次を置くことで読んでいるところを把握することができ、記事が読みやすくなります。記事が長い場合に効果的です。記事の目次を表示するには、記事編集画面で…
カテゴリー別記事一覧のサイトマップページ はてなブログで、ユーザー向けのサイトマップページを作成するためのJavaScriptコードとスタイルコードを生成します。 カテゴリー別に記事一覧を取得し、記事内に表示します。 表示形式の種類を選択し、コードをコ…
はてなブログの記事用デザインのパーツを備忘録ついでにツール的な感じでまとめました。CSSを生成するツールになっているため、クラス名・スタイルの変更が可能です。スマホからでも簡単に、カスタマイズから実装までができるようにスタイルの編集、ボタンで…
当記事は、はてなブログのカテゴリーを階層化するためのカスタマイズ情報です。当記事のScriptを設置し、記事のカテゴリーを当記事に記してあるように階層化することで、カテゴリーモジュールとパンくずリストを階層化することができます。 はてなブログのカ…
カテゴリー別アーカイブ | 全カテゴリー別記事一覧ページ | サイトマップページ...カスタマイズ概要一つだけではなくすべてのカテゴリーを対象に、記事の一覧を表示するためのはてなブログカスタマイズです。サイト内記事探索が一つのページで可能になるため…
URLを入力するだけの簡単作業で、おすすめの記事を表示させる「はてなモジュール」を作成するはてなブログカスタマイズです。はてなブログおすすめ記事モジュールの目的。希望する場所に希望する記事の一覧を表示するためのはてなブログモジュールを作成する…
はてなブログをカスタマイズするのに必要な作業として、HTMLコードの記述があります。この作業は特に難しくはありませんが、スマホからはてなブログをカスタマイズする方法は、PCとは違うので当記事に記します。...スマホのブラウザからもheadに要素を追加に…
今回のはてなブログカスタマイズは、ホーム画面の記事一覧にシェアボタン(後で読む系)を搭載するカスタマイズです。ホーム画面にシェアボタンを表示させる当カスタマイズで表示させるシェアボタンは、はてなブックマーク・Pocketです。これらのボタンはシェ…
はてなブログでのパンくずリストを含むカテゴリーを階層化表示させるための処理を、JavaScriptとCSSで可能にしました。今回開発した機能では、階層化カテゴリーの表示(カテゴリー一覧など)、パンくずリストの階層化を実現することができます。階層カテゴリー…
概要前回、CSSだけではてなブログのカテゴリーモジュールに開閉機能を付けるカスタマイズ記事を投稿しました。今回の記事もカテゴリーモジュールに開閉機能を付けるカスタマイズになりますが、今回はCSSだけでなくCSS＋JavaScriptによるカスタマイズになりま…
はてなブログを長いことやっていると、記事も多くなりカテゴリーの種類も多くなると思います。そんななかサイドバーにはてなモジュールのカテゴリーを設定していると、ズラーっとしたに長いカテゴリーリンクのリストができてしまうと思います。そんな長くな…
読者になるボタンカスタマイズ不可能な読者になるボタンはてなブログの 設定 ＞ 詳細 にある「読者になるボタン」はiframe要素なのでカスタマイズができません。カスタマイズ可能な読者になるボタンなので当サイトでは、サイドバーにある「プロフィールモジ…
[画像]問題と対処法 記事下の関連記事の仕様 サイドバーの関連記事モジュールの仕様 カスタマイズ サイドバーに関連記事モジュールを追加する 関連記事モジュール以降にJavaScriptを埋め込む サンプルコード 表示するデータの変更 関連記事を記事下に表示す…
www.it-the-best.com 当処理の改良版を以下の記事で作成しました。 www.it-the-best.com カテゴリーを取得 カテゴリー別に記事を取得 表示 カテゴリー別の記事一覧ページを固定ページで作りました。 html,css,javascriptそしてphpを利用して表示させています…
初期Scriptファイルのため、不備などがありあまり参考になりません。 新しく、カテゴリー・パンくずリストを階層化表示にする機能を作成しました。こちらの方が扱いやすく、不具合が起こる可能性も低いと思われます。 www.it-the-best.com ほとんどの機能変…
初期Scriptファイルのため、不備などがありあまり参考になりません。 新しく、カテゴリー・パンくずリストを階層化表示にする機能を作成しました。こちらの方が扱いやすく、不具合が起こる可能性も低いと思われます。 www.it-the-best.com ほとんどの機能変…
当記事は、はてなブログのカテゴリーを階層カテゴリー表示にするために開発した機能の、おおまかな説明になります。 はてなブログのカテゴリーを階層化するには、ファイルを読み込み、カテゴリーを階層ごとにハイフンで区切る必要があります。..ハイフンで書…
今回のはてなブログカスタマイズはコチラ ホーム画面に独自のおすすめ記事を表示させる 良い記事が書けたけどなかなか発信しきれていない。そんな記事は誰にでもあるとおもいます。そんなときは、ホーム画面だったりでアピールしたりと対策をしましょう。 は…
サイドバーには表示できるけど、注目記事だけの記事を作りたいのにできないという方に役立つであろうはてなブログカスタマイズ情報です。 ページに表示したい注目記事の情報を決める 要素をコピーする 記事または固定ページ(PROのみ)に貼り付ける 箱だけ残し…
はてなブログの一番下にある本当のフッターは、はてなブログPROでないと簡単にはカスタマイズできません。(下の写真の文字がある部分) (JavaScriptファイルを別で作成して、読み込ませる方法ではカスタマイズできる。多分) はてなブログPROになれば、フッタ…
記事上に何かコンテンツを入れていると、記事内で張り付けた写真を一番上に表示させることができません。 そこで、記事内の一番上にある写真をタイトル下に持ってくるようにカスタマイズしました。 <script> //記事内の一番上の写真 var entry_top_img=document.getE…
ホーム画面の判断のさせかた URLを取得する ・URLすべてを取得 ・ドメイン(FQDN)後の文字列(パス名)を取得 画面を判断する ・パス名で判断する場合 ・URLで判断する場合 はてなブログで動かす ホーム画面の判断のさせかた URLを取得して、表示されている画面…
