【損しない】Adobe CCを安く買う方法|クリエイター必見!>> ここから記事を読む

稼げるフリー素材サイトの作り方【STEP③ レイアウトをかっこよくしよう】

このページでは『STEP③ レイアウトをかっこよくする方法』をわかりやすく解説しています。

悩む人

投稿はできたけど、サイトがまだかっこ悪い…

🪼管理人🪼

レイアウトを整えて、自分らしいサイトを作っていこう✨

この記事の内容
  • 無料テーマと有料テーマの違い
  • 有料テーマ『SWELL』を導入する方法
  • フリー素材サイトっぽく新着イラストを並べる方法
目次

無料テーマと有料テーマの違い

悩む人

そもそもテーマって?

WordPressのテーマとは、「サイト全体をデザインするテンプレート」のこと。

テーマを導入することで、難しいプログラミングの知識がなくても、おしゃれでかっこいいサイトを作ることができます。

テーマは無料で使えるものと、有料で販売されているものの2種類があります。
無料テーマはお金がかからない点で優れていますが、有料テーマと比べると、デザイン性やSEO対策(検索上位を狙うのに必要)に乏しいです。

     

「ゲームまてりあるず」では、有料テーマ『SWELL』を使用しています。

SWELLを選んだ理由は主に以下の3つ。

  • ブロックエディタがめっちゃ便利
  • デザインがとんでもなく楽
  • 利用者が多いため、情報を集めやすい
🪼管理人🪼

SWELLについてもっと知りたい人は以下の記事もどうぞ!

「百聞は一見にしかず」と言うことで、SWELL公式のデモサイトのリンクも貼っておきます。

>> SWELLのデモサイトを見てみる

有料テーマ『SWELL』を導入する方法

SWELLの導入はかんたん3ステップ

手順3ステップ
  1. SWELLを購入する
  2. SWELLテーマをダウンロードする
  3. SWELLをブログに有効化する
🪼管理人🪼

サクッとできるので、今からできる方は一緒にやってみましょう!

>>ブログの作成がまだの人はSTEP①からどうぞ!

SWELLを購入する

STEP
SWELL公式サイトから『DOWNLOAD』をクリック

 \公式サイトのページにジャンプします✈️/

STEP
「SWELLを購入する」をクリック
STEP
必要事項を入力してお支払い

入力は以下の3項目

  • ご自身のメールアドレス
  • お支払いカード情報
  • カード所有者名
STEP
購入完了でメールが届く

これでSWELLが購入できました!

🪼管理人🪼

さっそく、テーマをダウンロードしていきましょう!

SWELLテーマをダウンロードする

STEP
新規会員登録ページへアクセス

購入完了メールに記載されている『新規会員登録ページ』をクリック。

パスワードとユーザー名を決めて登録しましょう。

メールアドレスは、SWELL購入時に入力したものを使用します

STEP
マイページからテーマをダウンロード

会員登録が済んだら『マイページ』からテーマをダウンロード

この2つをダウンロード

  • SWELL 本体最新版
  • 子テーマ
🪼管理人🪼

zipファイルだけど、そのままでOK!

SWELLをブログに有効化する

STEP
管理画面から「外観」⇨「テーマ」「新規追加」をクリック
STEP
「テーマのアップロード」をクリックしてアップロードする

先ほどダウンロードした、以下の2つをアップロードします。

  • SWELL 本体最新版
  • 子テーマ
🪼管理人🪼

zipファイルのままアップロードしましょう!

STEP
子テーマを有効化する

2つのファイルがアップロードできたら、『子テーマ』(SWELL CHILD)の方を有効化します。

🪼管理人🪼

以上で『SWELL』のインストール完了です✨

フリー素材サイトっぽく新着イラストを並べる方法

SWELLの導入お疲れ様でした。

ここからは「ゲームまてりあるず」でも実装している『新着イラストの並べ方』を解説していきます。(新着記事を並べる際も同じやり方でできます)

新着イラストの並べ方
STEP
「固定ページ」→「新規固定ページを追加」
🪼管理人🪼

投稿ではなく固定ページで作成していきます!

投稿は記事やコンテンツ作成に使うのに対して、固定ページはトップページやお問い合わせフォームなどに使用します。

STEP
『/投稿リスト』で投稿リストを作る

こんな感じで、投稿リストが表示されればOKです✨

STEP
新着順に並ぶ設定をする

投稿リストを選択すると、右側の「ブロック」タブに設定項目が表示されます。

やっておきたい設定一覧

  • 表示する投稿数:24
  • レイアウトを選択:カード型
  • 投稿の表示順序:新着順
  • 最大カラム数:3列(PC,パソコン)・2列(SP,スマホ)

新着順に並べたリストが完成したら、タイトルを「トップページ」などわかりやすい名前にして、そのまま公開します。

STEP
トップページに設定しよう

「設定」→「表示設定」をクリック。

続けて、「ホームページの表示」から「固定ページ(以下で選択)」を選択して、「トップページ(先ほど制作したページ)」を選択して保存します。

🪼管理人🪼

これで新着イラストがトップページに表示されます✨

以上、ここまでが、稼げるフリー素材サイトの作り方【STEP③ レイアウトをかっこよくしよう】でした!

残すは以下の2STEPです!

  • STEP④ 稼ぐためにASPに登録しよう
  • STEP⑤ 最後にやっておきたい10のこと

ここまできたら、あとは自分らしい投稿を続けるだけ!✈️

そしてここからは少しずつ、お金を稼ぐための動きをしていきましょう〜!

STEP④はこちら↓

  • URLをコピーしました!
目次