WordPress基本講座

カスタムメニューを作成する

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
機能に対応したWordPressのテーマのメニューを自分好みに変更する為の、カスタムメニュー機能について、解説致します。
講師:
04:10

字幕

このレッスンでは機能に対応した WordPress のテーマのメニューを 自分好みに変更するための カスタムメニュー機能について 解説していきます それではまず現状のウェブサイトの デザインを確認しておきたいと思います ちなみに選択しているテーマは 「Twenty Fifteen」となっています それではブラウザで現状の ウェブサイトのデザインを確認してみます これが現状のウェブサイトの デザインとなっています 今回はこのウェブサイトに対して カスタムメニューというものを 作成して 表示させてみたいと思います 特にこちらの部分に注目しておいて下さい それでは WordPress の 管理画面に戻ります WordPress の管理画面のほうに 戻ってきたら カスタムメニューの作成に 進めていきましょう カスタムメニューを作成するためには こちらの左メニューの 「外観」の中にある この「メニュー」という所をクリックします するとこのような画面が 表示されてきました こちらの画面でカスタムメニューを 作成することができるようになっています まずは新しいメニューを 作成していきましょう こちらの部分で「メニューの名前」を 作成することができます それでは今回はこちらの部分に 「サイトメニュー」と打っておきましょう そしてこちらの「メニューを作成」 ボタンをクリックします するとこのような画面に変わりました そしてこちらの左の部分から メニューに登録したい 「固定ページ」や「カスタムリンク」 もしくは「カテゴリー」ページを 選択してください 今回はこちらの「固定ページ」から 「すべてを表示」を選択して 「ホーム」と「このサイトについて」 そして「自己紹介」を選択して こちらの「メニューに追加する」 ボタンをクリックします するとこのようにこちらの部分に選択した 「固定ページ」が表示されてきます そしてこちらの部分でメニューの並びを 変更することができるようになっているので 変更したいこちらのメニューを マウスでドラッグします 今回は「このサイトについて」を 「自己紹介」の下に持っていきたいので このようにドラッグして そしてドロップします するとこのようにメニューの並びを 変更することができました 次にこの画面の下の部分をチェックします こちらの部分では「メニュー設定」を 行うことができるようになっています まずこちらの部分 「固定ページを自動追加」 と書いています ここにチェックを入れることによって 以降追加していく新しい トップレベルの固定ページを― 自動的にこちらのメニューに 追加していくことが可能になっています 今回はチェックを入れずに このままの状態にしておきます そして次にテーマの位置です 今回のテーマではカスタムメニューを 挿入できる所が2か所あります 1つが「メインメニュー」部分 そしてもう1つが 「ソーシャルリンクメニュー」部分 今回はサイトのメニューとなっていますので こちらの「メインメニュー」 のほうをクリックします ここまで設定が完了したら こちらの「メニューを保存」をクリックします するとこのように 「サイトメニューを更新しました。」 とでてきますので この状態でウェブサイトのほうを ブラウザで確認してみたいと思います これがカスタムメニューを設定した状態での ウェブサイトとなっています こちらの部分をご覧下さい このようにサイトメニューが 表示されてきました これがカスタムメニューの機能 となっています このカスタムメニューの機能ですが 利用するテーマによって 仕様が異なってきます 例えば今回はこちらの部分に カスタムメニューが表示されてきましたが テーマによってはサイトの上部に 表示されてきたり そもそもこういったカスタムメニューの機能を 利用できないテーマもあります ですので選択したテーマの仕様に従って 設定するようにして下さい 以上でレッスンは終了です 今回は機能に対応した WordPress の テーマのメニューを自分好みに変更するための カスタムメニュー機能について 解説いたしました

WordPress基本講座

WordPressは世界でもっとも人気のある無料のウェブサイト制作・管理ソフト(CMS)のひとつで、簡単に自分のサイトを作成してネット上に公開することができます。このコースではこれから使い始める方を対象に、ローカルサーバーの立ち上げ方やWordPressのインストール方法、基本的な機能や使い方などを順を追って解説します。

3時間48分 (66 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
カテゴリー
ウェブデザイン
CMS
価格: 3,990
発売日:2015年08月06日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。