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 のまとめてポイポイ講座(一気にポイポイしちゃいましょ)

【ポイポイWEBデザイン紹介動画】

==========================

NATUKI
https://mobss.jword.jp/clk?url=https%3A%2F%2Fna2ki.net%2Fprofile%2F

CHIHIRO

榎ちひろ プロフィール


 

【撮影・編集】
手遊びダーさん
https://www.youtube.com/channel/UCbRxdkqMkBvZFwtkasKW1bQ

1 Comment

  1. アコーディオンとは違うのですが、画像に個別にリンクをつけたくて、カラムでわけて貼り付けたとき、画面幅を変えると伸縮して画像がずれてしまいます。対処方法はございますか?また、カラムを隙間なしにしても全幅にしたときに右側に少しスペースができてしまいます。スペースなしにする方法はございますか?
    こちらも教えていただけると幸いです。よろしくお願いします。

Leave A Reply