メニュー
  • ホーム
  • ブログ
    • ご挨拶
    • サイト作成
    • リスクヘッジ
  • プロフィール
かずえのいちからWEBデザイナー
  • ホーム
  • ブログ
    • ご挨拶
    • サイト作成
    • リスクヘッジ
  • プロフィール
かずえのいちからWEBデザイナー
  • ホーム
  • ブログ
    • ご挨拶
    • サイト作成
    • リスクヘッジ
  • プロフィール

グローバルナビとメガメニューについて調べた!!!続

2022 12/04
  1. ホーム
  2. サイト作成
  3. グローバルナビとメガメニューについて調べた!!!続

サイト作成 13日目✨✨

今日は、昨日に引き続きコーポレートサイトの方の模倣練習で
グローバルナビとメガメニューを中心にやったよ✨

今日は昨日とちょっと入れる場所を変えてみてやってみたんだけど、
昨日よりもそれっぽい形になったよ👍👍

順序は以下の感じでやってみたよ❗️

STEP
ロゴ、画像、ボタンを同じ位置に

ブログパーツで、リッチカラムを敷き
列数を5つにし、ロゴ、画像、ボタンを同じ位置に設定。

STEP
作成したブログパーツをウイジェットからヘッダー内部へ

外観→ウイジェット→ヘッダー内部に、
カスタムHTMLを入れ、ブログパーツの呼び出しコードを入力。

STEP
ヘッダーナビを下へ

外観→カスタマイズ→ヘッダー→レイアウトデザイン設定の
ヘッダーのレイアウト(PC)のヘッダーナビを下を選択。

STEP
ヘッダーロゴの削除

外観→カスタマイズ→ヘッダー→ヘッダーロゴの設定から設定していたロゴの画像を削除→画像サイズのpxを最小値にする。

STEP
メニューのグローバルナビに要項を追加

外観→メニュー→グローバルナビに固定ページなどを追加。
スタムリンクにリンク文字列、URLを入れ、メニューに入れ込んだ後、

URL部分だけ削除すると、その部分には反応しない。

STEP
CSSにてグローバルナビの設定を変更

外観→カスタマイズ→追加CSSにて設定を変更。
グローバルナビの縦幅、横幅だったり、文字色の変更、
また、文章を太文字にしたりフォントを変えて設定を綺麗に。

STEP
グローバルナビに写真を追加するCSSがないか検索中

グローバルナビに写真を追加し、メガメニューにできるような、
CSSまたはプラグインを探している途中です。

こんな感じで、進めてみたよ❗️❗️

なんかメガメニューが全然上手くいかなくて、どうすればいいんだろ、、、
ってなってるけど、明日以降も頑張ってやっていこうと思うよ👍👍

2022/12/4

サイト作成 まとめ
  • グローバルナビとメガメニューについて調べた!!!
  • ランサーズに登録!!コーポレートサイトも新しく作った!
新着記事
  • ランサーズの案件をあまり進められなかった😵😵
  • メインページの見出しの統一と固定ページは終わらせた!!
  • ランサーズの案件を行ったよ!!
タグ
WEBデザイナーWordPressご挨拶
カテゴリー
  • ご挨拶 (1)
  • サイト作成 (36)
  • まとめ (39)
  • リスクヘッジ (2)
2023年6月
月火水木金土日
 1234
567891011
12131415161718
19202122232425
2627282930 
« 12月  
シンプル美と機能性を両立させた、国内最高峰のWordPressテーマ『SWELL』
新着記事
  • ランサーズの案件をあまり進められなかった😵😵
    2022年12月30日
  • メインページの見出しの統一と固定ページは終わらせた!!
    2022年12月29日
  • ランサーズの案件を行ったよ!!
    2022年12月28日
  • 見出しのバナーの変更とサイトの他ページの作成!!!
    2022年12月27日
タグ
WEBデザイナー WordPress ご挨拶
カテゴリー
  • ご挨拶
  • サイト作成
  • まとめ
  • リスクヘッジ
2023年6月
月 火 水 木 金 土 日
 1234
567891011
12131415161718
19202122232425
2627282930  
« 12月    
  • ホーム
  • ブログ

© いちからWEB.

  • メニュー
  • ホーム
  • ブログ
  • 検索
  • トップへ