#JetTheme

Twitter や Instagram の投稿をフツーに記事に埋め込むと、ページの表示速度が遅くなります。 PageSpeed Insights のスコアも一気に悪化してしまいます。 原因は埋め込みコード内にある JavaScript。 なので、スクリプトを 遅延読み込み...

JetTheme では、「注目の投稿」ガジェットの画像は遅延読み込みされます。 ただ、注目の投稿がファーストビューに入る場合は遅延読み込みされないほうが良いですよね。 PageSpeed Insights でも指摘が出ると思います。 私はページスピードやスコアの問題...

検索ボックスやお問い合わせフォームの入力欄など、ブログに設置している入力フォームのフォントサイズは 16px 以上 にしておくと良いと思います。 理由は、スマートフォン（iOS）で入力フォームに入力しようとタップしたとき、16px 未満のフォントサイズだと画面が自動拡大さ...

重い腰を上げて、ようやく JetTheme v2.9 にアップデートしました。 旧版テンプレートにはすでに多くのカスタマイズを施していたので、修正は大変そうだなと先延ばしにしていて、そのうちに「現状で不都合もないし面倒だし、アップデートはしなくても良いかも」と思い始めてたん...

先日、Bootstrap 5 で table（表）がレスポンシブにならない という状況が起きました。 このブログのテンプレートは Bootstrap 5 で構成されているのですが、記事内で table-responsive を使っても効かない状況でした。 試行錯誤した結果...

Bootstrap 5 に標準で用意されているクラスのうち、よく使うものを一覧にしてみました。 カスタマイズの参考用です。 この一覧のクラスを html に指定することで、Bootstrap 5 標準の CSS が反映されます。 例えば次のようにクラスを指定すると、 ...

JetTheme を導入して２週間ほど経ちました。 ここ最近立て続けに JetTheme 関連の記事を投稿してますが、今回はカスタマイズを通してこのテンプレートについて感じたことを自分なりにまとめてみます。 JetTheme を検討中の方の参考になれば幸いです。 目...

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

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

JetTheme を導入するにあたって、いくつかカスタマイズを行いました。 当ブログでのカスタマイズ内容・修正方法をこちらの記事で紹介していきたいと思います。 以下、JetTheme v2.9 をベースにしたカスタマイズとなっています。