サイト作成 13日目✨✨
今日は、昨日に引き続きコーポレートサイトの方の模倣練習で
グローバルナビとメガメニューを中心にやったよ✨
今日は昨日とちょっと入れる場所を変えてみてやってみたんだけど、
昨日よりもそれっぽい形になったよ👍👍
順序は以下の感じでやってみたよ❗️
STEP
ロゴ、画像、ボタンを同じ位置に
ブログパーツで、リッチカラムを敷き
列数を5つにし、ロゴ、画像、ボタンを同じ位置に設定。
STEP
作成したブログパーツをウイジェットからヘッダー内部へ
外観→ウイジェット→ヘッダー内部に、
カスタムHTMLを入れ、ブログパーツの呼び出しコードを入力。
STEP
ヘッダーナビを下へ
外観→カスタマイズ→ヘッダー→レイアウトデザイン設定の
ヘッダーのレイアウト(PC)のヘッダーナビを下を選択。
STEP
ヘッダーロゴの削除
外観→カスタマイズ→ヘッダー→ヘッダーロゴの設定から設定していたロゴの画像を削除→画像サイズのpxを最小値にする。
STEP
メニューのグローバルナビに要項を追加
外観→メニュー→グローバルナビに固定ページなどを追加。
スタムリンクにリンク文字列、URLを入れ、メニューに入れ込んだ後、
URL部分だけ削除すると、その部分には反応しない。
STEP
CSSにてグローバルナビの設定を変更
外観→カスタマイズ→追加CSSにて設定を変更。
グローバルナビの縦幅、横幅だったり、文字色の変更、
また、文章を太文字にしたりフォントを変えて設定を綺麗に。
STEP
グローバルナビに写真を追加するCSSがないか検索中
グローバルナビに写真を追加し、メガメニューにできるような、
CSSまたはプラグインを探している途中です。
こんな感じで、進めてみたよ❗️❗️
なんかメガメニューが全然上手くいかなくて、どうすればいいんだろ、、、
ってなってるけど、明日以降も頑張ってやっていこうと思うよ👍👍
2022/12/4