カスタマイズ

JetTheme では、トップページの記事一覧は２列のカード形式になっています。スマホの場合は１列のカード形式。 これを、次の画像のようなリスト形式にカスタマイズする方法をご紹介します。画像はざっくり修正したサンプルですが、細かなデザイン修正ももちろん可能です。

Blogger で 検索ボックス をサイドバーに設置するときのデザインカスタマイズをご紹介します。 検索ボックスは Blogger 標準のウィジェットが用意されていますが、テンプレートによってはデザインが用意されていません。JetTheme も、もともとヘッダーに検索が用...

JetTheme を導入するにあたって、いくつかカスタマイズを行いました。 カスタマイズの参考サイトがまだあまりないので、当ブログでのカスタマイズ内容・修正方法をこちらで紹介していきたいと思います。 随時、追記していく予定です。 ※ 本記事の作成時点では JetThe...

Blogger には、デフォルトで目次を自動生成する機能がありません。 これまでは公開されている自動生成スクリプトを使っていましたが、少し納得できない点があり、しばらく目次を手動でつくってきました。が... めちゃくちゃ大変でした。笑 そこで自分好みの自動目次を目指し、...

ブログの font-family を考えるとき、 Google Fonts のようなウェブフォントはとても便利です。読者の閲覧環境によらず、統一されたフォントでページを提供できます。Windows や Mac のシステムフォントを調べて font-family の指定方法にあ...

ブログのロゴって設定していますか？ ブログタイトルのフォントをちょっと変えるだけでも、雰囲気が変わってオリジナル感が出ますよね。それにフリーのアイコン素材も組み合わせれば、立派なロゴに！ 今回はフリーソフトを使って、 拡大・縮小しても画像がぼやけない SVG という形式...

先日、当ブログのお問い合わせフォームを Google フォームに変更しました。 Google フォームのデフォルトデザインだと浮いてしまうため、ブログに合うようにデザインをカスタマイズ＆ 完了ページをブログ内に設置 しています。 カスタマイズ後の仕上がりイメージ フ...

当ブログではテンプレートに QooQ リスト版 を使用しています。 今回、トップページの記事一覧のサムネイル画像がちょっと小さいかも... と思い、画像サイズを大きくしました。 このサムネイル画像のサイズ変更、最初どうやれば良いかがわからず実現するのに手こずったため、...

ブログにちょっとしたソースコードを掲載するときに、 簡単で良い感じ に表示してくれるツールはないだろうかと探したところ highlight.js が良さそうだったので導入しました。 導入はとても簡単。手順をまとめます。 目次 highlight.js のコード...

非常に使いやすく、カスタマイズもしやすい Blogger テンプレートの QooQ。 この記事では、私が QooQ を使い始めて以降カスタマイズの参考にさせていただいたサイトを紹介しています。 QooQ はデザイン面、機能面で詳しい方がさまざまなカスタマイズ情報を公開してく...