FigmaからElementor、一ページ丸々作ってみた！【ダウンロード可能】

👉WordPress保守基礎講座: https://academy.tofulab.app/wordpress...
Figmaで作られたデザインをElementorに落とし込みます。
Figmaと完成したページダウンロード: https://crm.tofulab.app/download-page...

Yuko先生の情報: https://nanairo-works.com/
Yuko先生にはこれらのウェブサイトテンプレートも作って頂いています。
https://tofuacademy.com/websites/moment/
https://tofuacademy.com/websites/prom...
https://tofuacademy.com/websites/strong/

▼ナオミの無料メルマガ登録！
https://nocodeweb.jp/register-mail/?f...

▼コード書かないウェブ制作を学ぶ人のコミュニティ『TOFUラボ』！
https://tofulab.app/

▼Elementor Pro: https://nocodeweb.jp/_o/elementor/

▼ナオミのTwitter
  / wp_naomi  

目次
00:00:00 イントロ
00:02:50 設定
00:10:01 ヘッダー
00:20:55 FV
00:27:58 TOPICS
00:32:37 投稿リスト
00:48:01 追尾縦書きメニュー
00:55:45 最初のボタン
01:05:01 CONCEPT
01:17:58 STAY
01:35:42 DINING and ACTIVITY
01:53:20 GALLERY
02:05:15 ACCESS
02:19:14 FAQ
02:32:59 フッター
03:00:44 アニメーション改造
03:01:45 最後に

▼Elementorを学びたい人は『nocodeweb.jp』で！
https://nocodeweb.jp/

▼無料Elementor Proの使い方コース:    • Elementor Proの使い方コース  

▼無料Elementorの使い方コース:    • 『Elementorの使い方』完全ガイドコース  

▼コード書かないウェブ制作のお仕事をしてる3人のサクセスストーリー
https://crm.tofulab.app/web-business-...

▼ウェブ制作の構築以外の部分
   • Видео  


▼Jetプラグインを学ぶ
   • JetEngineの使い方【カスタム投稿タイプ】初心者シリーズ１  

Crocoblock: https://nocodeweb.jp/_o/crocoblock/
Elementor Pro: https://nocodeweb.jp/_o/elementor/
Divi: https://nocodeweb.jp/_o/divi/
Diviを試せるサイト: https://demodivi.com/

▼オススメのプラグイン
Elementor Happy Addons: https://nocodeweb.jp/happyaddons/
Elementor Premium Addons: https://nocodeweb.jp/_o/premiumaddons/
Divi Supreme: https://nocodeweb.jp/_o/divisupreme/

▼オススメのWordPressホスティング
エックスサーバー: https://nocodeweb.jp/how-to-install-w...
ConoHa WING: https://nocodeweb.jp/_o/conohawing/

▼Elementorと使うオススメのテーマ
Astra: https://nocodeweb.jp/_o/astra/
Hello: https://nocodeweb.jp/_o/hello/

▼チュートリアル記事
Elementor Proの購入ガイド: https://nocodeweb.jp/elementor/get-pro/
Diviの購入ガイド: https://nocodeweb.jp/divi/get/
Elementor Proの使い方: https://nocodeweb.jp/elementor/
Diviの使い方: https://nocodeweb.jp/divi/

#ワードプレス #エレメンター #ウェブ制作