MH Magazine Theme：WordPressのプレミアムブログテーマ

適切なWordPressテーマの選択は、デザインよりも機能性に関係しています。 多くのテーマは見栄えがしますが、すべてのWordPressプロジェクトに使用できるわけではありません。 流行のトピックやバイラルコンテンツなどをカバーするコンテンツの多いサイトの場合、最善の策は雑誌のテーマを使用することです。

WordPressマガジンのテーマは強力であり、サイトでさまざまなコンテンツを紹介するための独自の方法を提供します。 それらは本質的に洗練されたブログテーマです。 それらだけが、複数の著者を使用して、多くの異なるトピックについて週に複数の投稿を公開するメディアサイトをサポートするように作られています。

そのようなテーマの1つは、MHThemesによるMHMagazineです。 MH Themesは、スムーズな構築プロセスを約束し、この人気のあるテーマに基づいて構築された、高速で適切に構造化されたメディアサイトを実現します。 WordPress.orgコミュニティの間でも高く評価されています。

しかし、それは誇大宣伝に耐えますか？ この投稿では、Cloudwaysサーバー構成を使用してパフォーマンスをテストする前に、無料バージョンとプレミアムバージョンが提供する機能を確認することでこれを探ります。

MH Magazineのテーマは他のテーマとどのように異なりますか？

MH Magazine Themeは強力なテーマですが、他のニュースや雑誌のテーマほど肥大化することはありません。 これにより、他のテーマで追加できるのと同じタイプのコンテンツをすべて備えた本格的なメディアサイトを構築できますが、それだけで、はるかに効率的に読み込まれる軽量のWebページが得られます。

MHテーマは全体としても信じられないほど費用対効果が高いです。 テーマのコストはそれ自体でリーズナブルです。 さまざまなニッチ向けのニュースや雑誌のテーマのライブラリ全体に、バンドルされた低コストでアクセスすることもできます。

最後に、WordPress.orgでこれほど高い評価を得ている雑誌のテーマは他にありません。 これは、コミュニティが完全に参加している、洗練された、うまく設計されたテーマです。

MHMagazineのWordPressテーマの概要

これは、WordPress開発者のMHテーマのプレミアテーマです。 WordPress.orgからダウンロードできる無料バージョンがありますが、より堅牢なプレミアムバージョンは開発者のWebサイトから直接入手できます。

無料版は、WordPress.orgの雑誌のテーマ市場で長年にわたって支配されてきました。 これにより、30,000を超えるアクティブなインストールと、堅実な5つ星の評価が得られました。 全体として、どちらのバージョンも、フォーブス、 Imgur 、ニューヨーク市警察など、110か国以上から数万人の顧客を獲得しています。

無料vs.プロ：比較

MH Magazine Liteは実用的でよく構成された雑誌のテーマですが、それでもシンプルなテーマです。 プレミアムバージョンの半分のウィジェット領域と、少数のウィジェットがあります。 無料版では、ヘッダーと背景の色のみをカスタマイズできますが、広告サポート、ソーシャルリンク、拡張レイアウトとヘッダーオプションは利用できません。

Proバージョンが提供するものの概要は次のとおりです。

• 柔軟なレイアウトオプション–ボックス化されたサイトレイアウトとワイドサイトレイアウト、1つ（左または右）、2つまたはサイドバーなし、およびカスタマイズされたヘッダーのさまざまな要素から選択します。 投稿、ページ、投稿メタのレイアウトを構成することもできます。
• 26個のウィジェット領域と23個のウィジェット–ヘッダー、ホームページ、サイドバー、およびフッターを、それぞれに複数のウィジェット領域を使用してカスタマイズし、約20のフル機能のウィジェットを使用します。 ページ上でドラッグアンドドロップすることもできます。
• 15のデモ– MHテーマはこのテーマで15のデモを構成しており、ドキュメントにはそれらを再作成するために使用できる詳細な手順が含まれています。
• ソーシャルリンク–ソーシャルウィジェットとメニューを使用すると、テーマのトップバーとウィジェット領域にソーシャルアカウントを表示できます。
• カスタムタイポグラフィ– Google Fontsの数十のフォントから選択し、デフォルトのフォントサイズを指定します。 また、見出しと本文に使用するフォントを選択します。 カスタマイザーの[色]セクションで、見出し、テキスト、およびリンクのいくつかの異なる色オプションをカスタマイズできます。
• 内蔵スライダー–テーマには、タッチスクリーンデバイス用に最適化されたレスポンシブスライダーであるFlexSlider2が付属しています。
• 子テーマ対応–子テーマはテーマのファイルに含まれているため、更新によって変更が消去されることを心配せずに、好みに合わせてカスタマイズできます。
• 安全でSEO最適化–このテーマは、HTML5、CSS3、およびPHPで構築されたクリーンなコードで構成されています。 また、高速で、検索エンジンが好むSEOのベストプラクティスに従います。

最後に、MHThemesが提供する雑誌のテーマはこれだけではありません。 テーマハウスでは、さまざまなニッチやスタイルに対応する6つの追加テーマも提供しています。 それぞれが個別に利用可能ですが、開発者のテーマクラブにサインアップして、すべてのテーマに年間199ドルでフルアクセスすることもできます。

インストールとセットアップのプロセス

このテーマの両方のバージョンは、他のWordPressテーマと同じようにインストールされます。つまり、WordPressから直接ダウンロードするか、プレミアムバージョンのZIPフォルダーをアップロードします。 広告、Google Fonts、スライダー機能が組み込まれているため、テーマの上にインストールするものは他にありません。

最初にやりたいことは、MHMagazineのホームページテンプレートを使用してホームページを設定することです。 次のセクションでウィジェット領域について詳しく説明しますが、MH Magazineは、雑誌のテーマとしてのデザインを完成させるためにブログロールに依存していることを知っています。

そのため、タイトルと注目の画像を含むダミーの投稿をいくつか作成するか（ブログの投稿ページもテストする場合を除いてコンテンツは不要）、少なくとも5ダースの投稿が公開されるまで待ってから構成する必要があります。あなたのホームページ。

トップバー、ヘッダ（ロゴ+バナー広告）、ナビゲーションメニュー、および下のバー：4つのコンポーネントが持っている今のヘッダ、オーバー行こう。 トップバーとヘッダーの間に表示される1080x250pxの画像を追加することもできます。

このセクションでは、コンテンツ要素を好きなように整理できますが、いくつかの制限があります。ナビゲーション要素とニュースティッカー要素は、上部バーと下部バーの左側にのみ表示できます。 対照的に、ソーシャルアイコンは右側にのみ表示できます。

画像の準備ができている場合はロゴをアップロードできますが、テーマではデフォルトでサイトのタイトルとタグラインがテキストベースのロゴとして使用されます。

最後に、ヘッダー、背景、テキスト、リンクなどのさまざまな要素の色を、テーマ全体に割り当てることができるいくつかの原色とともにカスタマイズできます。

MHMagazineテーマの主な機能

このテーマで好きなスタイルでホームページを構築するのに十分なウィジェット領域、ウィジェット、およびテーマオプションがあります。 または、MH Themesは、テーマのドキュメントで各デモを構成する手順を提供しています。

手順では、使用するサイトレイアウトと、デモで使用するウィジェットを配置する場所について説明しています。 このため、これらのレイアウトを再作成するのは簡単ですが、最初から始めるのも同じくらい簡単です。

目的のサイトレイアウトとサイドバーオプションを構成すると、ウィジェット領域への入力を開始する準備が整います。 デフォルトのWordPressテキストウィジェットを使用して広告コードを挿入できる2つのヘッダー領域があります。 投稿とページにも同様のウィジェット領域があります。

ホームページウィジェットは、全幅、1/3幅、および2/3幅で利用できます。 2/3幅のウィジェット領域を使用すると、次に使用する1/3幅のウィジェット領域で埋められたスペースが見つかります。その逆も同様です。

フッターウィジェット領域は、4つの1/4セクションに分割されています。 最後に、連絡先ページテンプレートで使用するように設計された連絡先サイドバーウィジェット領域があります。 これは、デフォルトのサイドバーウィジェット領域とは異なります。

ウィジェット

このテーマのウィジェットは、それぞれに割り当てられた「 MH 」ラベルと青いアウトラインで特定できます。

このテーマのほとんどのウィジェットは、ホームページ、サイドバー、およびフッターにブログ投稿を表示するための異なる方法を提供します。 コンテンツに関連しないウィジェットはほんの一握りです。

• 著者の経歴–著者のアバターと経歴を表示します。
• 作成者–サイトの作成者のリストと、各作成者が公開した投稿の数を表示します。
• カスタムスライダー–ブログ投稿のみを表示するカルーセルウィジェットとスライダーウィジェットの代わりに、スライドごとにカスタムテキストと画像を含むスライダーを紹介します。 5つのスライドと5つのスライダーレイアウトがあります。
• Facebookページ–Facebookページを表示します。
• 最近のコメント–すべての投稿とページでサイトが受け取った最新のコメントを紹介します。
• ソーシャル–すべてのソーシャルメディアアカウントのソーシャルアイコンをリンクして表示します。 これは、ヘッダーの上部バーと下部バーに挿入できるソーシャルメニューとは異なります。
• YouTubeビデオ–ビデオIDを挿入してYouTubeビデオを表示し、再生コントロールを構成します。

ご覧のとおり、MHMagazineの23個のウィジェットのうち7個だけがサイトのコンテンツを欠いています。 他の16の投稿とページは、さまざまな方法で紹介されています。

ウィジェットが投稿をどのように表示するかは必ずしも明らかではありません。そのため、デザインを試してみるには、公開された投稿をいくつか準備する必要があります。

それでも、ほとんどのウィジェットでは、表示するカテゴリを指定できます。 特定のIDを除外するか、人気のあるランダムな投稿のみを表示することで、表示する投稿を選択することもできます。

最後に、カスタマイザーの[テーマオプション]セクションで、サイト全体の抜粋の長さを構成します。

タイポグラフィ

簡単なフォントの変更は、ホームページの見出しやブログ投稿を構成するテキストの変更を意味するかどうかにかかわらず、サイトの全体的な外観に大きな影響を与える可能性があります。 幸い、MHにはGoogleFontsが組み込まれています。

Google Fontsライブラリを構成する何百ものフォントを見つけることはできませんが、複数の文字とスタイルの選択とともに必需品を見つけることができます。

本文と見出しに異なるフォントを指定できます。 この設定はすべての見出しに適用されるため、 H1 、 H2 、およびH3タグに異なるフォントを選択することはできません。 これは、とにかく、サイト全体で2つ以下のフォントを使用することを推奨する標準のWebデザイン慣行と一致しています。 さらに、独自のコードを使用して、さまざまな見出しにさまざまなフォントをいつでも割り当てることができます。

メニュー

テーマには、さまざまな理由で利用できる6つのメニューの場所があります。 小さな追加ナビゲーションメニューにセカンダリページを指定するときは、サイトの最も重要なページにメインナビゲーションを使用する必要があります。

ヘッダーナビゲーションとフッターナビゲーションは、ヘッダーバーとフッターバーにメニューを挿入するために使用するメニューです。

「ヘッダーのソーシャルアイコン」と「 MHソーシャルウィジェット」という適切な名前が付けられているため、ソーシャルメディアメニューがどこに表示されるかは明らかです。

パフォーマンス

具体的には、ニューヨークのデータセンターにインストールされているCloudwaysの最も基本的なDigitalOceanサーバー構成でテストサイトをホストしました。 このテーマのプレミアムバージョンと同様に、無料でありながら高評価のキャッシュ、ミニファイ、遅延読み込みプラグインがインストールされました。 ただし、CDNサービスは使用されませんでした。