WordPressギャラリーの作り方［5］fancyboxのサンプル

fancyboxを動かしたWordpressギャラリーのサンプルです。

フォローする

CSSを追記写真の左右に余白がないため窮屈な感じです。そのためCSSに追記して設定を上書きします。カラム5のギャラリーに関する設定を上...

個別ページ（single-cast.php）を用意。メンバーの個別プロフィールを表示させる「個別ページ」を用意します。投稿タイプが「...

添付ファイルの詳細を設定します。タイトル写真のタイトルを入力します。alt属性にもなるため重要です。キャプション他キャプ...

WordpressはSNSとの連携が容易です。公式プラグイン「Jetpack」を利用することによって、SNSとの様々な連携を行うことができ...

投稿画面に戻って確認します。「投稿に挿入」ボタンを押すと投稿画面に戻ります。写真を挿入するためのコードが入っていることを確認します。 ...

「メディアを追加」を選びます。新規投稿画面で「メディアを追加」を選びます。左メニューで「ギャラリーを作成」を選び、右のタブを「ファイル...

fancyboxを組み込んで見栄えを良くします。デフォルトのままだと、写真（サムネイル）をクリックすると、大きい写真が別ページで表示され...

プラグインJetpackを設定します。 jetpackをインストールしていない場合はインストールし有効化してください。（インストールに...

プロダクションのウェブサイトを制作する案件で作った「所属モデルのリスト」と「モデルのプロフィール」のページの作り方のTipsです。応用す...

ギャラリーを挿入ボタンをクリック設定を終えたら「ギャラリーを挿入」ボタンをクリックします。コードを確認本文を書き込む箇所にギャラリ...