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

Easy-Themify-5 -外観のカスタマイズ方法-

  • URLをコピーしました!

こんにちは!

今日もありがとうございます!

もう5日目になりましたが

Themifyの操作方法には

だいぶ慣れてきましたでしょうか? ^^


昨日は PaddingMarginについて

お伝えしましたね!

意味は、なんでしょうか?


Webページの余白でしたよね!


制作するWEBサイトの

レイアウトが決まっている場合は

すぐにでも外観をカスタマイズ

しいたいところですよね。


先日、

カスタマイズするにあたり

初心者がつまずきやすいポイント

「余白:PaddingMargin

CSSの編集の仕方」


についてお伝えしましたが

Themifyの外観カスタマイズツールは

画面を見ながら、

調整することができるので

初心者でもすぐにできます。


この簡単さは、

プロになってからも、本当にありがたくて、

使う度に、ご自身の成長度を感じて頂ける

便利なアイテムかと思います。

早速、使い方についてお伝えしてまいりますね。

 

WordPressのダッシュボードを開いて頂き

 外観 → カスタマイズ を開きます。

(下図の様な画面が出てきます。)

基本的には、ここの1カ所 

外観のカスタマイズ を行います。

ご覧の通り、Advancedというタブと

Basic というタブがありますので

Advanced をお選びください。

細かく設定したい場合に使います。

(つまり、設定オプションが豊富なバージョンですね)

 

そして、

サイトの外観のパーツの

調整したいところを、クリックして開いて

ひとつづつ入力していきます。

外観のパーツというのは、

Webページをパーツ(コンテンツ)ごとに

分割して名前を付けたものです。

その名前(項目)毎に、

デザイン設定ができる仕組みとなっています。

サイトの外観が完成すると

とっても嬉しいものです。

一仕事終えた!という満足感が

得られるのではないでしょうか♪

 

ちなみに

このカスタマイズ方法に関しては、

無料版でも同じです♪

 

カスタマイズとビルダーとアドオンが

使いこなせる様になると、

シンプルなポートフォリオも

簡単に作れちゃいます。

こんな感じ   My Portfolio

今回学ぶこと

・外観のカスタマイズ方法

・外観のカスタマイズパネルの詳しい使い方

 

 

詳しい使い方はこちら:

外観のカスタマイズ方法

Easy-Themify-5 -外観のカスタマイズ方法-

目次

モバイルフレンドリー

忘れてはいけない、もうひとつ

大切なこと。

それは、

今や主流となったモバイル用のWebデザイン

 レスポンシブデザイン(Responsive)です!

これを

設計できるWebデザイナーは、

Web業界で引っ張りだこです!

これができる様になるだけで、

格段にお給料が増えます!! ^_^ /

なので、また、明日のメールで

Themifyでのレスポンシブデザイン

※モバイルファースト

の設定方法をお伝えします!

今日はとりあえず

カスタマイズパネルを

触ってみて下さいね ♪

 – – – – – –  – – – – – + – – – – –   – – – – –   – – – – – – –  

最後におまけです。

挫折しやすいポイントとして

あるある! の 事件 防止対策 をお伝えしておきます☆

それは例えば、


せっかく作った記事や画像が

保存が出来なかった

ということです。


ですから常に、データのバックアップ

取る癖をつけておくことをお勧めします。

安心してコードを書く環境が

あるということはとってもとっても

重要です。

何かあってからでは遅いので!

今すぐ、USBメモリに

大事なファイルを保存しましょう。

もしUSBメモリがなければ

DropBox でも借りて

データのバックアップを行いましょう。

 

バックアップさえあれば

たいていのエラーに対応できます♡


というわけで

防止策も含めまして、

Themifyの使いこなし方を

ご一緒にマスターしてまいりました♪

そろそろ、プロっぽいWebサイトが

完成してきましたでしょうか? ^^

5日間、毎日、

本当にここまでよくついてきて下さいましたね!^^

Themify楽しい♭

Themifyすごい!

と思って頂ける様に、

いつも願って書いていますので

末長くご愛用/ご活用いただければ幸いです。^^

 

ThemifyFacebook グループもあります ↓(英語)

https://www.facebook.com/groups/1633691666666820/

ご活躍を心よりお祈りしています♡

ではまた明日!

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

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