スキップしてメイン コンテンツに移動

Imaginary theme

5月, 2022の投稿を表示しています すべて表示

読み込みボタン/無限スクロールの手動化のカスタマイズ

イメージ イメージ

Imaginaryのインデックスページ、つまりトップページとアーカイブページとラベルページとブログ内の検索結果ページではスクロールが画面下に達すると次のページを自動的に読む込むという無限スクロールが搭載されています。 本稿では画面スクロールによる動作を停止して読み込みボタンで無限スクロールを手動的に行うように変更するカスタマイズの方法を紹介します。 見た目は通常のリンクと同じですが、ボタンを押すと次のページへ移動するのではなく、次のページを読み込んで同じページで表示します。 カスタマイズはテンプレートのソースコードを編集しますので、Bloggerの管理画面のテーマのHTMLを編集かバックアップと元に戻すで、行って下さい。 読み込みボタン/無限スクロールの手動化へのの四つの手順 読み込みボタンを設置する フッターを表示する モバイルのサイドバーを下段に表示する デスクトップのサイドバーを外した後に下段に表…

パンくずリストの構造化データにラベルを追加する

イメージ イメージ

Imagimaryの記事/追加ページにはパンくずリストの構造化データが付いています。 構造化データは検索エンジンからのアクセスを想定してサイト作成を行うSEO(Search Engine Optimization/検索エンジン最適化)対策の一環で、パンくずリストは一つのページのサイト全体での位置付けを明らかにします。 Google 検索では、検索結果内のウェブページからの情報を分類する際に、ページの本文内のパンくずリスト マークアップを使用します。 パンくずリスト| Google 検索セントラル Google検索ではパンくずリストのリンクがリッチリザルトとして検索結果に表示されることがあります。 例_書籍 › SF › 受賞作 Google検索に「受賞作」というページが表示され場合、それが属する一つ前の「SF」というカテゴリーとさらに一つ前の「書籍」というカテゴリーのリンクも一緒に表示されて「受賞作」…

投稿の日付表示を日本語の順番に変える方法

イメージ イメージ

Imaginaryの記事ページでは記事タイトルの下に投稿の公開日、本文の下に更新日が表示されます。 日付をどのように表示するかというフォーマット(形式)はBloggerの管理画面のタイムスタンプの形式で変えることができます、 設定| Blogger 公開日と更新日の両方とも共通のフォーマットで、表示されます。 BloggerがアメリカのWebサービスということで、日付のフォーマットが全て英語の順番(月日年か日月年)になってますので、日本語の順番(年月日)に変更するカスタマイズの方法を載せておきます。 Imaginaryの投稿の日付のカスタマイズはBloggerの管理画面のテーマのHTMLを編集かバックアップと元に戻すによってテンプレートのソースコードを書き換えることになります。 記事タイトルの下の公開日のカスタマイズ 例として「2022年5月10日 (火)」のように表示する場合を挙げます。 書き変え前のソ…