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

  • 投稿日:2024/07/13
  • 更新日:2024/07/18
【制作編③】今スグ作れるホームページ!~「こんなお悩みありませんか?」の作成~

【制作編③】今スグ作れるホームページ!~「こんなお悩みありませんか?」の作成~

  • 8
  • -
会員ID:y00h3nIR

会員ID:y00h3nIR

この記事は約4分で読めます
要約
WordPressを使用したホームページ制作の手順を0から解説する講座です。 架空の整体院のホームページを作る方法を解説します。 今回は「こんなお悩みありませんか?」のセクションを作成します。

初回から受講する

この講座の画像を見る

前回の講座ではファーストビューを作りました。
今回はこちらの「こんなお悩みありませんか?」の部分を作っていきます!
01.png管理画面の「固定ページ」を開くと、
制作編①で準備した4つのページがあります。
02.pngここからしばらくは「ホーム」を編集していきます。

1.構成の確認

ここで、あらためてセクションの構成を確認してみましょう。
大きくは以下の2つで構成されていることがわかります。

・見出し
・お悩みブロック(お悩み①、お悩み②、お悩み③)

03.pngページのコンテンツを作るとき、
ブロック」というものを使います。

ブロックは、テキスト・画像・ボタンなどのサイトに必要な要素を、
簡単に配置できる機能です。

このセクションでは、

・グループ
・見出し
・カラム
・カバー
・段落

というブロックを使用します。

先ほどのセクションの構成をブロックで区分けすると、こうなります。
04.png外側の「グループ」は、なくても今回のレイアウトを実現できますが、
ひとまとまりにしておくと何かと便利なので、
全体をグループで囲うようにします。

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

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

  • ブックマーク

  • いいね・レビュー

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

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

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

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

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

会員ID:y00h3nIR

投稿者情報

会員ID:y00h3nIR

トラ会員

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

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