Toveテーマ：フルサイト編集と互換性のあるWordPressテーマのプレゼンテーション

ハミルトン、ヒッチコック、チャップリン、宮崎：これらの名前は、特にスポーツや映画について考えるとき、おそらく有名人を思い出させます。

しかし、彼らもWordPressと関係があることを知っていましたか？ はい、本当です。 例外として、それはあなたが思っていることではありません。ルイスハミルトンは、前回のグランプリの最終ラップで2021年の世界タイトルを失った後、WPWebデザインに入ることに決めていません。

そうは言っても、彼はそれについて心理的になるかもしれません（こんにちはアルフレッド）が、あなたは要点を逃しています。 実際、これらの4つの有名な名前は、多作で創造的なAndersNorenによって作成されたWordPressテーマでもあります。

その男は公式ディレクトリに20人以上いますが、今日は彼の最新の赤ちゃんであるToveに焦点を当てます。

この名前は有名人にも関連付けられていますが（後でまた説明します）、WordPress5.9リリースの小さな革命と密接に関連しています。

その名前？ フルサイト編集（FSE）。 認めてください、あなたはもっと知りたくてたまらないですよね？ ライト、カメラ、アクション：Toveを発見するために私と一緒に来てください…同時に、それらが一緒に行くので、FSEも少し！

あなたの最高のWordPressプロジェクトには最高のホストが必要です！

WPMarmiteはBluehostを推奨しています：優れたパフォーマンス、優れたサポート。 素晴らしいスタートを切るために必要なものはすべてあります。

Bluehostを試してください

Toveのテーマは何ですか？

Toveは、WordPressコンテンツエディター（Gutenberg）が使用するブロックに完全に基づいた無料の多目的WordPressテーマです。 これは、WordPress 5.9（2022年1月25日にリリース）で発行されたフルサイト編集プロジェクトの要件に適合し、満たすように設計されています。

2021年9月に発売されたToveは、執筆時点では非常に機密性が高くなっています。 主に1つの単純な理由で、400以上のアクティブなインストールが「のみ」あります。WordPress5.9、またはGutenbergプラグインの最新バージョンの1つでのみ使用できます。

WordPress Toveテーマの特殊性の中で、開発者であるAnders Norenが強調しているように、次の点が際立っています。

• Toveは、コードの点で非常に軽量です。これは、読み込み速度とそれが提供できるユーザーエクスペリエンスの点で真のプラスです。
• それはレストランやカフェのために特別に設計されました、 「しかしあなたはあなたが望むどんなタイプのウェブサイトにもトーブを使うことができます」とのれんは言います。 Toveはその柔軟性も特徴です。
• Toveテーマには約40のブロックパターンがあり、ページにワンクリックで追加して、たとえばヘッダーとフッターをすぐに使用できるようにすることができます。

これは、FSE互換のテーマが現在エコシステムであまり普及していないことを知っているので、研究の価値のある主題になります。

一方では、実験的に作成されたものがいくつかあります（Armando、Q、TT1ブロック）。

一方、Blockbase、Hansen、Ainoなど、他のテーマよりも先にFSEウェーブに乗ることを決定したテーマに出くわすでしょう。

さて、私はフルサイト編集について話しているが、この用語はあなたにとってすべてギリシャ語かもしれない。 あなたがそれをよりよく理解するのを助けるために、私はあなたにこのホットなトピックに関するいくつかのヒントを与えます。

フルサイト編集とは何ですか？

WordPress 5.9で利用可能なフルサイト編集プロジェクトでは、コンテンツエディターブロック（Gutenberg）を使用して、サイトの構造全体（コンテンツだけでなく、ヘッダー、フッター、メニュー、ページテンプレートを含む）を作成および編集できます。

この記事で詳しく説明しているように、ヘッダーや404ページなど、テーマによって通常管理される主要な要素は、たとえば投稿の作成にすでに使用しているコンテンツエディターブロックを使用して処理できるようになりました。

これは大きな変更であり、WordPressコンテンツエディターをページビルダーの動作に近づけています。

FSEとWordPressテーマショップへの影響に関する詳細な調査も確認できます。

今、あなたはFSEについてのすべてを知っています！ Toveテーマの開発者であるAndersNorenに焦点を当てて続けましょう。

トーブのテーマ：アンダースのれんのタッチ

WordPressのニュースを注意深く見れば、AndersNorenという名前は確かに鐘を鳴らさなければなりません。

ストックホルムを拠点とするこのスウェーデンの開発者およびWebデザイナーは、彼のWordPressテーマで有名になりました。これらはすべて、公式ディレクトリで無料で入手できます。

合計で22を提供し、ダウンロード数は約400万回に上ります。 それらのほとんどは主にブログ専用ですが、ポートフォリオやオンラインストアを作成するためのものもあります。
多くの場合、ガイドラインは同じです。ミニマリストでクリーンな側面です。

それ以外にも、のれんはWordPressCoreの開発にも貢献しています。 例？ 彼は、WordPress5.3に付属するネイティブのTwentyTwentyテーマを設計しました。

この小さなテーマの軍隊の真ん中に、のれんによって作成された最初の100％FSE互換テーマであるToveがあります。 この最初のパルスチェックの後、この革新的なテーマを見てみましょう。

記録のために、トーベという名前は、ウィキペディアによると主に児童書の著者として知られているフィンランドの作家、画家、漫画家であるトーベ・ヤンソンに由来しています。 彼女は特に、白いトロールの家族であるムーミンを作成しました。

Toveテーマはどのように見えますか？

Toveテーマのデモプレゼンテーションに基づいて、いくつかの主要な特性を確認できます。

• パステルカラーと派手な色で、ピンク、ブルー、イエローが主流です。
• ヘッダーのさまざまな要素：ソーシャルネットワークにリダイレクトするアイコン、営業時間（テーマはカフェやレストラン専用であることを忘れないでください）、さらには召喚ボタン。 ロゴはヘッダーの中央にあります。
• ビジュアルはフルスクリーンで表示されます。
• 長方形および正方形のコンテンツブロック。
• 呼吸を可能にし、風通しの良い側を強調するために空のスペース。
• 「DMSans」タイポグラフィ、幾何学的およびサンセリフの使用。

デモはテーマの完成した視覚的側面を提供するためにありますが、もちろん、獣と遊ぶことによってその基本的な特性（色、タイポグラフィ、ブロックタイプなど）を変更することができます。

これは、次のパートで焦点を当てる内容です。

WPMarmiteサブスクライバーに参加する

最後のWPMarmite投稿（および排他的なリソース）を取得します。

今すぐ購読する

WordPressでToveテーマをカスタマイズする方法は？

サイトエディタ

Toveテーマをアクティブにしたら、[外観]> [エディター]に移動します。 サイトエディターはWordPress5.9で到着しました。

ここで、Toveや、後でインストールするその他のブロックベースのテーマをカスタマイズできます。

ご覧のとおり、カスタマイザーのメニューと同様に、ウィジェットメニューはなくなりました。

現在、この有名なサイトエディタですべてが行われています。このエディタは、グーテンベルクブロックを使用して、サイトのすべての領域を作成およびフィードします。

デフォルトでは、すべてのブログ出版物をリストする「インデックス」テンプレートが表示されます。

最初は、少し混乱するかもしれません。 すべてが魔法のように編集できるようになりました。 これを理解するには、ページ上の任意の要素にマウスを合わせるだけです。

それをクリックすると、コンテンツエディタのツールバーに移動し、そこから調整を行うことができます。

テンプレート

標準ページの作成を容易にするために、Toveは5つのテンプレートも提供しています。 「すべてのテンプレートを参照」をクリックすると、それらにアクセスできます。

それらのテンプレートには次のものがあります。

• 投稿ページの表示（注目の画像、メタタグなど）を管理する単一の投稿。
• ページ、投稿の場合と同じように、単一ページの表示を調整します。
• インデックス、ブログページの構成をカスタマイズします。ブログページには、すべての出版物が一覧表示されます。
• タイトルのないページ、タイトルのないページをデザインします。
• 404 、カスタム404ページを作成します。

グローバルスタイル

グローバルスタイルを見て、サイトの一般的な設定のトピックにとどまりましょう。 これはWordPress5.9の新機能であり、もちろんToveテーマで使用されています。

これらのグローバルスタイルを使用すると、サイト全体の特定のブロックの色、タイポグラフィ、レイアウト、さらには外観を一度に変更できます。

各要素を1つずつ変更するという時間のかかるプロセスを実行する必要がなくなりました。

基本的に、目標は、すべてのテーマとブロックスタイルの設定を管理する場所を提供することにより、カスタマイザーツールを置き換えることです。

このオプションにアクセスしてToveの外観を変更するには（ピンク色がスタイルガイドに合わない場合があります）、サイトエディタツールバーの右側にある上部の小さなボタンをクリックします。

そこから、色の選択など、さまざまな要素の設定を管理できます。 必要に応じて、独自のパレットを作成することもできます。

ブロックスタイル

一度に1つの要素を調べたいですか？ 各ブロックを個別に？ いくつかのカスタムブロックスタイルを提供するToveテーマでも可能です。
それらを発見するには、選択したブロックをクリックするだけです。

選択したブロックに応じて、1つまたは複数のスタイルが提案されます。 たとえば、「Quote」ブロックは「Plain」スタイルと「Large」スタイルを提供し、フォントサイズを変更します。

「Image」ブロックには、「Rounded」または「Shaded」の2つのスタイルオプションがあります。

ブロックパターン

最後に、Toveテーマを使用すると、ブロックパターンを追加することで、ページや投稿のコンテンツを最初から作成できることを理解してください。

これらはすぐに使用できるコンテンツセクションであり、いくつかのグーテンベルクブロックで構成されています。 WordPressコンテンツエディターの[パターン]タブをクリックすると、コンテンツに非常に簡単に追加できます。

パターンはWordPress5.5で導入されました。 参考までに、コンテンツエディターに加えて、WordPressの公式Webサイトの特定のディレクトリにもあります。 それらを使用するには、関心のあるブロックパターンをコピーしてコンテンツエディタに直接貼り付けるだけです。

Anders Norenは、Toveテーマで約40のブロックパターンを提供しています。 それらは7つのカテゴリーに分けられます：

• 行動への呼びかけ。2つのテンプレートを使用して、水平または垂直の行動への呼びかけを作成します。
• ブログ、特にグリッドまたはリスト（合計5つのテンプレート）としてブログページの表示をカスタマイズします。
• ヘッダー。6つの異なるヘッダーテンプレートを提供します。

• 一般、お客様の声、価格表、有益なバナー、その他のソーシャルネットワークアイコンを表示するための11のテンプレートがあります。
• ヒーロー。背景、タイトル、ボタン、テキストを表示する4つのテンプレートが含まれています。
• レストラン、レストラン専用の8つのすぐに使えるテンプレート：メニュー、営業時間、実用的な情報、予約ボタン。

• フッター。クレジットやレイアウト（列など）など、フッターをカスタマイズするための7つのテンプレートがあります。

これで、Toveを操作およびカスタマイズする方法がわかりました。 先に進む前に、このテーマの取り扱いについての私の気持ちは次のとおりです。

一般的に、Toveテーマは使いやすく、大きな利点です。 最初はWordPressサイトエディターに慣れる必要がありますが、特に2022年の初めにこの記事を読んだ人にとっては、特にコンテンツエディターを既に知っている場合は、すぐにコツをつかむことができます。
ブロックを使用するコツをつかんだ？ そうすれば、トーブはあなたに秘密を持たないでしょう。

最後に、テーマのカスタマイズに関するこの部分を閉じるには、Toveをページビルダーと組み合わせることができることを知っておいてください。

ただし、WordPressサイトエディターで使用するように設計されているため、テーマの本来の目的ではありません。 しかし、たとえばElementorと組み合わせて、開始点として使用することを妨げるものは何もありません。

Elementorでウェブサイトを構築する

有名なページビルダーを使用して、WordPressWebサイトのルックアンドフィールを簡単に設計できます。 Elementorをお試しください

Elementorをお試しください

まだ集中していますか？ 次に、記事の次の部分に進み、興味のあるトピックをいくつか取り上げます。

パフォーマンス、SEO、レスポンシブ：3つの主要な側面にズームイン

WordPressToveテーマのパフォーマンス

ウェブマスターが焦点を当てる傾向がある最初の側面-そして当然のことながら-は彼らのサイトの読み込み速度です。

これは明らかに慎重に考慮すべきことです。これは、一般的な信念に反して、ユーザーエクスペリエンスに影響を与え、 SEOには影響を与えないためです。

画像の重み、使用するプラグイン、ウェブホスト、PHPのバージョンなど、いくつかの要因によってサイトのページの読み込み速度が変わる可能性があります。

その中にはあなたのテーマもあります。 軽量で適切にコーディングされているほど、高速サイトを使用できる可能性が高くなります。

この点で、トーブは優秀な学生です。 不要な要素でいっぱいになることはなく、プレゼンテーションページに記載されているように、フルサイト編集プロジェクトを中心に構築されているため、Toveは「シンプルでスリムなままです。 本当にスリム。 テーマの重量は200キロバイトをわずかに超えており、それらのバイトのほとんどは、プレースホルダーのイラストとテーマのスクリーンショットからのものです。

これは、WebPageTestなどのパフォーマンス測定ツールでテーマのデモをテストした場合に気付くでしょう。

ちなみに、サイトが少し遅れている場合は、たとえば、優れたプレミアムプラグインWP Rocket（アフィリエイトリンク）をアクティブにして、サイトを少しブーストする機会を利用してください。

SEO

ページの読み込み速度が気になりますか？ そして、良心的なサイト作成者として、あなたは確かにあなたのSEOについて心配しなければなりません。

検索エンジンの結果の最初のページでのコンテンツの適切なランキングは、より多くのトラフィックとそれに伴うすべて（販売、ダウンロード、ニュースレターの購読、フォームの記入、見積もりの​​リクエストなど）を取得するために重要であることは事実です。

Googleやその他のサイトでページを正しくランク付けするには、次のことを概略的に行う必要があります。

• ターゲットクエリ（キーワード）を中心にサイトのコンテンツに取り組みます。
• 他のサイトからリンクを取得します（有名なバックリンク）。
• あなたのサイトのアーキテクチャに注意してください。

優れたSEOプラクティスを尊重する適切にコーディングされたテーマを使用すると、Toveテーマの場合のように、堅実な基盤から始めることができます。

オンサイトSEO（コンテンツ最適化）を管理するために、AndersNorenをテーマにした特定のオプションはありません。

WordPressコンテンツエディターでは、選択したタイトルタグ（h1、h2、h3、h4、h5）を選択して、さまざまなタイトルに適切に適用できます。

残りの部分については、YoastSEOのような一般的なSEOプラグインを使用することをお勧めします。 検索結果ページで自動的に位置を取得することはありません。

ただし、正しい方法で行うことを条件として、SEOのいくつかの重要な側面を適切に構成できるようになります。

そのためには、WPMarmiteブログで最も有名なSEOプラグインに関するガイドをご覧ください。

レスポンシブ

あなたのサイトのパフォーマンスとSEOの世話をすることは素晴らしいです。 ただし、モバイルフレンドリーではないサイトでそれを吹き飛ばさないでください。 正確には、これを「レスポンシブ」と呼びます 設計"。

繰り返しになりますが、特に訪問者の大多数がスマートフォンまたはタブレットを使用してWordPressサイトにアクセスする場合は、これは本当に注意が必要なことです。

ヒント：訪問者が使用しているデバイスの種類を確認するには、Google Analytics：[オーディエンス]> [モバイル]> [概要]に移動します。

Anders Norenは、彼のテーマを宣伝するための積極的なマーケティングのファンではないため、テーマのプレゼンテーションページで、Toveがレスポンシブであることを証明する大きな豪華な挿入物に出くわすことはありません。

今日では、すべてが正しく行われていることを確認するために自分の側で調整を行う必要がある場合でも、自尊心のあるWordPressテーマは大部分がレスポンシブである必要があります。

ほとんどの場合、公式ディレクトリにあるWPテーマはデフォルトでレスポンシブです。

これを手動で確認するには、次の2つの方法で続行できます。

1. ブラウザウィンドウを左または右に狭めて、コンテンツが互いに正しく収まっていることを確認します。 Toveの場合はそうです。ウィンドウが狭くなると、すべてが完璧に表示されます。
2. Googleが提供する無料のツールであるモバイルフレンドリーテストを使用してください。 それを正しく行うために、私はToveのデモページをテストしました。 グーグルはそれで何も悪いことを見つけませんでした：

レスポンシブ、SEO、パフォーマンス、この難しい部分は終わりです。 このテーマのレビューの終わりに到達したので、法案について話しましょうか。

Toveの価格とユーザーサポート

Toveを使用すると、価格設定に関して驚きや隠れたコストは発生しません。AndersNorenが設計した他のテーマと同様に、 100％無料です。

それは常に素晴らしいことですが、ご存知のとおり、無料のテーマはサポートの削減を意味します。

そうですね、人生のすべてを手に入れることはできません。 行き詰まったり、Toveに技術的な問題が発生した場合は、専用のユーザーサポートは利用できません。

Toveパブリックサポートフォーラムにいつでもリクエストを投稿してみてください。 そして、ここに良いニュースがあります。アンダースのれんはかなり反応的で、ほとんどの場合、彼が尋ねられる質問に答えます。

とは言うものの、実際には、発生する可能性のある問題のほとんどはWordPressサイトエディターに関係しているはずであり、必ずしもそれに依存しているToveに関係しているわけではありません。

そしてそのために、奇跡のレシピはありません：あなたは動物を飼いならし、首長のようにそれを習得するために練習しなければなりません。

フルサイト編集は最近のプロジェクトであるため（執筆時点に基づく）、すべての微妙な点を理解するために主題について読む必要があるかもしれません。

このため、Norenは、WordPressCoreの寄稿者であるCarolinaNymarkのWebサイトfullsiteediting.comを推奨しています。

Toveテーマに関する私たちの意見

さて、ここにいます。 トーブの試飲は終わりました。 これらすべてを消化し、報告する時が来ました。 この投稿の冒頭から私たちが行ってきたすべてを要約しましょう。

フルサイト編集プロジェクトの要件を満たすことにより、Toveは先駆的なWordPressテーマです。 現時点では、ほとんどの店舗やその他のテーマデザイナーは、WPを使用したサイトの作成と編集の未来を表すものに追いついていない。

扱いやすく、コーディングなしで快適で使いやすいToveは、初心者向けのテーマです。

特にケータリングをしていて、ブログやシンプルなショーケースWebサイトを作成したい場合は、このタイプのプロファイルに適していますが、WordPressとそのサイトエディターに既に精通している人には適しているようです。

実際のところ、ブロックパターンを使用してページ内にすぐに使用できるテンプレートを簡単に追加できる場合でも、キーページ（ブログ、404など）のデザインとアーキテクチャを形成する必要があることを忘れないでください。 。）。

さらに、公式ディレクトリの他の有名なテーマと比較すると、Toveはオプションのカスタマイズに関してはるかに軽量です（これは目的ではないため論理的です）。

したがって、初心者のWebデザイナーは、AからZにガイドするテーマや、Astra、GeneratePress、Kadence、Blocksyなどの他のスタイルオプションが豊富なテーマに確実に慣れることができます。

いずれにせよ、トーブは未来とつながっています。 FSEの開発に伴い拡大を続ける必要があり、今後数か月で必須のテーマになる可能性があります。 それでは、厳密にフォローする必要があります。

Toveテーマをダウンロードします。

あなたはそれについてどう思いますか？ FSEとToveテーマをオプトインする予定はありますか？

以下のコメントであなたの答えを待っています。