Morden

作者: Automattic

Morden は機能性が高く、レスポンシブな多目的テーマで、ビジネスのオンラインプレゼンスに最適なソリューションです。

オンラインでの成功をサポートするのが私たちのビジネス

ゼロから始めるのはけっして簡単なことではありません。そこで、 魅力的なサイトを構築するためのわかりやすいステップバイステップの手順と動画チュートリアル を用意しました。特定のセクションにスキップする場合は、関連するリンクをクリックしてください。

サイトの構築 ホームページの設定 コンテンツの追加 ロゴの追加
メニューの追加 ソーシャルメディアとの連携

サイトの構築

サイトの外観を設定するには、カスタマイザーを使用します。カスタマイザーにアクセスするには、画面左上にある 「参加サイト」 をクリックし、サイドバーの「パーソナライズ」セクションで 「カスタマイズ」をクリックします(以降、カスタマイザーの特定のセクションを指す場合は、 「カスタマイズ → X」 の形式で表します)。 カスタマイザーの詳細はこちらでご覧いただけます。

カスタマイザーを終了する準備ができたら、左上隅の「X」 をクリックします。変更を保持する場合は、その都度「X」 ボタンのすぐ右にある青色の「公開」 ボタンをクリックします。以下の手順中にも、保存を促す記載があります。では、始めましょう。

ホームページの設定

こちらのデモサイト では、固定ホームページを使用しています。以下の手順に従って、見た目が同じものを作ってみましょう。

  1. 2つのページを公開しますが、「ホーム」や「ニュース」などの覚えやすいタイトルを付けます。ページを公開するには、 「参加サイト」 → 「ページ」 → 「ページを追加」の順に移動します。
  2. 次に、 「カスタマイズ」 → 「ホームページ設定」の順に進みます。
  3. 「固定ページ」を選択し、ステップ1で公開した2つのページ  (「ホーム」と「ニュース」) をそれぞれ「ホームページ」と「投稿」ページとして選択します。
  4. 固定ホームページのタイトルを非表示にすれば、サイトの外観をよりすっきりとしたものにできます。非表示にするには、一番下までスクロールして、 「ホームページでタイトルを非表示」チェックボックスをオンにします。
  5. 上部の「公開」 ボタンをクリックして、変更を保存します。

ホームページへのコンテンツの追加

Morden  は、新しい WordPress エディターに完全に対応しています。利用可能なブロックを選択して、サイトに幅広いコンテンツを作成できます。こちらのデモサイトでは、ホームページの作成方法をブロックごとに説明しています。

ロゴの追加

ビジネスでロゴをお持ちの場合は、サイトのヘッダーに表示できます。その方法は以下のとおりです。

  1. 「参加サイト」 → 「カスタマイズ」を開き、「サイト基本情報」セクションをクリックします。
  2. 「ロゴを追加」 ボタンをクリックして、メディアライブラリを開きます。
  3. 新しい画像をアップロードするか、メディアライブラリにある画像を選択します。
  4. 「ロゴに設定」 をクリックすると、プレビューにロゴが表示されます。
  5. ロゴにサイトの名前が含まれている場合や、ヘッダーにロゴのみを表示する場合は、 「サイトのタイトルとキャッチフレーズを表示」の横のチェックボックスをオフにしてサイトのタイトルを非表示にできます。
  6. 上部の「公開」 ボタンをクリックして、変更を保存します。

ロゴは、デスクトップコンピューターの場合はサイトのタイトルの左側に、モバイルデバイスの場合はサイトのタイトルの上に表示されます。ロゴ画像の最大の高さは60px ですが、幅は必要に応じて調整できます。

サイトナビゲーションの追加

次に、訪問者が探している情報を見つけられるように、ナビゲーションメニューを作成します。まずは、こちらの手順に従ってメニューを作成します。メニューを作成したら、設置する場所を選択します。

  1. 「カスタマイズ」 → 「メニュー」に進みます。
  2. 「メニュー位置」パネルを選択します。
  3. 作成したメニューを「メインメニュー」に割り当てます。
  4. 上部の「公開」 ボタンをクリックして、変更を保存します。

ソーシャルメディアとの連携

Morden では、メインサイトナビゲーションのすぐ下のヘッダーに、ソーシャルメディアアカウントへのリンクを表示できます。そのためには、最初に「ソーシャルリンクメニュー」を設定する必要があります。設定したら、次の手順を実行します。

  1. 「カスタマイズ」 → 「メニュー」に進みます。
  2. 「メニュー位置」パネルを選択します。
  3. 作成したメニューを「ソーシャルリンクメニュー」に割り当てます。
  4. 上部の「公開」 ボタンをクリックして、変更を保存します。

ソーシャルメニューで各ソーシャルメディアプロフィールにリンクすると、対応するアイコンが自動的に表示されます。サポートされているソーシャルメディアアイコンについてはこちらをご覧ください。

テーマのダウンロード

以下のリンクから Morden をダウンロードすると、インストール型のサイトで使用できます。は、Varia の子テーマです。そのため、Varia の WordPress.com バージョンのコピーもダウンロードする必要があります。コピーはこちらからダウンロードできます。

Varia をダウンロード

主な仕様 (単位はすべてピクセルです) :

  1. メインカラムの幅は740px です。
  2. フッターには、ウィジェットエリアが1つあります。カラム幅は314px です。
  3. アイキャッチ画像の推奨サイズは、幅2000 x 高さ1200px です。

このテーマは、ダウンロードしてインストール型 WordPress で使用できます。

ダウンロード
このテーマについて質問がありますか ?このデザインを選択してサイトを始めましょう。私たちがお手伝いします。