ダークモードライクでゴージャスな黒背景ワードプレステーマ【Luxa】


黒背景ベースのホームページ制作用途のワードプレステーマです。
最近はアプリやWEBサービス、OS含めてダークモード、ダークテーマのサポートが増えてきて、特にエディタ関連はダークテーマがデフォルトだったりしますね。
しかし、ホームページの場合、背景をブラックベースに、文字を白や明るめの色にするのは以外に手間がかかります。
CSSでそのまま色を反転しても怪しい雰囲気になったり、文字が読みづらくなったり、とサイト全体に渡り調整が必要になります。

ダークモードライクなWEBページ制作の難点

私自身がダークモードを好むこともあり、弊社サイトも何度か黒背景にしようとしたことはあるのですが、下記のような理由で中断しています。
・サイト全体で利用している多くのパーツ(ボタン、フォーム等)が白背景をベースに作られていて、それらのCSSも全て調整しなければいけない
・画像含め、たまに白いパーツが目に入ると疲れる
・パーツを装飾していたちょっとしたシャドウなどが使えなくなるが、そのかわりにグロー(少し光らせる)と安っぽさが出る
等々です。

黒ベースに向いているサイトは、画像メイン、テキスト少なめ、そして「白ベースサイトを修正するのでは無く、最初から黒ベースでテーマを構築する」ことが向いていいると思います。

今回はそんな「最初から黒ベース前提」のテーマを紹介します。

Luxa – ラグジュアリーなダークテーマ

Luxaの詳細はこちらから(テーマフォレスト)

【Luxa】は、写真&ビデオ業界、フリーランサー、芸能事務所、ポートフォリオサイトなどに最適な、ブラックベースの高級感溢れるワードプレスのテーマです。
私たちはあなたの素晴らしいウェブサイトのために、様々なパーツやレイアウトのセットを用意しました。
誰もが自分に合ったページを作成することができるでしょう。
販売サイトより抜粋 ※英文を意訳

トップページのイメージ。
この配色の場合は、サイト内に利用する画像もクオリティの高いものでないと浮いてしまったり、怪しい雰囲気になるので注意が必要になると思います。

グリッドレイアウトタイプのポートフォリオページ。
関係ありませんが、金色の女性が「ガーディアンズ・オブ・ギャラクシー:リミックス」のソヴリン人の指導者「アイーシャ」を彷彿とさせます。

フリーランサーやモデル等、人物紹介ページサンプル。スタジオ撮影の段階から「黒ベースのサイトに掲載する」ことを踏まえた計画が必要になると思います。

ECプラグインWooCommerceにも対応しています。

コンタクトページ。

全体を見てみると、黒ベースのサイト運用は、写真やパーツ含めて配色ルールを決めておき、それを社内やスタッフで共有することが通常のサイトよりも必要になると感じました。例えばコンタクトページで通常のGoogleマップを埋め込んでしまうと唐突感がでてしまうような感じです。

Luxaの詳細はこちらから(テーマフォレスト)


単一購入

高クオリティ素材販売サイト【Envato Market】の利用方法はこちらから

素材販売サイト『エンバト・マーケット』の利用方法はこちらの記事をご参考ください。
簡単!【ENVATO MARKET】の利用方法

使い放題

素材サブスクリプションサービス【Envato Elements】の利用方法はこちらから

高品質のクリエイティブ素材が無制限に利用可能。『エンバト エレメント』の利用方法はこちらの記事をご参考ください。
ENVATO ELEMENTS完全ガイド – クリエイター必見の巨大な素材ライブラリ


Blogカテゴリー一覧

WordPressウェブ制作・運用動画・クリエイティブ素材便利ツール便利ワザ子育てその他