Elementorの使い方 もっとアコーディオンを教えて!なつき先生(7/10)「背景オーバーレイ」
「シェイプ区切り」ポイポイWEBデザイン 第7回(全10話)WordPress×ホームページ 初心者向け
【なつき先生のテンプレート】
ドラッグ&ドロップで、 WordPressのページを自由にデザインできるテンプレート
(注意:Elementor専用)
https://sachicopipe.com/wordpress-gift/
【なつきテンプレ】
第7話 もっとアコーディオンを教えて!なつき先生(7/10)
どもども!ポイポイWEBデザインです。お久しぶりです。
今回は「アコーディオン」です。ちひろ君は楽器と間違えていましたが、エレメンターのでも
使わないともったいないエレメントです。
「シェイプ区切り」カスタマイズで簡単に枠のデザインを変えたり
「背景オーバーレイ」で背景画像に色をかぶせてアコーディオンを際立足せたり
まるでWEBデザイナーさんに作ってもらったホームページのようなことが
エレメンターでは簡単にできます。
「アコーディオン」は無料プレゼントのテンプレートのデザインに、
もともと入っているので動画でお手本を見ながら
カスタマイズすると分かりやすくデザインできますよ!
今回もWEBデザインのレイアウトでカッコいいホームページにするコツなど
WordPress WEBデザインの基本やアイデアが満載です!
第7回 もっとアコーディオンを教えて(全10話)WordPress×ホームページ 初心者集中講座
アコーディオンの魅力
00:55 もっとアコーディオンを教えて
01:53 今回 身につくポイ技 概要
02:03 エレメントの中の「アコーディオン」
02:34 ①テンプレ背景画像の変え方
03:24 ②「シェイプ区切り」のカスタマイズ術
03:57「ファン透明⁉︎」って?
04:57 ③「背景オーバーレイ」で際立たせろ!
06:09④ もっと文字美人
【WordPress×Elementor集中講座ポイポイWEBデザインとは?】
Word Press(ワードプレス)を使って簡単に
個性的でお洒落なホームページが作れる
プラグインElementor(エレメンター)のことが
爆速で楽しく学べる講座です(全10回)
WEBデザイン博士のなつき先生 と天才ナビゲーターのちひろ君が
ゆるーく紹介しています。
#ポイポイウェブデザイン をよろしくお願いします!
【関連動画】
Elementor 無料集中講座(全10回)
vol.1 キーカラーを決めよう!
vol.2 ヘッダー画面でキメろ!
vol.3 「カラムとセクションって何?」「画像リンク貼り方」
vol.4 アイコンボックス 簡単カスタマ術
vol.5 余白の達人 マージンとパディング
vol.6 ランディングページに使えるお客様の声の作り方
vol.7 もっとアコーディオンを教えて!なつき先生 「背景オーバーレイ」「シェイプ区切り」
vol.1〜vol.5 のまとめてポイポイ講座(一気にポイポイしちゃいましょ)
==========================
NATUKI
https://mobss.jword.jp/clk?url=https%3A%2F%2Fna2ki.net%2Fprofile%2F
CHIHIRO
【撮影・編集】
手遊びダーさん
https://www.youtube.com/channel/UCbRxdkqMkBvZFwtkasKW1bQ
1 Comment
アコーディオンとは違うのですが、画像に個別にリンクをつけたくて、カラムでわけて貼り付けたとき、画面幅を変えると伸縮して画像がずれてしまいます。対処方法はございますか?また、カラムを隙間なしにしても全幅にしたときに右側に少しスペースができてしまいます。スペースなしにする方法はございますか?
こちらも教えていただけると幸いです。よろしくお願いします。