webコンテンツを徹底強化!WordPressサイト制作とプラグイン&テーマ情報・メンテ/エラー対応から、PHP/CSS/javascript、動画・音・イラスト等制作まで扱うコラム
マルチメディアコンテンツ制作読んどけ☆コラム

【おすすめWordPressテーマ】Maxwell~シンプル・洗練されたブログメディア向きテーマ・スライダーやレイアウト変更も簡単

      2021/02/25

【おすすめWordPressテーマ】Maxwell~シンプル・洗練されたブログメディア向きテーマ

今回は、管理人も別サイトで使ってみた、無料WordPressテーマを紹介します。 海外製ではありますが、テーマ改造なしで、管理画面カスタマイザーからある程度のエディットができました。また、デザインもシンプルな感じです。さっそく使ってみましょう。

Maxwellってどんなテーマ?

海外のテーマディベロッパー・themezeeのテーマです。サイトでの公式説明では『Maxwell is a minimalistic and elegant WordPress theme featuring an ultra clean magazine layout.』とあります。訳すと『ミニマルでエレガントな、きれい目マガジンレイアウトが特徴のテーマ』というところでしょうか。

デフォルト状態でも、落ち着いたカラーリング&レイアウトで、ブログメディアなどにも利用できます。後述のtopページスライダーなどを利用して、お店やコーポレートなどにも利用できるでしょう。CSSやPHPを使わなくても、カスタマイザー内である程度のエディットができる点も魅力です。

Maxwellの使い方(カスタマイザー)・機能

Maxwellでは、カスタマイザー内である程度のエディットが点がポイントです。ここでは一部ですが、それらの機能を使ってみます。

blog settingで、カラム数変更や、マガジンレイアウトをアクティブに

カスタマイザー内にあるblog settingのページでマガジンレイアウト(一押しカテゴリーを選んでウィジェットみたいに)をアクティブにしたり、カラム数を変更したりできます。上の写真では2カラムになっています。CSSを変更しなくても、このカラム数を変更できます。

インスタグラムPC版のような、3列レイアウトも簡単に対応できます。

イチオシしたいカテゴリーを選んで、マガジンウィジェットに表示

ウィジェットのマガジンを追加できます。内容は一押しカテゴリーを選んでサイト上部に表示みたいな機能です。グリッドタイプと列タイプを選択します。

あとは、表示したいカテゴリーをマガジンウィジェットに設定します。表示数も設定ができました。列カテゴリだと、左右で2このカテゴリが出せます。サイトの中心的になりそうなカテゴリーは、このように目立つ位置に置くことができます。

最新記事にリンクするスライダーも簡単に設置

CSSやjavascript/html5などでスライダーを作るのは少し大変ですが、Maxwellでは、カスタマイザーでスライダーを設置することができます。指定カテゴリーの最新記事にリンクしますが、『表示数・表示するページ・アニメーション・速さ』などを設定可能です。javascriptやCSSアニメーションを設定しなくてよいので、かなりラクです。

当サイトコラムにつけてみると、このような形になります。画像はアイキャッチで指定したものが読み込まれます。

あとがき・まとめ

スライダー・カラム数変更・マガジンウィジェットなど、自作実装しようとするとちょっと大変なものも、カスタマイザーで簡単につけることができたほかに、落ち着いたデザインで使いやすいという印象を受けました。公式サイトではプロモード用のアドオンが有料で売っていますが、基本機能は無料で使うことができます。 ブログメディア系のサイトなどにも、ぜひ使ってみてください。


【カテゴリ】 - webメディア制作運用, wordpressテーマ情報
【タグ】 -

  関連記事

【WordPress】コーポレート&ブログ併設向きの、固定ページ1カラム・投稿2カラムレイアウトを切り替えるテーマ

今回は、このサイト(マルチメディアコンテンツ制作 読んどけコラム ...

WordPressで車販売サイトが作れる『Car Dealer, Classifieds & Listing』・英語なのでネックも

今回は、もはや何でもある感じのWordPressプラグインで、『 ...

Twenty Twenty-Oneの表示のしかた・速度・機能・カスタマイズ方法などを徹底チェック【WordPress5.6テーマ】

今回は、2020年12月8日にWordPressが5.6にアップ ...

cssフレームワーク利用サイトで、意図しないpaddingなどを消すには?→同クラス上書き(例:bootstrap)

今回は、CSSフレームワークなどを使ってサイトを構築していると、 ...

WPカスタムフィールドを使って、soundcloudみたいに記事一覧でオーディオ再生できるサイトを作る方法

今回は、管理人が持っている著作権フリー曲サイトに、『カスタムフィ ...

【CSSエディット】『 』みたいな空白スペース・改行タグでレイアウト調整が良くない理由

今回は、管理人がこのサイト(よんどけコラム)のCSSを調整してい ...

【お洒落1ページ型無料WPテーマ】onepressを使ってみてレビュー・特徴やカスタマイズ時のポイント

今回は、WPテーマを調査していて見つけた、良い感じの1ページ型テ ...