ブログのトップページをブログ型からサイト型にしたい!過程の記録|WordPress, SWELL

SWELLでトップページをサイト型にする

ブログを運営していると1度はハマる?!カスタマイズ沼

「merakigoto」は SWELL というテーマを使用しています。
自由なカスタマイズが可能でかつ、使いやすいところが魅力的なんです!

めらき

一緒にブログをカスタマイズしよう!

この記事でわかること
  • ブログ型とサイト型の違い
  • 自分のブログに合うのはどちらか選ぶ基準となる考え
  • SWELLでのサイト型にカスタマイズする過程

今この記事を読んでくださっているということは、おそらくブログを運営されている方だと思います。

この記事は、ブログ型からサイト型へトップページをカスタマイズする過程の記録です。
サイト型へカスタマイズする過程で、記事も更新していくので覗いていってくださいね。

最新の更新内容は Twitter にて発信しています

もしサイト型のブログを運営中の先輩方が覗いてくださっっていたら
アドバイスや、参考になるサイトをオススメしてくださると嬉しいです!

完成後に手順をまとめた記事を作成予定です。
今回は手探りで進めていくので、とってもワクワクしています

サイト型ブログに作り替えたい!ブログをもっとオシャレにしたい!
という方はぜひ一緒に納得のいくブログを作っていきましょう。

めらき

ブログが毎日変わっていくよ

目次

「ブログ型」と「サイト型」の違いは?

ブログのトップページには「ブログ型」「サイト型」があります。

ブログ型の特徴
  • 記事が新しく作成された順に並んでいる状態のこと。
  • デフォルトではブログ型になっていることが一般的。
サイト型の特徴
  • 記事がカテゴリ別など整理されている状態のこと。
  • ブログ型のように順番に並んでいないことが特徴。

ブログ型を選んだ理由

ブログのカテゴリが複数あるから

当ブログは複数テーマが存在するので「雑記ブログ」という種類になります。
新着順に前カテゴリが並んでいると、散らかった印象になると思いました。
カテゴリ別に分かれている方が、読者さんが探している記事に早く辿り着けるようになります!

見やすい!オシャレだから

参考にしたいブログを検索していた時にパッと、トップページがオシャレなブログに出会いました。
まずは興味を持ってもらうことが目的なので、「なんかオシャレかも」という第一印象を持ってもらうことって大切かなと思っています。
整理されていると自分の発信モチベも上がりますよね!

「サイト型」にカスタマイズする方法

サイト型ブログができるまで

この記事は日々更新されています。
以下の手順は、前後したり追加・削除する可能性があります。

ToDoリストのように、サイト型ブログにする手順を書き出してみました。
サイト型ブログ作成手順の参考までにご覧ください。

◼️現在「STEP?|次回カスタマイズのための準備期間(記事更新)」
 →最新の投稿記事はこちら

STEP
参考になるブログを探す

目標となる完成形のイメージを固めます。
わたしはブログのテーマにSWELLを使用しているので、SWELL利用者のブログを探します。

STEP
完成イメージを考える

あくまで記事の中身が重要なので、凝りすぎないように!と自分に言い聞かせているところ。。
凝り出すとやめ時を見失いそうなので、自分の中でゴールを最初に決めておきます。

STEP
カテゴリを決める

当ブログ「merakigoto」には複数のカテゴリがあります。
何を基準に整理するのか迷わないように、整理するためのカテゴリを決定します。

STEP
記事を書く

ある程度記事数があると、カスタマイズがしやすいです。
カテゴリに対して記事数が少ないと見た目がスカスカな印象になりそうな予感。

STEP
サイト型へカスタマイズする

「SWELL カスタマイズ サイト型」で検索。
SWELLの機能紹介記事を参考に、トップページをサイト型にカスタマイズしていきます。

STEP
以降のステップは随時更新・・・

以降のステップは随時更新します。
日々の活動はTwitterで発信しているので、最新情報はこちらに遊びに来てください!

STEP1|参考になるブログを探す

今回この手順はスキップしました。
WordPressのテーマ「SWELL」を使おうと決めた時には既に「こんなサイト作ってみたい!」というお手本サイトがいくつかあったからです。

検索してみるとブログテーマ別のまとめ記事など、参考になる記事がありますよ!

『 SWLL サイト型 例 』で検索

STEP2|完成イメージを考える

ざっくりですが、完成イメージを描きました!

どんな風にカスタマイズしたいかイメージを固めたくて、iPadのお絵描きアプリで描き出しました。
私の場合はオシャレなデザインに凝りすぎて、肝心なブログ記事を更新することを忘れそうな気がしたので…

WordPressテーマ「SWELL」は本当に自由度が高いのです。
カスタマイズし始めると終わりが見えないくらい機能が充実していて楽しい!

STEP3|カテゴリを決める

「merakigoto」では、毎日の暮らしがちょこっと愉しくなるようなモノ・コトをみなさんとシェアすることを目的に運営しています!
当ブログのメインカテゴリは以下の通りです。

ブログのメインカテゴリ
  • 便利な暮らしのモノ・コト
     →ガジェット、家具、家電、食品、レシピ、ハンドメイド… etc
  • ツール・アプリの紹介
     →タスク管理ツールの使い方、iPadアプリの紹介、暮らしのサービス… etc
  • 勉強方法・資格取得
     →モチベーションの保ち方、iPadでの勉強方法… etc

STEP4|記事を書く

基本的に、ある程度の記事を書かれているブロガーの方が今回のようにブログをカスタマイズするはずです。
本来この手順は STEP0 なので、これからブログを始める方はまず記事を書くことから始めてくださいね

STEP3で決めたカテゴリ別にブログを整理しようと考えています。
そのため、1カテゴリに対して記事数が少ないとスカスカな印象になる気がしています。

理想は1カテゴリ3〜5記事分を目安に記事数があるとカスタマイズしやすそうなのですが…
ブログ初心者にとって1記事を書くことは決して簡単なことではありませんよね。

焦って浅い内容の記事を投稿するのは不本意なので、別の方法を考えました!
まずは1カテゴリ分の記事を3つほど作成して「サイト型」にカスタマイズする方法です。
「サイト型」のトップページが自分のブログに適しているのか見極めるためにも、1カテゴリ分で試してみます。

現時点で反省できることは、あらかじめ記事数はある程度必要ということです。
めらきは、SWELLのカスタマイズがおもしろそうだったのでサイトを開設した変わり者です

ブログを開設したばかりの方は、デフォルトで表示設定されている「ブログ型」でコツコツ記事数を増やしてから「サイト型」に移行する方が良さそうです。

STEP5|サイト型にカスタマイズする

『 SWLL カスタマイズ サイト型 』で検索

SWELLの公式サイトで使い方が丁寧解説されています。
自分のやりたいカスタマイズがどの機能ならできるのか、探します。

サイト型にカスタマイズする方法を解説する記事を投稿予定ですのでお楽しみに!

当サイトは日々更新されています。サイトの見た目が当時と異なる場合があります。

STEP?|次回カスタマイズのための準備期間(記事更新)

ここまで読んでくださりありがとうございます!

まだまだカスタマイズしたくてたまりません。
次回のカスタマイズSTEPまで、みなさんのお役に立てるような記事を投稿していきます。

今後のカスタマイズ予定
  • メインビジュアルの設定
  • カテゴリーリンクの表示カスタマイズ
  • カテゴリー別の記事表示カスタマイズ
  • フッターのカスタマイズ
  • サイドバーのカスタマイズ . . . etc.
めらき

もし、アドバイスや参考になるサイトがあればTwitterでシェアしてくださると嬉しいです

SWELLでトップページをサイト型にする

この記事が気に入ったら
フォローしてね!

めらきごとをシェア
  • URLをコピーしました!

この記事を書いた人

手書きを楽しむデジタル文房具屋さん『めらき文具』を運営。
手書きを楽しむデジタルノートを作ります。
今日もごきげんに暮らすためのヒントを見つけてシェアするよ!

コメント - Comments

コメントする

CAPTCHA


目次