SWELL〜ヘッダーとメインビジュアルを設定する手順

SWELLは有料テーマなので購入してください。
WordPressテーマで17,600円は正直高額ですが、その価値がじゅうぶんあるテーマです。

有料（17,600円）ですがプロのデザイナーさんに頼むことを考えるととってもお得ですよね。

自分で素敵なサイトが作れるのなら安いかも？

わたしは一応プロのwebデザイナーですが、SWELLは便利すぎです。
こんなサイトもあっという間に作れちゃいました。

でも初心者の私にできるのかしら？

たくさんのブロガーさんが使っているテーマなので大丈夫です。
これから一緒に作っていきましょう。

＼ SWELL購入はこちらから ／

WordPressテーマ「SWELL」

「外観」→「テーマ」→「新規追加」から「SWELL」と「SWELL CHILD」をインストールし「SWELL CHILD」を有効化する

かならず「SWELL CHILD」を入れておきましょう。

CHILD（子テーマ）は必ず入れてください。
SWELLは頻繁に更新が入ります。子テーマをインストールすることでカスタマイズ後に親テーマの更新が入ってもデザインに響きません。
子テーマはこちらのページにアクセスをしてSWELLに会員登録後にダウンロードし、親テーマと同じ手順でインストールをした後に「有効化」しておいてください。

左上の「サイトを表示」ボタンを押してサイトがどんな感じになっているか確認します。

もうすでにいい感じ！
ここからカスタマイズしていきます。

上の黒いバーから「カスタマイズ」をクリック。
「トップページ」→「ヘッダー」に進みロゴ画像の設定をする。
「ヘッダーロゴの設定」であらかじめ作っておいたロゴ画像を指定し画像サイズを適当な大きさに調整する。

ロゴ画像の作り方はこちらからご覧いただけます。

ロゴを中央に配置したい場合は左側メニューをそのままスクロールし「レイアウト・デザイン設定」→「ヘッダーのレイアウト（PC）」を選ぶ。

メインビジュアルをオリジナルの画像に設定します。
画像を用意します。
画像はjpgで大きさは横2000px前後が望ましいです。
ちなみにこのネコの写真のサイズは1920 x 1280 ピクセルです。

左側メニュー「トップページ」→「メインビジュアル」をクリックし、真ん中より少し下あたりに「スライド1」→「スライド画像[1]」で用意しておいた画像を選ぶ。

もしスマホの写真を別にしたい場合はスライド画像 [1]（SP用）に別の写真を設定する。

デフォルトだと少し横長な設定なのでもしもう少し高さが欲しい場合は、左側メニューを上にスクロールすると「メインビジュアルの高さ設定」があるのでそこで好きな高さに調整する

メインテキストを入れれば下の写真のような表示になります。
サブテキストやボタンなどいろいろと入れてみましょう。

記事スライダーが不要な場合は「トップページ設定」→「記事スライダー」から設置しないに◯をつける

お疲れ様でした〜。
たったこれだけでいきなり本格的なブログに見えますよね？