Easy-Themify-6 -モバイルフレンドリーにする方法 –

  • URLをコピーしました!

こんにちは!

 

今日もクリックして頂きありがとうございます!

前回は、外観のカスタマイズ方法について

お伝えしました。

では今日も早速、続きを

お伝えして参りますね!

今日は、

レスポンシブWEBデザイン

設定方法でした!

外観のデザインは

レスポンシブWebデザイン

パソコン用に設定した時と同じで

「カスタマイズ」から設定します。

クリックすると、以下の様なパネルが表示されます。

こちらのどこが外観で

どこが外観じゃないのか・・・?

最初は

わかりにくいかもしれませんが

どうかご安心下さい ♪♪

使っているうちに分ってきます。^^

たいていの場合、

最初にサイトの

サイトロゴのサイズ調整

が必要です。

その場合も、昨日と同じで

ダッシュボード  外観  カスタマイズ

一番下に表示される

下記のボタンを使います。

一番右のスマホのアイコンをクリックします↑

設定したいデバイスを

ひとつづつクリックして

設定を行っていきます。

設定方法に関しては、

口頭で説明が難しいので

動画をご参照ください。

 https://youtu.be/ocKsvBetJs4

(つまずきやすい所を意識して動画を撮りました

 

どうでしょうか?

なんとなくでも

おわかり頂けましたでしょうか。^_^ /

 

 

 レスポンシブ設計まとめ

https://good-inspiration.com/lp/themify-support-qa/

今回学ぶこと

・レスポンシブWebデザイン

・ThemifyでレスポンシブWebデザインにする方法

 


 

 

さて次に、

外観のデザインが整っても、

記事内容の見せ方は

ページごとに設定をする必要が

あります。

(ページごとと言っても、デザインが同じページの場合は

一つで大丈夫です。 )

 

上の画像にある様な

4つのアイコンがあります。

こちらはお馴染みの

Themify Builderの上の部分に

あります。

最初は、めんどくさ!

と思われるかもしれませんが

レスポンシブのWEB設計は

一からかくと

もっともめんどくさいです

ですから、

ツールで設定する方法を覚えた方が楽

だと思って、ツールに頼ると楽です。

レスポンシブのテーマ別の初期設定方法

こちらにあります。

   Themify よくある質問 Q&A

更新はこれからも

Themify研究サイトで行って参りますので

宜しければ

ブックマークしておいて下さいませ。

近年は

スマホユーザーが圧倒的に多いことから

Webデザイナーも、スマホ設計をしないと

仕事が取れなくなってきていると

よく聞きます。

ですから、

Themifyでスマホ用のデザイン方法を

覚えてしまうことで、

あなたも

もう一人前のWebデザイナー

になれるはずです

おめでとうございます♡

  

では、本日も最後までお読み頂きまして

誠にありがとうございました☆

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

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