能登半島地震で被災された方に心よりお見舞い申し上げます。

Easy-Themify-4 -スタイリングパネルを使いこなす方法 –

  • URLをコピーしました!

こんにちは

3回にわたり、有料版のマスタークラブの

素晴らしさをお伝えして参りました。

今回も有料版でついてくる

 テーマ UltraでのLPの作り方、

CSSの使い方について

掘り下げていきます!

LP制作にオススメの Ultra

ブログで使うPeakの決定的な違い

があります。

それは、カスタムパネルと呼ばれるものです。

カスタムパネルは、投稿ページBackend

下部にあります。

像の通り、

このカスタムパネルには

外観の表示方法を変更できるタブ

があるテーマとないテーマがあります。

LP

メニューバーがあると違和感を感じますよね?

ブログならあっても普通ですが、

LPにメニューはあまりついていません。

それを操作できるパネルが

カスタムパネルです。

これを設定したら

メニューバーの表示がなくせて

「1枚もののページ」の様に

表示させることが可能です。

詳しい設定方法について

動画がありますので

こちらを参照ください →

ヘッダーの設定方法

 

PaddingMargin 

余白を設定する 事もあります。

後ほど説明しますが

PaddingMargin必ずと言っていい程

コーディング中に出てきます。

もし解らなかったら

ググってでも意味を調べておいて下さいね!

細かい設定をするときに

Themify Buildrもしくは、Builder Proにある

Stylingパネル

PaddingMarginの調整ができます。

 

– – – – – – – – – — – – – — – – – — – – – — – – – — – – – — – – – — – – – — – – – –

 

Stylingパネルがどれか解らなかったら

もう一度、前に戻って動画をご覧ください。

Themify Builder 使い方実践動画】

プレビュー画面を見ながら

ドラッグ&ドロップでも

調整ができますし、

数値入力でもどちらでも

余白が作れます。

今回学ぶこと

・カスタムパネルはテーマによって違うので要注意

・CSSをカスタマイズして使おう

・CSSの基礎知識を学ぼう


テーブルを作る方法

カスタムCSSで綺麗なテーブルを5分で作ろう!

さて次に、

冒頭でお伝えした様に

CSSを使ったり

カスタマイズする方法

についてももっと

細かくお伝えしたいと思います。

WEB制作で

表やテーブルなどは

必ずと言っていいほど出てくるのですが、

Themify Builderには、作表専用アドオン

ありません!

価格表はちょっと大げさすぎるし…

と言った時や

細かいデザインを加えたい場面が

がいつかきっと出てきます。

そんな時は、CSSを直接編集しましょう。

こちらの動画では、

テーブルを実際に作りながら

カスタマイズする方法をご紹介しています。

 https://youtu.be/kl_uneiiYeE


ぜひご参考の上、実践くださいね!

あなたもすぐにWebデザイナーとして

活動を始められる事間違いなしです!

 

CSSの基礎については、

ブログ記事がございます。

 

初心者の方は、合わせて

ご覧くださいませ。

https://good-inspiration.com/e-learning/all-about-of-css-base/

動画は早送りなので速すぎる場合は、

動画の速度を変えて
ご覧頂ければ
見やすくなります。^^

 

よかったらシェアしてね!
  • URLをコピーしました!
Musical Website 作り方無料レポートプレゼント!(ギター編)

弾いてみる♪
作ってみる(^^♪
ピアノ編
目次