この記事は最終更新日から1年以上が経過しています

  • 投稿日:2024/07/18
【制作編⑤】今スグ作れるホームページ!~「施術メニュー」の作成~

【制作編⑤】今スグ作れるホームページ!~「施術メニュー」の作成~

  • 3
  • -
会員ID:y00h3nIR

会員ID:y00h3nIR

この記事は約4分で読めます
要約
WordPressを使用したホームページ制作の手順を0から解説する講座です。 架空の整体院のホームページを作る方法を解説します。 今回は「施術メニュー」のセクションを作成します。

初回から受講する

この講座の画像を見る

前回の講座では「当院が選ばれる3つの理由」を作りました。
今回はこちらの「施術メニュー」の部分を作っていきます!
01.png

1.構成の確認

このセクションでは、

・グループ
・見出し
・カラム
・枠線ボックス
・段落
・アイコン

上記のブロックを使用します。

1つ1つのメニューはこのような構成で区分けされます。
02.png

2.「施術メニュー」の作成

2-1.見出しとグループの余白設定

今までと同じく前回作成したグループを選択し、
「Enter」を押して次のブロックを作っていきます。

グループの余白設定と見出しの作り方は、
こちらを参考に進めてください。

2-2.施術メニューブロックの作成

🔶手順🔶

①見出しの最後にカーソルを持っていき「Enter」
03.png②「カラム」を追加 ▶ 余白を「下M」▶ ブロックの間隔(左右)をMに
 ▶2等分にしたいので「50 / 50」を選択
04.png③「枠線ボックス」を検索し追加
05.png④スタイルを「直線 ピン角 バナー」に
06.png⑤線の色を「キーカラー」に
07.png⑥テキストを入力し「Enter」
08.pngここから以下の部分を作っていきます。
09.png細かくブロックを組み合わせるので少し複雑になりますが、
1つ1つ確実に進めてください!

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:y00h3nIR

投稿者情報

会員ID:y00h3nIR

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません