【WordPress】自分のサイトをWordPress化の作業-10日目-

【WordPress】自分のサイトをWordPress化の作業-10日目-

こんにちは!
今回は自分のサイトのWordPress化の10日目です。

前回

あわせて読みたい
【WordPress】自分のサイトをWordPress化の作業-9日目- 【WordPress】自分のサイトをWordPress化の作業-9日目- こんにちは! 今回は自分のサイトのWordPress化の9日目です。 前回 https://hobbyjinsei.com/blog030/ 前回の更新...

備忘録

あわせて読みたい
【備忘録】MW WP Formのプラグインのファイル選択をカスタマイズする方法 こんにちは!今回はMW WP Formのプラグインのファイル選択をカスタマイズする方法についての備忘録です。 MW WP Formのフォームを作るプラグインは非常に便利なのでCSS...

備忘録が前回やったようなものです。
今回は404ページを作っていなかったので作成と
ナビバーの作成をやっていきます。

目次

やったこと

404のページが存在しない時のページの作成

こちらのサイトの404テンプレートについて参考にしました。

WordPress のテンプレートとテンプレート階層について

404.phpの作成
中身は参考にしたサイトからコピペ。

/*エラーページ読み込み*/ 
 elseif (is_404()) {
  wp_enqueue_style('404-style', get_theme_file_uri() . '/CSS/404-style.css');
 }

functions.phpのスタイルの読み込みはこんな感じ。

スタイルを整えて404のエラーページの完成です。

is_404()
404エラーが表示されているかどうかを判定します

続いて、グローバルナビゲーションメニューを追加するため
外観にメニューの項目がないので許可をします。

こちらのサイトを参考にしました。

ナビゲーションメニューを有効化する

register_nav_menu( ‘header-navigation’, ‘Header Navigation’ );
この一行入れるだけで、外観にメニューの項目が追加されます。

register nav menu( $location, $description )
カスタムナビゲーションメニューをカスタムメニューエディタへ登録します。

$location
メニュー位置の識別子。スラッグに似ています。

$description
メニューの説明。ダッシュボードでメニューを識別するのに使います。

パラメータについては特に気にする必要はなさそうです。

ほとんど、内部リンクで済ませるため、カスタムリンクの設定をしました。

次に表示させる為、こちらのサイトを参考にしました。

ナビゲーションメニューを表示する / ナビゲーションメニューをカスタマイズする

トップページのヘッダーに
wp_nav_menu()を追加しました。

無事にメニューが追加されました。
内部リンクの動作も問題ないです。
後は、スタイルを整えていきます。

wp_nav_menu($args)
このタグは、ナビゲーションメニューを表示します。

$args
様々なパラメータの指定ができる。

リファレンスを参考に
テンプレートタグ/wp nav menu

凄くシンプルになりました。
レスポンシブ対応でハンバーガーメニューの追加と
スクロールしたら出てくるようにします。

WordPressというよりかは
CSSとJavaScriptの内容になるので今回の内容はここまで

おそらく、今回でWordPress化は終了なので
次回はすべてのまとめを書いていきます。

感想

今回は404のエラーページの作成とグローバルナビゲーションメニューの作成でした。

どちらも苦戦することなくあっさりできました。
むしろ、エラーページとナビバーのデザインで迷ったので苦戦しました笑

WordPress作業は1〜10日目までありましたが
案件だったり、仕事で担当するのであれば1日でやる作業だと思いますので
もっと力を付けないとだめだと感じました。

力をつけるには現場に出るのが一番なので案件を獲得したり転職に限りますね。

 

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする


reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

目次