#カスタマイズ

ブログ記事の本文中、h2 見出しタグの区切りに「目次に戻る」のテキストリンクを自動挿入する方法を紹介します。 当ブログでは設置後、記事によりますがそれなりにクリックされているようだったので、まぁまぁ意味はありそうです。

今回は、Blogger のトップページをカスタマイズする方法を紹介します。 たとえば、トップページにのみお知らせを入れたい、新着記事一覧は非表示にして別のリンクを置きたい、などの場合に活用できると思います。 この記事ではテンプレート QooQ と JetTheme を例...

Twitter や Instagram などの投稿をブログ記事に埋め込む場合、Defer.js を使ってスクリプトを遅延読み込みすることでページ表示の高速化を図ることができます。 ただ、埋め込み数が多い場合、スクリプト読み込み後の表示処理に時間がかかり、ページの動きが重...

サイドバーに ランダムポストウィジェット を設置しました。 全記事の中からランダムに記事がピックアップされ、リスト形式で表示されます。 Blogger でランダムポストを表示できるウィジェットはいくつかあり、試してみて一番良さそうなものを選びました。 今回はラ...

VTrick は海外テーマなので、使用する場合は少しカスタマイズをしたほうが良いかなと思う部分があります。 この記事では日本語対応カスタマイズをいくつか紹介したいと思います。

ブログを書いていると、「特定ラベルの記事にだけ、これを表示したい」という場合があります。 たとえば、特定ラベルの記事の上部・下部にだけ、 特定のお知らせ・リストを入れたい 特定の画像を表示したい 特定の広告を表示したい など。 このような場合は Blog...

当ブログでは、お問い合わせフォームとして Google フォーム を利用しています。 Google フォームはデザインのカスタマイズや完了ページの設置ができて便利なのですが、フォームの回答（問い合わせ内容）はフォーム画面やスプレッドシートに移動しないと確認できない点が不便で...

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

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

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