WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

2回目講座にて、シンプルな制作会社風デモサイト完成しました

2回目講座にて、シンプルな制作会社風デモサイト完成しました

2023年2月1日からスタートした2ヶ月間のWordPressサイト制作実践講座を2/11(土)13:00〜15:00に開催しました。

内容について

前回、無料のLightningテーマと無料のWordPressのElementorプラグインを使った、シンプルな制作会社のウェブサイトのトップページを作成しました。(前回の記事はこちら

そして今回、先週の土曜日の2時間講座にて、残りのページ(サービス紹介、会社概要、お知らせ一覧、お問い合わせ等)を作成してサンプルサイトを完成させました。

WordPressサイト制作実践講座は、3期生の受講生募集中です!
12周年キャンペーン価格で88,000円でご受講いただけます。

 受講生の方は、ログインして録画講座を視聴できます。

WordPressサイト制作実践講座の受講生の方はこちらからログインして動画を視聴してくださいね。

WordPressサイト制作実践講座の受講生の方は、WordPressをインストールするところから作成しましたので、初心者の方でも順番に操作すれば同じサイトを作ることができます。

実際に作成したデモサイトはこちら

https://company1.10rachan.tokyo/

 

 

前回の2時間講座で、WordPressのElementorプラグインで、シンプルな制作会社のウェブサイトのトップページを作成しました。
今回の2時間の講座では、残りのページ(サービス紹介、会社概要、お知らせ一覧、お問い合わせ、プライバシーポリシー)を作成してサンプルサイトを完成しました。

今回のElementorでのデザインのポイント

今回のElementorでのデザインのポイントを紹介します。
今回は、前回と今回の4時間でWordPressをインストールし、ゼロからサイトを完成させることが目的のため
なるべくシンプルに作っています。

ポイント1:ヘッダーとフッターはテーマのものを使用しています

https://company1.10rachan.tokyo/

トップページとその他固定ページはElementorプラグインで自分で作成しましたが、ヘッダーとフッターはLightningテーマのものをそのまま利用しています。

▼ ヘッダー

▼ フッター

 

ポイント2: 新着一覧ページもLightningテーマのものを使用しています

投稿の新着記事一覧ページは、

https://company1.10rachan.tokyo/news/

 

カテゴリーの色の設定方法

左上の「投稿」>「カテゴリー」>をクリックしてカテゴリー設定ページを表示します。
既に作成済みのカテゴリーは右側に表示され、左側の新規カテゴリーを追加で新しいカテゴリーを作成します。

変更したいカテゴリー名をクリックします。

もしくは、カーソルを乗せたときに表示される「編集」をクリックします。

初期の色はグレーになっているので、

好きな色に変更しましょう。最後に「更新」をクリックし保存します。

 

カテゴリーごとに色を変更すると見やすくなりますね。

 

ポイント3: 会社概要はLightningテーマの表を利用して時短

こちらの下記の表をコピー&ペーストして、今回は利用して時短にしました。

会社概要

会社名 株式会社サンプル
英文社名 Sample Co. Ltd.
代表取締役 山田次郎
従業員数 100名
所在地 愛知県名古屋市中村区名駅X-XX-X サンプルビル
TEL 000-000-0000
FAX 000-000-0000
事業内容
  • 印刷事業部
  • デザイン事業部
  • インターネット関連事業部
  • ソフトウェア開発事業部
  • 通信販売事業部

 

 

ポイント4: フォームを複製して資料請求ページを作成

時間が少し余ったので、お問い合わせフォームを複製して資料請求ページを作成しました

 

ポイント5: 電話番号をタップすると電話がかかるように設定

リンクの際に、URLではなく tel:03-0000-12333
のように「tel:」の後に電話番号を入れればスマホでタップしたら電話がかかります。

 

今回はこれで完了です。

次回の講座は、投稿をカテゴリーで出し分けたり、色々な新着一覧のデザインを作ってみましょう。

【無料】フォローアップ&公開講座スタート!

~ セミナー概要 ~
・サイト担当者必見!最新WordPress事情
・これからのスタンダードになるElementorエディタによるWordPressの新しい作り方
・Webサイト制作を受注するときの注意点

個人レッスンでサイトのお悩みを解決!

~ 1日速習WordPressセミナー ~
・いまお困りのことを解決&
 実際に作りたいサイトを作りましょう!
・HTMLやCSSが分からなくても大丈夫!
・レッスン時の録画動画で復習もできる!

新しいWordPress作成のスタンダード!

WordPressでの制作はこれから大きく変化します!
テーマを選んで当てはめていく作り方から、自分で自由にデザインし、テーマまで作れる2ヶ月講座です。
受講後は、一緒に案件をお願いできる方も募集中!

新着情報

  ピックアップ講座

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  おすすめ画像編集ツール

Canvaバナー
おすすめ画像編集ソフトです。当サイトのアイキャッチ画像やバナー、Instagram用の画像や当サイトのチラシもこちらのCanvaで作っていますよ!無料版で十分です。

 

 カテゴリー
PAGE TOP