Quadrat

作者: Automattic

Quadrat はシンプルで汎用性の高い WordPress のテーマで、ブログやポッドキャスト向けに作られています。Quadrat は、四角い形とカラフルで余分な要素を排除したフラットなイラストにインスピレーションを得て作られたテーマです。サイトのブロックパターンで使用できるカスタム画像のセットが含まれています。Quadrat のデフォルトのスタイルはシンプルな sans-serif フォントと力強い配色によって大胆かつ遊び心のあるスタイルとなっていますが、好きなようにカスタマイズできます。

オンラインでの成功をサポート

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

ホームページを設定する色をカスタマイズする フォントをカスタマイズする
ブロックパターンでコンテンツを追加する ロゴを追加する

ホームページを設定する

固定ページをホームページとして設定、または最新の投稿をホームページに表示することができます。

  1. サイトの管理画面の左側にあるメニューから「外観」→ 「カスタマイズ」に移動します。カスタマイザーが開いたら「ホームページ設定」タブをクリックします。
  2. 「ホームページの表示」セクションで、「固定ページ」を選択します。
  3. 既存ページを選択してホームページとして使用するか、「新規ページを追加」を選択して新たに作成します。
  4. 上部にある「変更を保存」ボタンをクリックします。

サイトの色をカスタマイズする

Quadrat では、このテーマに合うプリセットパレットから選択するか、自分のパレットをカスタマイズできます。次の手順でサイトの色を変更します。

1. サイトの管理画面の左側にあるメニューから「外観」→ 「カスタマイズ」に移動します。カスタマイザーが開いたら「色」タブをクリックします。

2. 次のようなパネルが表示されます。

選べるさまざまな色のパレットを表示したサイトエディターのスクリーンショット

3.「メイン」、「サブ」、「背景色」をカスタマイズし、その場で変更点をブラウザーのプレビューで確認します。また、あらかじめ設定された配色から選択することもできます。

4.「変更を保存」ボタンをクリックします。

サイトのフォントを変更する

Quadrat を使うと、サイト全体の本文と見出しのフォントも変更できます。

1. サイトの管理画面の左側にあるメニューから「外観」→ 「カスタマイズ」を選択します。カスタマイザーが開いたら「フォント」タブをクリックします。

2. 次のようなパネルが表示されます。

見出しおよび本文のフォントをカスタマイズするドロップダウンを表示したサイトエディターのスクリーンショット

3. このパネルで、あらかじめ用意されたフォントセットから「本文のフォント」「見出しのフォント」としてカスタマイズするフォントを選択できます。

4. 「変更を保存」ボタンをクリックします。

ブロックパターンでコンテンツを追加する

Quadrat には9個のブロックパターンがあります。このテーマにはイラストのセットも含まれており、こちらからダウンロードできます。

テーマに含まれるブロックパターンのコレクションを表示した画像

これらのイラストにアクセスするには、WordPress エディターで任意の投稿または固定ページを開きます。

1. 画面上部の「+」ボタンをクリックして新しいブロックを追加します (投稿の中で「+」をクリックした場合は「すべて表示」をクリックします)。

2. 「パターン」タブをクリックします。ドロップダウンから「Quadrat」を選択すると、次のような画面が表示されます。

ブロックパターンを挿入するサイドバーパネルが表示された WordPress ブロックエディターのスクリーンショット

3. 挿入したいパターンをクリックすると、ドキュメントのカーソルの位置にそのパターンが挿入されます。ブロックパターンを挿入したら、他のブロックと同様にブロックを編集、カスタマイズできます。

ロゴを追加する

サイトにロゴがある場合は、サイトのヘッダーに表示できます。その手順は次のとおりです。

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

ロゴは、デスクトップコンピューターの場合はサイトのタイトルの左側に、モバイル端末の場合はサイトのタイトルの上に表示されます。

ロゴのカスタマイズ機能を表示したカスタマイザーのスクリーンショット

テーマをダウンロードする

インストール型のサイトで Quadrat を使用するには、下のリンクから QuadratBlockbase の両方をダウンロードおよびインストールし、Quadrat を有効化します。

Quadrat をダウンロード

Blockbase をダウンロード

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

  1. メインカラムの幅は664px です。
  2. 「幅広」の幅は1128px です。

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

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