プラグインNextGEN GALLERYで真ん中に表示する方法

NextGEN GALLERY

NextGEN GALLERYって何?

WordPressのプラグイン「NextGEN GALLERY」は
WordPress上で写真・画像ギャラリーを表示させるプラグインです。

WordPressの標準機能でも、ギャラリーは作成できますが、より綺麗に表示することができます。
多くの画像をサムネイル形式で一覧表示したりスライドショー形式で表示することもできます。

NextGEN GALLERY

NextGEN GALLERYの詳しいインストール方法や日本語化のやり方は
こちらに詳しい情報が書いてありましたので割愛(面倒臭いとかじゃないですよ!)

NextGEN GALLERYの詳しいインストール方法や日本語化のやり方

プラグイン「NextGEN GALLERY」のダウンロードはこちら

NextGEN GALLERYで真ん中に表示する方法

なんかアホっぽいタイトルになってしまいましたが…w

ギャラリーページを作成していて、ギャラリーとしては表示されるが
中央によっていない状況。

ギャラリー全体を中央寄せにして表示させたい、ということでやり方を解説。

カスタムCSSにコードを追加する

NextGEN GALLERY の設定(スタイルなど)や使用しているTheme(テーマ)によりますが
下記のコードをカスタムCSSに埋め込むことで改善されると思います。

.ngg-galleryoverview {
    text-align: center !important;
    overflow: hidden;
    width: 100% !important;
    clear:both;
    display:block !important;
}
.ngg-gallery-thumbnail-box {
    display: inline-block !important;
    float: none !important;
}

レスポンシブ対応のテーマを使用している等の状況(画面のサイズが変わった時)
でも中央で表示されます。

プラグインNextGEN GALLERYの中央寄せでお困りの方はお試しください。

関連記事

  1. wordpressで下層ページが真っ白になった時の対処方法

    WordPressでトップページ以外が表示されない時の対処法

  2. Crayon Syntax Highlighter Settings ‹ Value Connection — WordPress

    WordPressでコードを綺麗に表示できるCrayon Syntax…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。