MAMPを使ったWordpressでのWEB制作方法7 初心者向け
MAMPを使ったWordpressでのWEB制作方法6 初心者向け
今回は固定ページの作成をします。
固定ページとは事業内容や会社概要など頻繁に更新しないページに使用します。
ここからはwordpressの管理画面も使用しますので
urlの末尾にadminと追記して管理画面も立ち上げておきます。
固定ページの設定
まずは管理画面の固定ページから新規追加を選択します
タイトルに事業内容、内容は仮でテストと入力して下書き保存をします。
すると右側にパーマリンクの設定が表示されます。
パーマリンクはwordpressの中のurlになりますので
末尾を事業内容からserviceに変更して公開をします。
同じように以下を作成して公開しましょう
会社概要
タイトルを会社概要、内容をtest、パーマリンク末尾をcompany
お問い合わせ
タイトルをお問い合わせ、内容をtest、パーマリンク末尾をcontact
固定ページ一覧に公開済みのステータスで表示されていればOKです。
グローバルナビ（ヘッダー）のwordpress設定
現在ヘッダーはheader.php内にhtmlで記述されています
こちらをワードプレスの管理画面で管理できるよう設定します。
まずは作成したfunctions.phpのファイルを開きます。
※この段階では何も記載されていないはずです。
以下をコピペしましょう
<?php//カスタムメニューregister_nav_menus(//メニュー機能をオンにするarray('place_global'=>'グローバル',//“メニュー英語名” =>”メニュー名”,'place_utility'=>'ユーティリティ','place_sidebar'=>'サイドメニュー','place_footer'=>'フッター',));?>今回使用するのはplace_grobal部分なのでutility以下は削除しても構いません。
異なるメニューを作成する時に使用するものです。
functions.phpファイルを保存してwordpress管理画面を再読込しましょう
外観の部分にメニューというタブが増えています
新規メニューからメニュー名にfunctions.phpに記載した
place_globalと記入し作成します。
そして左側のタブから企業概要、事業内容、お問い合わせにチェックを入れて追加し保存します。
次に位置の管理タブよりグローバルのテーマの位置に
place_globalを紐付けしておきます。
次にheader.phpのファイルを以下のように書き換えます。
<!--書き換え前--><divid="menu"><ul><liclass="home"><ahref="<?phphome_url();?>">ホーム</a></li><li><ahref="<?phphome_url();?>service">事業内容</a></li><li><ahref="<?phphome_url();?>company">会社概要</a></li><li><ahref="<?phphome_url();?>archive">お知らせ</a></li><li><ahref="<?phphome_url();?>archive">ブログ</a></li><li><ahref="<?phphome_url();?>contact">お問い合わせ</a></li></ul></div><!--書き換え後--><divid="menu"><ul><?phpwp_nav_menu(array('theme_location'=>'place_global','container'=>'','menu_class'=>'','items_wrap'=>'%3$s',//<ul>を出力しない));?></ul></div>ブラウザーを再読込するとヘッダーが設定した内容に置き換わっています。
メニュー並び替えなども管理画面などから行う設定になりました
現在はリンクの先は何も設定していませんので白紙です。
次回固定ページの中身の作成を行います。