リスナレ – ノーコードWeb制作が学べるオンライン講座

Elementorで作るシンプルな会社サイト~制作会社編~

カテゴリー: Elementorテーマ作成
お気に入り シェア
コースをシェアする
ページリンク
ソーシャルメディアでシェア

コースについて

WordPressをインストールして、無料のLightningテーマとElementorプラグインを使ってシンプルな制作会社のトップページを作成しました。

作成したデモサイト

 

作成の際のポイント(トップページ) 作成の際のポイント(ほかのページ)

 

使用テーマ

・Lightningテーマ

使用プラグイン

・Elementorプラグイン(無料版)
・VK All in One Expansion

【補足】電話をかけるタグ

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

【補足】会社概要の表のタグ

▼ 下記ページのこの部分の表示です
https://company1.10rachan.tokyo/company/

▼ 下記のタグをコピペして貼ります。
「HTML」か「テキストエディタ(ビジュアルではなくテキストに切り替える)」でお使い下さい。

 

<h2>会社概要</h2>
<table class="wp-block-table table-striped table-bordered">
<tbody>
<tr>
<td>会社名</td>
<td>株式会社サンプル</td>
</tr>
<tr>
<td>英文社名</td>
<td>Sample Co. Ltd.</td>
</tr>
<tr>
<td>代表取締役</td>
<td>山田次郎</td>
</tr>
<tr>
<td>従業員数</td>
<td>100名</td>
</tr>
<tr>
<td>所在地</td>
<td>愛知県名古屋市中村区名駅X-XX-X サンプルビル</td>
</tr>
<tr>
<td>TEL</td>
<td>000-000-0000</td>
</tr>
<tr>
<td>FAX</td>
<td>000-000-0000</td>
</tr>
<tr>
<td>事業内容</td>
<td>
<ul>
<li>印刷事業部</li>
<li>デザイン事業部</li>
<li>インターネット関連事業部</li>
<li>ソフトウェア開発事業部</li>
<li>通信販売事業部</li>
</ul>
</td>
</tr>
</tbody>
</table>

コース内容

シンプルな制作会社サイトの作成(トップページ)

  • 今回作るサイトについて
    03:10
  • 補足:WordPressのインストール
    05:07
  • トップページの作成(1)
    29:31
  • トップページの作成(2)
    31:19
  • トップページの作成(3)
    19:28
  • トップページの作成(4)
    28:07

シンプルな制作会社サイトの作成(2階層目のページ)

生徒の評価とレビュー

評価がありません
評価がありません
PAGE TOP