学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

WordPress プログラミング Web制作 ノーコード Elementor

WordPressとElementorの使い方講座 -ノーコードツール

WordPressとElementorの使い方講座 -ノーコードツール-image1

できること

WordPressプラグインElementorを使ったサイト構築をレクチャーいたします。
Elementorは、ドラッグ&ドロップで高度なデザインを可能にするWordPressのページビルダーです。初心者から上級者まで幅広い層に支持されており、カスタムレイアウトの作成や高度なデザイン調整が容易に行えます。

Elementorを使って実際にサイトを構築してみたところ、想像以上に難しい部分があり、納品レベルの案件では、ある程度のプログラミング知識が必要だと感じました。そのため、納品時のトラブルを避け、クライアントの満足度を高めつつ、初心者でも挫折せずに理解しながらサイト作成を進められるようサポートするために、このプランを開設しました。

おすすめポイント

以下でお悩みの方にピッタリのプランです。
・デザインは得意。でもコーディングが苦手な方
・無料のツールで構築したい
・ノーコードツールで挫折した経験がある
・Webサイトの編集機能を充実させたい
・ブログやお知らせ機能を設定したい
・必要なプラグインが知りたい
・適切なテーマのカスタマイズ方法を知りたい

デモサイト

https://engress.online/wp-engress
BASIC認証・ログイン情報:
ユーザー名: client
パスワード: client_user
※クライアント様との共有のため、デザインを購入し、無料のツール及びAstraテーマで構築いたしました。編集者としてログインが可能です。

レクチャー内容

開発環境の構築: ローカル環境を整備し、そのアプリの機能を使って迅速にElementorの環境を構築します。必要なプラグインも揃えて作業を開始できます。
https://gyazo.com/a943933e0dfab5ea6883b0292096c6fc

必須のプラグイン紹介: 無料版のElementorでは、ヘッダーやフッター、その他の部分をパーツ化して管理することが難しいです。これらの機能を補完するためには、適切なプラグインの導入が必要です。そこで、厳選したおすすめのプラグインをご紹介し、レクチャーいたします。

レスポンシブ対応: モバイル端末でも美しく表示されるサイトを作成するための設定方法を解説します。
※詳細はデモサイトで確認できます。

カスタムフィールドの設定: ACFなどのプラグインを活用し、独自のデータを柔軟に管理する方法を学びます。
https://gyazo.com/9d10f91a2f42cdd133b541767893ba18

管理者と編集者の設定: 役割に応じた権限設定を行い、サイト運営を円滑にするためのノウハウをお伝えします。

Astraテーマの基本操作: テーマのカスタマイズについてもご説明いたします。子テーマを作成することで、テーマのアップデート時にもカスタマイズが影響を受けないように対応いたします。詳細はデモサイトの外観テーマを参照ください。

その他: Tailwindcssを使用したライブリロードの開発環境の構築もレクチャー可能です。
https://gyazo.com/ad58ebf4231125f670cbe821bbec7f68

テーマの機能

Astraテーマを使用するメリットは以下の通りです。
カラーパレットのデフォルト設定: テキストや背景色の変更が簡単に行え、統一感のあるデザインを素早く実現できます。
https://gyazo.com/613c0b17088376dae078ccee144c69bd

高速な読み込み速度: Astraは軽量設計で、サイトのパフォーマンスを向上させるため、SEOにも有利です。

まとめ

ElementorとAstraテーマを活用することで、スムーズな運営と編集機能を充実したサイト構築が可能になります。

メンタープロフィール

souichi_1977

契約実績:19
評価: 5.0

レビュー

レビューは投稿されていません。
このメンターの他のプラン
コーディングに関するお悩みを解決いたします
コーディングに関するお悩みを解決いたします
コーディングに関するお悩みを解決いたします
【初心者歓迎 Web制作】HTML CSS Javascrpt Wordpress講座
【初心者歓迎 Web制作】HTML CSS Javascrpt Wordpress講座
【初心者歓迎 Web制作】HTML CSS Javascrpt Wordpress講座
フリーランスWeb制作の案件受注まで伴走いたします。
フリーランスWeb制作の案件受注まで伴走いたします。
フリーランスWeb制作の案件受注まで伴走いたします。
あなたにおすすめの人気メンター
【未経験対応🔰】スクール不要!独学エンジニア育成コース
【未経験対応🔰】スクール不要!独学エンジニア育成コース
【未経験対応🔰】スクール不要!独学エンジニア育成コース
4.3 (434)
CADなんでも相談ルーム
CADなんでも相談ルーム
CADなんでも相談ルーム
5.0 (2)
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
4.9 (80)
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
4.5 (12)
SEOのお困りごとはなんでもご相談ください - SEO 相談室
SEOのお困りごとはなんでもご相談ください - SEO 相談室
SEOのお困りごとはなんでもご相談ください - SEO 相談室
3.0 (9)
相談に乗ります
相談に乗ります
相談に乗ります
5.0 (1)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
3.5 (27)
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS、インフラ、サーバー、コンテナなどSREが現場で通用する技術をフォローします!
4.6 (262)
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
4.9 (64)
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
5.0 (9)
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
4.9 (26)
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
4.4 (21)
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
【未経験者・初級者歓迎】プログラミングの初歩の初歩からサービス設計・グロース、転職・キャリア構築まで相談受けます
4.9 (62)
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
これからRuby on Railsを学び始めたい・学んでいるがメンターを探している方のフォローを致します!
5.0 (4)
【初心者・非エンジニア歓迎】Web開発の知識教えます!
【初心者・非エンジニア歓迎】Web開発の知識教えます!
【初心者・非エンジニア歓迎】Web開発の知識教えます!
5.0 (75)
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
4.8 (359)
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
3.0 (2)
デザインエンジニアがなんでも相談に乗ります
デザインエンジニアがなんでも相談に乗ります
デザインエンジニアがなんでも相談に乗ります
5.0 (2)
Wordpressサイト立ち上げ/SEO対策/ブログアフィリエイトの副業相談
Wordpressサイト立ち上げ/SEO対策/ブログアフィリエイトの副業相談
Wordpressサイト立ち上げ/SEO対策/ブログアフィリエイトの副業相談
5.0 (18)
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
iOS・Androidアプリ開発全般&アプリの運用・グロース・収益化などをアドバイス・サポートします
5.0 (1)

相談できます

souichi_1977

本人確認
契約実績
19
評価
5.0

ランサーズでの実績

受注数 20

もっと詳しく

スケジュール

最後までご覧いただき、ありがとうございます。お客様の課題を解決できるよう、一生懸命サポートいたしますので、どうぞよろしくお願い申し上げます。

返信スピード

24時間以内

※あくまでも目安となります

スキル
WordPress 〜3年
JavaScript 〜3年
git 〜3年
Pug 〜3年
SCSS 〜3年
すべて見る
このプランをシェアしよう!