カスタマイズ

【Blogger】JetTheme のトップページをリスト形式にするカスタマイズ

【Blogger】JetTheme のトップページをリスト形式にするカスタマイズ

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

【Blogger】サイドバーの検索ボックスをカスタマイズ

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

【Blogger】JetTheme カスタマイズ方法一覧

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

【Blogger】自動生成目次(折りたたみ式)の導入

2021/10/15
Blogger には、デフォルトで目次を自動生成する機能がありません。 これまでは公開されている自動生成スクリプトを使っていましたが、少し納得できない点があり、しばらく目次を手動でつくってきました。が... めちゃくちゃ大変でした。笑 そこで自分好みの自動目次を目指し、...
【ページ表示高速化】非同期読み込みで Google Fonts を使う方法

【ページ表示高速化】非同期読み込みで Google Fonts を使う方法

2021/10/13
ブログの font-family を考えるとき、 Google Fonts のようなウェブフォントはとても便利です。読者の閲覧環境によらず、統一されたフォントでページを提供できます。Windows や Mac のシステムフォントを調べて font-family の指定方法にあ...
ブログのロゴを SVG 形式でつくる。簡単なロゴの作成手順と Blogger での設定方法

ブログのロゴを SVG 形式でつくる。簡単なロゴの作成手順と Blogger での設定方法

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

Google フォームのデザイン・完了ページをカスタマイズ

2021/03/05
先日、当ブログのお問い合わせフォームを Google フォームに変更しました。 Google フォームのデフォルトデザインだと浮いてしまうため、ブログに合うようにデザインをカスタマイズ& 完了ページをブログ内に設置 しています。 カスタマイズ後の仕上がりイメージ フ...
【Blogger】QooQリスト版 トップページ記事一覧のサムネイル画像サイズを変更する方法

【Blogger】QooQリスト版 トップページ記事一覧のサムネイル画像サイズを変更する方法

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

【Blogger】コード表示に highlight.js を導入してみた

2020/01/19
ブログにちょっとしたソースコードを掲載するときに、 簡単で良い感じ に表示してくれるツールはないだろうかと探したところ highlight.js が良さそうだったので導入しました。 導入はとても簡単。手順をまとめます。 目次 highlight.js のコード...
【QooQ】カスタマイズ参考サイト一覧

【QooQ】カスタマイズ参考サイト一覧

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