fancyboxを動かしたWordpressギャラリーのサンプルです。 Copyright 2016 Vision and Design Inc.
WordPressギャラリーの作り方[5]fancyboxのサンプル
Posted on
WordPress(ワードプレス)を活用するシンプルガイド
fancyboxを動かしたWordpressギャラリーのサンプルです。 Copyright 2016 Vision and Design Inc.
fancyboxを組み込んで見栄えを良くします。 デフォルトのままだと、写真(サムネイル)をクリックすると、大きい写真が別ページで表示されるだけの仕様です。 そのためjQueryのfancyboxを組み込んでポップアップ…
CSSを追記 写真の左右に余白がないため窮屈な感じです。そのためCSSに追記して設定を上書きします。 カラム5のギャラリーに関する設定を上書きします。 style.cssの最後に追記します。 レイアウトを確認 CSSが反…
ギャラリーを挿入ボタンをクリック 設定を終えたら「ギャラリーを挿入」ボタンをクリックします。 コードを確認 本文を書き込む箇所にギャラリーを挿入するコードが入っていることを確認します。 「[gallery」から始まり「&…
「メディアを追加」を選びます。 新規投稿画面で「メディアを追加」を選びます。 左メニューで「ギャラリーを作成」を選び、右のタブを「ファイルをアップロード」に切り替えます。 写真をドロップして追加します。 ギャラリーに入れ…