スポンサーサイト

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Guide
  •  …この記事と同じカテゴリの前後記事へのページナビ
  •  …この記事の前後に投稿された記事へのページナビ
  • Edit
  • TB(-)|
  • CO(-) 
 
 

GalleryG

GalleryG

  • GalleryF(09/19)
  • GalleryI(09/19)

ギャラリー風テンプレート GalleryG


s_GalleryG.jpg


記事本文に投稿した写真やイラストのサムネイルがトップページや通常ブログ画面では二分割で一覧表示される、背景はグレイのグラデーションでアクセントカラーが赤のギャラリー風テンプレートGalleryG。
これまた、ごくごくシンプルでスタンダードなスタイル。

上の画像をクリックするとプレビューされます。

画像にオンマウスすると、記事タイトルやカテゴリだけでなく、記事冒頭文も表示されます。
記事タイトルは個別記事ページへ、カテゴリタイトルはそのカテゴリの一覧ページへリンクしています。

プラグインはトップページを含む通常ブログ画面だけに表示されます。
(プラグイン1はサイドに、プラグイン2と3は、画面下に表示)
その他の一覧ページ(カテゴリ・タグ・検索・月別ページ)では、画像のみが一覧表示されます。

注意一覧表示されるのは、自ブログでアップロードし、記事本文に投稿した最初の画像に限られます
追記部分に投稿した画像や、絵文字、別ブログでアップロードした画像、その他の画像は表示されません!
表紙や画像一覧ページで表示される画像の表示件数・表示順の設定方法はコチラ



Galleryテンプレートは、作者様のお許しを得て、FC2ブログプラグイン「Pictlayer」を装着させていただいておりますので、元画像にリンクしている投稿画像やテキストは、JavaScript有効時、クリックすると、別窓ではなく、同画面で原寸大サイズレイヤー表示されます。

注意Pictlayer」が有効となるのは、imgタグが元画像にリンクしている場合に限られます。
imgタグのみの場合や、アルバムページへリンクしている場合は、これに含まれません。
ブログ開設時の初期設定では、ファイルアップロードされた画像はアルバムページへリンクしているので、
同画面レイヤー表示を有効化させるためには投稿設定の変更が必要です。
設定方法はコチラ

Albumボタンを非表示にする場合custom60.gif画像用テンプレートということで、表紙にはデフォルトアルバムへリンクボタンが表示させましたが、不要な場合はHTMLの~ 内の(a)と(b)の行を削除するか、スタイルシートの末尾に以下を追加すると表示されなくなります。
.go-album { display: none; }

詳しくは  コチラ


注意同カテゴリ前後ページのナビは関連記事リストの設定が必要です。
関連リストの設定方法はコチラ



スタイルシートを変更するとデザイン(背景色等)変更できます。
例)GalleryIをDLし、スタイルシートを差し替えればヘッダーが白メインが黒のモノトーン背景で表示できます。


スクリプトの改変は禁止です。
詳しくはGalleryテンプレート利用規約をご確認ください。

HTML:GalleryG スタイルシート:Gallery共通CSS Red in Gray

関連記事
スポンサーサイト
  • GalleryF(09/19)
  • GalleryI(09/19)
Guide
  •  …この記事と同じカテゴリの前後記事へのページナビ
  •  …この記事の前後に投稿された記事へのページナビ
 

~ Comment ~

ご質問の前にカスタマイズに関するご質問のコメントは、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけ   カスタマイズ解説記事からお願い致します。
尚、URL(ブログアドレス)が記載されていないご質問、シークレットコメントのみのご質問へはご返答致しません。
初めて投稿なさる前は必ず   ご質問・サポートについて をご確認ください。
  ※コメントの編集用
  シークレットコメントにする (管理者のみ表示)

~ Trackback ~

卜ラックバックURL


この記事にトラックバックする(FC2ブログユーザー)

MENU anime_down3.gif

同じカテゴリの記事が一覧表示されます
同じタグの記事が一覧表示されます
更新月別の記事が一覧表示されます
キーワードで記事を検索
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。