CSSを追記 写真の左右に余白がないため窮屈な感じです。そのためCSSに追記して設定を上書きします。 カラム5のギャラリーに関する設定を上書きします。 style.cssの最後に追記します。 レイアウトを確認 CSSが反…
カテゴリー: WordpressTips
WordPressギャラリーの作り方[2]ギャラリーを挿入
ギャラリーを挿入ボタンをクリック 設定を終えたら「ギャラリーを挿入」ボタンをクリックします。 コードを確認 本文を書き込む箇所にギャラリーを挿入するコードが入っていることを確認します。 「[gallery」から始まり「&…
WordPressギャラリーの作り方[1]メディアの追加
「メディアを追加」を選びます。 新規投稿画面で「メディアを追加」を選びます。 左メニューで「ギャラリーを作成」を選び、右のタブを「ファイルをアップロード」に切り替えます。 写真をドロップして追加します。 ギャラリーに入れ…
WordPress記事の投稿[6]Youtubeの追加
Youtubeへ移動 埋め込みたいYoutubeに移動します。 埋め込みコードを取得 タイトルの下にある「共有」ボタンを押し、続いて右横の「埋め込みコード」を押します。 詳細を設定します コードの下にある「もっと見る」を…
WordPress記事の投稿[5]写真の追加(3)
投稿画面に戻って確認します。 「投稿に挿入」ボタンを押すと投稿画面に戻ります。 写真を挿入するためのコードが入っていることを確認します。 「〈img src=」から「 /〉」までが写真を挿入するためのコードです。 文章を…
WordPress記事の投稿[4]写真の追加(2)
添付ファイルの詳細を設定します。 タイトル 写真のタイトルを入力します。alt属性にもなるため重要です。 キャプション他 キャプション、代替テキスト、説明は空欄のままでOKです。 添付ファイルの表示設定 配置 「右」「中…
WordPress記事の投稿[3]写真の追加(1)
「メディアを追加」ボタンを押します。 本文の中で、メディアを追加したい箇所にカーソルを持っていき「メディアを追加」ボタンを押します。 タブを「ファイルをアップロード」に切り替えます。 「メディアライブラリー」になっていた…
WordPress記事の投稿[2]新規投稿
「投稿」から「新規追加」を選びます。 投稿の入力画面が現れます。 「タイトル」を入力し、本文を書き込んでいきます。 文章の入力は「テキスト」と「ビジュアル」を選べます。この画面は「テキスト」による入力画面です。 MEMO…
WordPress記事の投稿[1]ログイン
ログイン情報を使ってログインします。 ログインのためのURLは、 http://www.yourname.com/wp-admin/ http://www.yourname.com/wp-login.php などのURL…
カスタム投稿とカスタムフィールドでメンバーズリストを作る《掲載5》
トップページにもメンバーズリストを表示させるため、通常のloop以外に、カスタム投稿用のloopを追加します。 カルーセルを実装してレイアウトしてみます。 という訳で、カルーセルの中でも特に評判のいい「slick」を使用…