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

Imaginary theme

ラベル(デザイン)が付いた投稿を表示しています すべて表示

インデックスページのスニペットの本文の削除と項目の並び替えのカスタマイズ

イメージ イメージ

Imaginaryのインデックスページ:トップとアーカイブとラベルとブログ内検索では記事のスニペットが表示されますが、初期値では記事のタイトルと画像と抜粋と二つのリンク(アーカイブと続きを読む)が表示されます。 テンプレートのデザインのカスタマイズとしてスニペットの本文の削除と項目の並び替えについて紹介します。 スニペッ…

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

イメージ イメージ

Imaginaryのインデックスページ、つまりトップページとアーカイブページとラベルページとブログ内の検索結果ページではスクロールが画面下に達すると次のページを自動的に読む込むという無限スクロールが搭載されています。 本稿では画面スクロールによる動作を停止して読み込みボタンで無限スクロールを手動的に行うように変更するカ…

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

イメージ イメージ

Imaginaryの記事ページでは記事タイトルの下に投稿の公開日、本文の下に更新日が表示されます。 日付をどのように表示するかというフォーマット(形式)はBloggerの管理画面のタイムスタンプの形式で変えることができます、 設定| Blogger 公開日と更新日の両方とも共通のフォーマットで、表示されます。 Bloggerが…

フォント変更のためのVariableタグの一覧表

イメージ イメージ

Bloggerブログのフォント(字体)はカスタマイズで変更することができます。 Bloggerブログでフォントを変更する方法 管理画面のテーマのカスタマイズのテーマデザイナーのフォントで用意された一部の英数字以外はCSSを書き換える必要があり、その場合、Imaginaryのテンプレートに的確に反映させるためにはソースコー…

ブログの背景画像を全画面で表示する方法

イメージ イメージ

Imaginaryの通常の背景画像はおよそブログのヘッダーのみに表示されるように高さが指定されています。 背景画像の高さはBloggerの管理画面のテーマのカスタマイズの詳細設定の背景から一定の範囲内で調節することができます。 ブログの背景全体を覆い尽くすデザイン もう一つの背景画像の表示の仕方としてデバイスの全画面を対象…

ブログの背景のヘッダー画像の付け方とサイズについて

イメージ イメージ

Bloggerでの背景のヘッダー画像の付け方 Imaginaryの背景のヘッダー画像はBloggerの管理画面のテーマのカスタマイズ(テーマデザイナー)の背景の背景画像の「背景を変更」からBloggerの既存のものを選択するか使用中のデバイスに保存してあるものをアップロードして付けられます。 テーマデザイナー|Blogg…

ブログの記事/追加ページのデザイン

イメージ イメージ

記事ページのヘッダー 著者名、公開日(設定の一つ目は旧式で無効です)の機能が使えます。 記事タイトルに記事ページのブックマークリンクが付きます。 Bloggerのユーザープロフィール(Bloggerの「設定」のユーザ設定から編集)があれば著者名にリンクが付いてアイコンがあれば著者名の前に表示されます。 投稿の公開日には公開日…

ブログのインデックスページのデザイン

イメージ イメージ

ブログのトップページと後続のページ、アーカイブ(日付毎)、ラベル、ブログ内の検索結果などのインデックスページに投稿された記事の抜粋のスニペットが表示されます。 記事のタイトルは全て、投稿画像は一枚目が横長のサムネイル――その他にYouTubeの埋め込み動画がある場合もサムネイルの対象になります――記事の本文は先頭から百…