人気の投稿
ポップアップと本文に目次を追加するカスタマイズ
![イメージ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu9SrqlDPqwzOZ9pSEkYj_lfD9_2XyLDbTMCHT4LU8a1GamrR7PTwKKtYPOacB65AnxWzi32jq4QC1EZF1B5PC00ybBxVOjVAxpDN8kvaQtKPNAs1QolA02vQvkB0jPYFLddLAXCrBPqJY2babYTv5Oj-LC0A65r3Qc0PZ3MiLWM_ek69fxW5AjIip/w188-h188-p-k-no-nu/table-of-contents-in-imaginary-theme.jpg-rw-e100)
Imaginaryの記事/追加ページの本文の画面の左下に表示される概要ボタンは本文に見出し、HTMLのh1かh2かh3の見出しタグがあった場合にそれを取り込んだ目次を自動生成して表示します。 本稿ではボップアップの目次と本文への自動生成の目次の追加とポップアップのコンテンツの...
共有ボタンのTwitterからXへの変更について
![イメージ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBClTzro__m3xz1H-gdyo7nvZuaYm2g033dpjkeI_6Ru7sEzmkcAlNwegK-Em8_qK8Q6fXl8czPQNRqmEPptcag76n_pirsz_RgS-F76RNRT4kzYa8kLRKfRSBUSEOL1ijV69ZghgB1Le0QCQnXzOgaPkemNy0FQ-xYVxFwl_A08xibENOacjIuu7wnq0/w188-h188-p-k-no-nu/change-from-twitter-to-x.jpg-rw-e100)
Imaginaryのフローティングバーの右端の共有ボタンのTwitterをXに変更しました。2024年6月12日に行いましたが、アイコンの微調整のために翌日の13日のアップデートから十分に使えるようになりました。 TwitterがXに変わったのが2023年7月24日で、一年近...
ブログの全般的なデザイン
![イメージ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4vvdUyXQBnbQkfXo31mFpwz7nm-6I1Td7X5LGz99hDVNFr1pYDC6ivhk1WHhLI_vXqB81bsp8a9wModwMj42WIkR6VzOQqedzVTCaaJZrXPFZj4GqDS88gbtUkPaxZPZqadL5NRlNrFZ8fEBa9pQ4OqHox92GMHoUIBfJVH90VN7-ur6019H0OdON3w/w188-h188-p-k-no-nu/smiling-girl.jpg-rw-e100)
全部で七つのセクションに大別されます。 ヘッダー ページリスト (先頭) Search (Top)/検索(先頭) ページの本文 サイドバー Page Sub/ページの補足 フッター Bloggerのレイアウトから編集できますが、5と6だけがウィジェットの入れ替えが可能...
ImaginaryのBloggerブログへの付け替え方
![イメージ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpJ2ai0TBLQs59cgnhjxD9Wgnjih0Qsi_mNKx71CFCSVZC6UJ7-Bo4OhbGG8cDKnVUWpDPAJXSknGfN3zoNtHDTLBqtoj0uynlPuA7j8_lZR2ylO440NnW6mOKJSO6wfBvd4WzjhhOcDdQnPkOOcChygfuU_PM1cSSUOBrEdn60NsOzGa34DTW2Edcd8/w188-h188-p-k-no-nu/woman-in-a-dress.jpg-rw-e100)
BloggerブログにテンプレートのImaginaryを使う、すなわち既存のテンプレートから新たに付け替える方法には手順が二つある。 ImaginaryのXMLファイルをデバイスに取得する Bloggerの管理画面からテンプレートを更新する Bloggerでテンプレー...
ブログの背景画像を全画面で表示する方法
Imaginaryの通常の背景画像はおよそブログのヘッダーのみに表示されるように高さが指定されています。 背景画像の高さはBloggerの管理画面のテーマのカスタマイズの詳細設定の背景から一定の範囲内で調節することができます。 ブログの背景全体を覆い尽くすデザイン ...
インデックスページのスニペットの本文の削除と項目の並び替えのカスタマイズ
![イメージ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimu3bYA0Qa5jSD2KPil-YmMzwmlb6-LKeEfsLV_CGqhIMsfLBf9Q15kN58vlOrfyC8nIWASzLXh7OJAH-dffPbJz-8U2JkzrgD2Jo6W00bZssGox9sY6PzQ5xbVd8CKAWYwC5kjPhlvDNqnP1E-hfRsMAx5Lzo-cRUvYdZFovtXRzRXBo5j7k57fPv/w188-h188-p-k-no-nu/snippet-on-imaginary.jpg-rw-e100)
Imaginaryのインデックスページ:トップとアーカイブとラベルとブログ内検索では記事のスニペットが表示されますが、初期値では記事のタイトルと画像と抜粋と二つのリンク(アーカイブと続きを読む)が表示されます。 テンプレートのデザインのカスタマイズとしてスニペットの本文の削除...
読み込みボタン/無限スクロールの手動化のカスタマイズ
![イメージ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6MXIfDfOWU9PkS2sJtZtNv1ytVfWOfAGaEkLoWoDLOCLSJ0WIkhVTIiUH4IgSSOFcWw10OplrClav_CCgrcqr2Yz2I3tjjBP6BvRk0MqRuY4b6-znnnvfAh8XtqwL204ByD5-qJ3oNwake9QeByq-G3AQzyP8KfmJiVVuZwugS_RpDadDp179gyXn/w188-h188-p-k-no-nu/load-button.jpg-rw-e100)
Imaginaryのインデックスページ、つまりトップページとアーカイブページとラベルページとブログ内の検索結果ページではスクロールが画面下に達すると次のページを自動的に読む込むという無限スクロールが搭載されています。 本稿では画面スクロールによる動作を停止して読み込みボタンで...
記事/追加ページの画像の遅延読み込みや軽量化による高速化のカスタマイズ
ブログに画像や動画を掲載すると容量が大きくてページの表示速度が下がります。閲覧するのに時間が訪問者を減るかも知れないので、なるべくページの表示速度を高めた方が良いと思います。 初回画面が三秒以内に表示されれば遅くて嫌になることは少ないといわれます。 魅力的な画像や動画を掲...
パンくずリストの構造化データにラベルを追加する
![イメージ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9QL99OTPf--IOMu0fvL3TvkSO0NCXAjgNgA1hhiaquxwOJGOaQfRmT9g24ZB3mLUWY-xUviB4UI3Fg2D1bRArAjTuGt6zuGhUXVjfFWFNOH27oYkeNWUqTUIzNErs3sS4In5kH4HvrmvVw-YNnHNnU5DikHGtqqNEqIUY-zjf67834yOAZPOxeOxC/w188-h188-p-k-no-nu/breadcrumbs.jpg-rw-e100)
Imagimaryの記事/追加ページにはパンくずリストの構造化データが付いています。 構造化データは検索エンジンからのアクセスを想定してサイト作成を行うSEO(Search Engine Optimization/検索エンジン最適化)対策の一環で、パンくずリストは一つのページ...
ブログの背景のヘッダー画像の付け方とサイズについて
Bloggerでの背景のヘッダー画像の付け方 Imaginaryの背景のヘッダー画像はBloggerの管理画面のテーマのカスタマイズ(テーマデザイナー)の背景の背景画像の「背景を変更」からBloggerの既存のものを選択するか使用中のデバイスに保存してあるものをアップロードし...
コメント