【SWELL】トップページを簡単カスタマイズ!記事一覧リストを編集しよう

SWELLに移行して10日が経ちました。

あわせて読みたい
WordPressテーマSWELLを選んだ理由!メリット6つ&デメリット3つ 長年Cocoonを愛用してきました(3ヶ月)。 いろいろなカスタマイズをして、CSSまでいじるようになり 「もうこのままCocoonでいいかな」 と思っていました。 しかし、202...

さくさく記事が書けて、直感的にデザインのカスタマイズもできるので、ブログが楽しいです。

少しずつSWELL紹介の記事も増やしていきたい・・・

ということで、第一弾!!

トップページの記事一覧リストの編集方法についてお話しします。

この記事で分かること
  • SWELLで記事一覧リストの編集方法
  • 記事一覧リストを編集できる部分
妻クラゲ

トップページは大事だよね

クラゲ

ブログの顔だもんね

目次

SWELLでトップページを簡単カスタマイズ

SWELLはクリックするだけで、トップページの記事一覧リストを簡単にカスタマイズできます。

リストレイアウトやタブ、サムネイル画像比率などをクリックだけで変更可能です。

さっそくカスタマイズ方法を見ていきましょう。

SWELLは「カスタマイザー」という便利なシステムで編集します。

左側に編集メニューがあり、右側に編集内容がすぐ反映されます。

SWELL記事一覧リスト編集

リアルタイムで編集内容が分かるのでとっても便利!!

記事一覧は「記事一覧リスト」から編集します。

SWELL記事一覧リスト編集

リストのレイアウト設定

リストレイアウトやカラムを設定できます。

SWELL記事一覧リスト編集

リストレイアウトは6種類が用意されています。

パソコンとモバイルでそれぞれ設定できます。

  1. カード型
  2. リスト型
  3. リスト型(左右交互)
  4. サムネイル型
  5. ブログ型
  6. テキスト型

\タブをクリックして切り替え/

SWELL記事一覧リスト編集

最大カラム数はパソコン1~3カラム、モバイル1~2カラムで設定できます。

\タブをクリックして切り替え/

SWELL記事一覧リスト編集

投稿情報の表示設定

投稿情報の表示設定では公開日や更新日、抜粋文字数を設定できます。

SWELL記事一覧リスト編集

赤枠で囲った部分の編集ができます。

SWELL記事一覧リスト編集

カテゴリーの表示設定

カテゴリーの表示設定ではサムネイル画像に表示するカテゴリー表示を設定できます。

SWELL記事一覧リスト編集

サムネイル画像にカテゴリーを表示したり、投稿日時の横に表示できます。

SWELL記事一覧リスト編集

サムネイル画像の比率設定

サムネイル画像の比率設定では、それぞれのリストごとに画像比率を設定できます。

SWELL記事一覧リスト編集

画像比率は7種類が用意されています。

  1. 白銀比率(1:1.414)
  2. 黄金比率(1:1.618)
  3. 一眼(3:2)
  4. ワイド(16:9)
  5. 横長(2:1)
  6. 帳横長(5:2)
  7. 正方形(1:1)

それぞれのサムネイル画像はこのようになります。

\タブをクリックして切り替え/

SWELL記事一覧リスト編集

アイキャッチ画像のサイズを簡単に切り替えられるのは便利です。

マウスホバー時の設定

アイキャッチ画像にマウスを合わせたときのマウスホバー設定ができます。

SWELL記事一覧リスト編集

これが

SWELL記事一覧リスト編集

こうなります

SWELL記事一覧リスト編集

画像の左右のグラデーション色を設定できるので、ブログの雰囲気に合わせて色を変えられます。

SWELL記事一覧リスト編集
カラフル!!

タブ切り替え設定(トップページ)

トップページの切り替えタブを設定できます。

SWELL記事一覧リスト編集

SWELLでは「タームタブ」の設定にカテゴリーIDやタグIDを入力するだけで、切り替えタブを追加できます。

SWELLではカテゴリーやタブのIDは「投稿」で確認できます。

SWELL記事一覧リスト編集

カテゴリーIDを入力するだけで、簡単に切り替えタブを追加できました。

SWELL記事一覧リスト編集

切り替えタブはたくさん追加できます。

SWELL記事一覧リスト編集

タブデザインは3種類用意されています。

  1. 標準
  2. グレーボックス
  3. 下線

それぞれのタブデザインはこのようになります。

\タブをクリックして切り替え/

SWELL記事一覧リスト編集

タブ切り替え設定(その他のページ)

トップページ以外のタブ切り替え設定もできます。

SWELL記事一覧リスト編集

タームアーカイブはカテゴリーページのことです。

カテゴリーページごとに人気記事のタブを追加します。

SWELL記事一覧リスト編集

著者アーカイブは著者ごとの記事一覧です。

複数人で1つのブログを運営する場合は使いますが、通常は使わないです。

SWELL記事一覧リスト編集

投稿一覧から除外するカテゴリ・タグ

記事一覧から除外したいカテゴリーやタグがあれば、IDを指定して除外できます。

SWELL記事一覧リスト編集

SWELLでトップページ簡単カスタマイズ まとめ

SWELLを使った記事一覧リストの編集方法についてお話ししました。

  • SWELLの記事一覧リスト編集は簡単
  • クリックだけで設定可能
  • カスタマイザーで変更内容をすぐに確認できる

SWELLはカスタマイザーで簡単に記事一覧リストを編集できます。

なにより素晴らしいのは、説明を見なくても直感的に操作が分かる点です。

WordPress経験者であれば、すぐに操作できるシステムになっています。

今回はブログでよく見かける「新着記事形式」を説明しましたが、

SWELLでは「サイト型のトップページ」も簡単に作成できます。

簡単なうえに自由度が高いことがSWELLの魅力の一つですね。

長くなってしまったので、サイト型トップページの作り方はまた別の機会にしたいと思います。

今日はここまで!おつクラゲ~(:]ミ (:]彡

\おすすめのWordPressテーマSWELL/

SWELL

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

よかったらシェアしてね!

コメント

コメント一覧 (2件)

コメントする

CAPTCHA


目次