ColorMag 3.0 の紹介: 魅力的な新しいデザインを採用!
公開: 2023-06-16またまた重大発表があります。
ColorMag テーマの新しいアップデートであるColorMag Free 3.0およびColorMag Pro 4.0 に備えてください。これらは2023 年 6 月 16 日にリリースされました。
過去数か月間、ColorMag チーム全体が舞台裏で精力的に取り組んできました。 そしてここでは、お気に入りの雑誌のテーマを魅力的に強化しました。
私たちは ColorMag 3.0 と ColorMag Pro 4.0 の両方の成果を誇りに思っており、皆さんが実際に試してみるのを待ちきれません。
興味がありますか？ この ColorMag アップデートの新機能を見てみましょう。
ColorMag 3.0 とは何ですか? 新着情報？
ColorMag 3.0 は、お気に入りの WordPress マガジン テーマのメジャー アップデートです。 このアップデートでは、次のレベルの UI/UX、見事なデザイン、最適化されたパフォーマンス、より優れたアクセシビリティなどを提供します。
ColorMag Free 3.0に加えて、プレミアム ユーザー向けにColorMag Pro 4.0もリリースしました。 Pro バージョンには、無料バージョンのすべての改良点が含まれており、さらに追加機能も提供されます。
このアップデートの主な変更点は、 Web サイト全体のデザインとUI/UXでした。
ヘッダーとフッター、およびホームページ、検索、404 などの重要なページのレイアウトとデザインが強化され、Web サイトの洗練された外観が提供されます。
刷新されたモバイル メニュー デザイン、改善されたヘッダー検索、およびデフォルトの WordPress ブロック/ウィジェットの強化されたデザインにより、新鮮な外観が提供されます。 一方、WooCommerce ページと製品ボックスの斬新なデザインは、e コマースの可能性を高めます。
カスタマイザーのコントロールと構成を最適化し、使いやすさを向上させるためにトグルを組み込みました。 また、モバイルファーストのデザインと、より高速なパフォーマンスを提供する SVG アイコンを実装しました。
ColorMag 3.0 は、強化されたタイポグラフィとアクセシビリティの向上に重点を置いており、WordPress サイトを真に向上させます。
ここでは、ColorMag 3.0 で楽しめるアップデートのいくつかを見てみましょう。
1. 最新の雑誌のデザインの改善
ColorMag 3.0 と ColorMag Pro 4.0 では、モダンで魅力的な雑誌 Web サイトを構築できるように、デザインが大幅に強化されています。 主なデザイン変更点を見てみましょう。
デフォルトの WordPress ブロックのデザインの強化
ColorMag 3.0 では、デフォルトの WordPress ブロックの強化されたビジュアル レイアウトが提供されるようになりました。
見出し段落、画像、ボタン、引用符、表などの最も一般的な WordPress ブロックは、新しいアップデートでは上品で洗練されたブロック スタイルを備えています。
それだけでなく、データをブロックに適切にエンコードするために、HTML タグさえも更新され、マイナーな方法で変更されます。
ヘッダーとフッターのレイアウトの改善
ColorMag 3.0 では、ユーザーに素晴らしいヘッダー オプションが提供されます。 洗練されたサイト ID、ヘッダー メディア、トップ バー、プライマリ ヘッダー、プライマリ メニュー、スティッキー ヘッダー、ニュース ティッカー、ヘッダー アクションを取得できます。
同様に、ColorMag Pro 4.0 では、ヘッダーとナビゲーションを介してブレッドクラム オプションに簡単に移動できます。
以前は、ブレッドクラムを見つけるには、コンテンツ >> ブログ/アーカイブ >> ブレッドクラムに移動する必要がありました。
また、レイアウトは非常に最小限であるため、フッターはよりプロフェッショナルで整理されたように見えます。
さらに良いことに、フッター バーからソーシャル アイコン オプションを簡単にカスタマイズできます。
ColorMag Pro 4.0 では、アクセスしやすくするために、[トップへスクロール] ボタンが一般領域の外に移動されていることがわかります。
刷新された検索と 404 ページ
検索結果ページ
ColorMag 3.0の検索結果ページがより広範囲に表示されます。 これにより、Web サイトの訪問者は、より広い表示領域で検索結果をはっきりと見ることができます。
更新された検索結果ページは、ユーザー インターフェイスが改善され、ビジュアルが向上し、よりクリーンでダイナミックになりました。
これにより、検索結果の閲覧と検索が容易になります。 また、チェックボックスは、検索オプションのトグル ボタンに置き換えられます。
404ページをリニューアル
以前の 404 ページの改良版を ColorMag 3.0 で表示します。 さらに、このページには、最新のコメントや投稿とともに、アーカイブとカテゴリのオプションが含まれています。
404 ページには、ユーザーをホームページに戻す「ホームに戻る」オプションもあります。
コンテナの簡単なカスタマイズ
Web サイトのコンテナを簡単にセットアップできるようになりました。
ColorMag 3.0 および ColorMag Pro 4.0 のグローバル オプションを参照しながら、コンテナ スタイルを選択するだけです。
ワイド レイアウトは、境界線やページの端が見えない風通しの良い Web サイトが必要な場合に最適なオプションです。 同様に、表示ボックス オプションをご希望の場合は、ボックス レイアウトもご用意しています。
背景の画像を選択し、必要な色で背景をカスタマイズすることもできます。
ウィジェットのデザインの強化
Colormag 3.0 は、更新された完全なウィジェット デザインをユーザーに提供します。
すべてのウィジェットで一貫した HTML マークアップとモバイルファースト CSS を取得できます。
また、従来の Float ベースのレイアウトは、Flex/Grid CSS プロパティに置き換えられます。 したがって、ColorMag ユーザーは、より優れた配置制御、シンプルさ、およびより優れたブラウザー サポートを得ることができます。
この新しいバージョンでは CSS 変数が使用されます。 その結果、コードの保守性とモジュール性が向上します。 また、テーマ設定とカスタマイズのオプションも簡単になります。
同様に、コード リフラクターは Web サイトのパフォーマンスを向上させます。
また、Font Awesome アイコンや PNG アイコンの代わりに、SVG アイコンを使用できるようになりました。
ユーザーフレンドリーなサイドバーのレイアウト
ColorMag 3.0 は 5 つのサイドバー レイアウトを提供します。 以前は、ユーザーに提供されるサイドバーは 4 つだけでした。
要件に応じて、サイドバー ページ、単一の投稿、またはデフォルトのレイアウトから始めることができます。 サイドバー ウィジェットはさらに改良され、洗練されているため、よりプロフェッショナルなデザインのレイアウトを使用できます。
追加のソーシャルアイコン
ColorMag テーマを使用すると、サイトのヘッダー領域とフッター領域に人気のソーシャル メディア アイコンを簡単に追加できます。
Facebook、Twitter、Instagram、Pinterest、YouTube 用の事前構築済みフィールドがあります。
さらに、アイコン付きの 6 つの異なるソーシャル メディア リンクを追加できます。 カスタム リンクと適切な Font Awesome アイコンを追加できます。
また、ウェブサイトの上部にはソーシャルアイコンが表示されます。 そのため、Web サイト訪問者がさまざまなプラットフォームでソーシャル メディア プロフィールを確認しやすくなります。
好みのリンクの色とソーシャル アイコンを選択します。
2. モバイルファーストの設計とパフォーマンスの向上
ColorMag 3.0 と ColorMag Pro 4.0 は、雑誌の Web サイトにモバイルファーストのデザインをもたらしました。 モバイル ユーザーのユーザー エクスペリエンスが向上するだけでなく、コードの使用量が最小限に抑えられるため、サイトの速度と SEO も向上します。
モバイルファーストのデザイン
モバイルファーストのデザインは、Web サイトをモバイルデバイス間で適応させるだけでなく、SEO パフォーマンスを向上させ、速度を最適化するため、好まれます。
レスポンシブなテーマは多数ありますが、すべてがモバイルファーストであるわけではありません。 良いニュースは、ColorMag 3.0 はモバイルファーストのデザインで応答性が高いことです。
ColorMag 3.0 のスタイルは最小限であるため、Web サイトは小さな画面でも視覚的に魅力的な方法で表示されます。
ウェブサイトがモバイルデバイスでどのように翻訳されるかを心配する必要はありません。
レスポンシブメニュー
新しいアップデートでより多くのメニューオプションを楽しみ、洗練されたメニューを作成してください。
以前のColorMag バージョン 2.1.8では、プライマリ オプションを見つけるだけでした。 しかし、ColorMag 3.0 では、それぞれカテゴリ メニュー、フッター メニュー、およびプライマリ オプションを見つけることができます。
さらに、プライマリ メニュー、フッター メニュー、トップバー メニューにメニューを配置することもできます。
マークアップとCSSの刷新
ColorMag 3.0 で HTML を更新しました。
このアップデートのおかげで、ユーザーは行と列を含む柔軟でカスタマイズ可能なレイアウトを取得できるようになりました。 さらに、コンテンツのスタイルを設定したり配置したりすることも簡単に行えます。
また、CSS の刷新により、Web サイトのデザイナーは要素の外観を変更して、ユーザー インターフェースに美的センスを与えることができます。
それに加えて、Float は CSS グリッドおよびフレックス プロパティに置き換えられます。 その結果、応答性の高い高度なレイアウトを設計するための強力で柔軟なレイアウトが得られます。
3. リファクタリングされたカスタマイザーによる UI/UX の向上
ColorMag 3.0 および ColorMag Pro 4.0 の改善されたカスタマイザー デザインによる合理化されたテーマのカスタマイズを体験してください。
カスタマイザーのカスタマイズ オプションは、必要に応じて再配置されました。 これにより、ユーザーにとってより優れたナビゲーション オプションが提供されます。
最も関連性が高く便利なオプションを 1 か所で入手できるので、時間と労力を節約できます。
さらに、Customind ライブラリの設計に特定の変更があります。
- バックグラウンド コントロール: カラー ピッカーと画像アップロード セクションのデザインが強化されました。
- ボタン コントロール: 背景色とパディングの変更を実装しました。
- カラー コントロール: カラー ピッカー、彩度インタラクティブ スライダー、アルファ グラデーション インタラクティブ スライダー、およびカラー パレットのデザインを刷新しました。
- ディメンション コントロール: ユーザー エクスペリエンスを向上させるためにラベルと入力フィールドのデザインをアップグレードしました。 また、単位セレクター、リセット ボタン、値バインド オプションなどの新しいセクションも導入しました。
- 無線画像:無線画像コントロールのレイアウト設計を改善しました。 また、すべてのカスタマイザーレイアウト画像のカスタマイザーアイコンを強化しました。
- スライダー コントロール: スライダー コントロールのデザインが強化されました。 また、進行状況の色インジケーターと新しいユニット選択を追加することで改善されました。 リセットボタンが新デザインにアップデートされました。
- 並べ替え可能なコントロール:非表示/表示セクションなどのデザインが改善され、トグル コントロールと無効化インジケーターに置き換えられました。 トグル、ドラッグ可能、ラベルなどのように並べ替えることもできます。
- 字幕コントロール: 小見出しを追加するための新しいコントロールです。
- トグルコントロール:色、ホバーカラー、幅など、全体的なデザインを更新しました。
- タイポグラフィ コントロール: ColorMag Pro は、フォント ファミリーやフォント ウェイトなどのいくつかの部分でデザインを改訂し、テキストのスタイルと外観を向上させ、読者にとって視覚的により魅力的なものにしました。
- ガイド コントロール:ガイド ドキュメントとビデオ セクションを備えたガイド コントロールが改善されました。
ColorMag 3.0 の世界への準備はできていますか?
強化および更新された機能を備えた最高の ColorMag テーマを体験してください。
ColorMag 3.0とColorMag Pro 4.0 には、プロフェッショナルなニュース ポータル、オンライン マガジン、出版 Web サイトを構築するために必要なものがすべて揃っていることを保証します。
アップデートはとても簡単です。 更新ボタンをクリックするだけで、ColorMag テーマを最新バージョンにアップグレードできます。 その後、すべての新機能とレイアウトをお楽しみいただけます。
さらに、より素晴らしい機能を楽しみたい場合は、ColorMag Pro にアップグレードすることをお勧めします。
さらに、私たちはこの ColorMag アップデートを最大限に活用できるようお手伝いします。 発生する可能性のある問題の解決に役立つ詳細なドキュメントと即時サポートを提供します。
ColorMag 3.0 と ColorMag Pro 4.0 をぜひお試しください。
