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

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

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

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

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

内容について

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

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

WordPressサイト制作実践講座」は現在、受講生募集中です!
12周年キャンペーン価格で44,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講座

~ 対面でのセミナーを再開しました~
ノーコードで簡単にデザインができる
大人気プラグイン「Elementor」の対面での講座です。

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

~ Elementorでサイトデザインを作ってみよう ~
WordPressでの制作はこれから大きく変化します!
テーマを選んで当てはめていく作り方から、
自分で自由にデザインし、テーマまで作れるオンライン講座です。

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

新着情報

  ピックアップ講座

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

  ピックアップ記事

  おすすめ画像編集ツール

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

 

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP