fancyboxを動かしたWordpressギャラリーのサンプルです。 Copyright 2016 Vision and Design Inc.
WordPressギャラリーの作り方［5］fancyboxのサンプル
Posted on
WordPressギャラリーの作り方［4］fancyboxを組み込み
Posted on
fancyboxを組み込んで見栄えを良くします。 デフォルトのままだと、写真（サムネイル）をクリックすると、大きい写真が別ページで表示されるだけの仕様です。 そのためjQueryのfancyboxを組み込んでポップアップ…
WordPressギャラリーの作り方［3］CSSを追記
Posted on
CSSを追記 写真の左右に余白がないため窮屈な感じです。そのためCSSに追記して設定を上書きします。 カラム5のギャラリーに関する設定を上書きします。 style.cssの最後に追記します。 レイアウトを確認 CSSが反…
WordPressギャラリーの作り方［2］ギャラリーを挿入
Posted on
ギャラリーを挿入ボタンをクリック 設定を終えたら「ギャラリーを挿入」ボタンをクリックします。 コードを確認 本文を書き込む箇所にギャラリーを挿入するコードが入っていることを確認します。 「［gallery」から始まり「&…
WordPressギャラリーの作り方［1］メディアの追加
Posted on
「メディアを追加」を選びます。 新規投稿画面で「メディアを追加」を選びます。 左メニューで「ギャラリーを作成」を選び、右のタブを「ファイルをアップロード」に切り替えます。 写真をドロップして追加します。 ギャラリーに入れ…
WordPress記事の投稿［6］Youtubeの追加
Posted on
Youtubeへ移動 埋め込みたいYoutubeに移動します。 埋め込みコードを取得 タイトルの下にある「共有」ボタンを押し、続いて右横の「埋め込みコード」を押します。 詳細を設定します コードの下にある「もっと見る」を…
WordPress記事の投稿［5］写真の追加（3）
Posted on
投稿画面に戻って確認します。 「投稿に挿入」ボタンを押すと投稿画面に戻ります。 写真を挿入するためのコードが入っていることを確認します。 「〈img src=」から「 /〉」までが写真を挿入するためのコードです。 文章を…
WordPress記事の投稿［4］写真の追加（2）
Posted on
添付ファイルの詳細を設定します。 タイトル 写真のタイトルを入力します。alt属性にもなるため重要です。 キャプション他 キャプション、代替テキスト、説明は空欄のままでOKです。 添付ファイルの表示設定 配置 「右」「中…
WordPress記事の投稿［3］写真の追加（1）
Posted on
「メディアを追加」ボタンを押します。 本文の中で、メディアを追加したい箇所にカーソルを持っていき「メディアを追加」ボタンを押します。 タブを「ファイルをアップロード」に切り替えます。 「メディアライブラリー」になっていた…
WordPress記事の投稿［2］新規投稿
Posted on
「投稿」から「新規追加」を選びます。 投稿の入力画面が現れます。 「タイトル」を入力し、本文を書き込んでいきます。 文章の入力は「テキスト」と「ビジュアル」を選べます。この画面は「テキスト」による入力画面です。 MEMO…