コースについて
※この講座は「Elementor Pro（有料版）」の機能を利用します
投稿一覧で投稿日の出し分け、それ以外の情報を出力等、動的な表示の投稿などのデザイン等の作成方法です。 「WordPressサイト制作実践講座」で使用しているパーツを作れるようになりましょう。
動画の項目
- LottieFiles
- 画像のトリミング
- 背景にイラスト
- 文字の大きさの一部を変える
- プラグイン「Advanced Editor Tools」
- 動きのある画像
- テキストを曲げる
- 半透明の背景画像
- アニメーション
- 画像の角丸
- 区切りのデザイン
- カーソルで色を変える
- タブ
- 投稿の出し分け
- ボックスシャドウ
- フッターデザイン
- 背景に動画を入れる
作成したデモサイト
使用したプラグイン
コース内容
動くデザインを作ってみよう！
-
今回の講座について／Lottieファイルで動きのあるパーツを作ろう
10:04 -
画像のトリミング・加工
01:50 -
背景にイラストを表示させる
03:14 -
見出しの背景色を角丸にする
03:56 -
文字の大きさを一部だけ変える
01:27 -
おすすめプラグイン「Advanced Editor Tools」
00:36 -
動きのある画像
04:13 -
動きのある背景画像
02:22 -
半透明の背景にする方法
01:56 -
テキストを曲げる
03:21 -
背景画像とデザインの調整
01:32 -
ブロックのフェードイン（アニメーション）
03:18 -
おまけ：内部セクションの活用
01:35 -
ショートコードの活用（お知らせ）
03:34 -
画像に区切りのデザインをつける
03:03 -
画像の角を丸くする
01:37 -
カーソルをあてると色が変わる
03:34 -
タブのデザイン（コンテンツ）
05:49 -
タブのデザイン（メニュー）
02:16 -
出力したポスト（投稿）の並び替え
03:46 -
ボックスシャドウ
02:56 -
おしゃれなフッターデザイン
03:03 -
背景に動画を入れる
05:31 -
スマホ対応
03:49
生徒の評価とレビュー
評価がありません
