Reverie：FoundationベースのWordPressスターターテーマ

reverie：ファンデーションフレームワークに基づくWordPressはじめにテーマ

Reverieは、Zurb Foundation Frameworkに基づいたWordPressの入門テーマであり、レスポンシブメッシュ、タイポグラフィ、ボタンスタイル、その他のコンポーネントなど、テーマ開発の強固な基盤を提供します。その軽量でミニマリストのデザインは、ウェブサイトのパフォーマンスを向上させることができます。

カスタマイズされたreverie

CSSとPHPファイルを直接変更するか、WordPressカスタマイザーを使用してより簡単な変更を加えることができます。このテーマはサブテーマをサポートし、元のテーマファイルに影響を与えずに変更を加えることができ、カスタム設定を失うことなくテーマを簡単に更新できます。

Reverieは、基本的なHTMLとCSSに精通している開発者や初心者に非常に友好的です。 WooCommerceを箱から出してサポートし、多言語のWebサイト翻訳をサポートし、すべての最新のブラウザーと互換性があります。テーマはまた、カスタムポストタイプをサポートし、WordPressおよびFoundation Frameworksの最新バージョンと互換性があるように定期的に更新されます。

重要な意思決定：サブテーム

基本的または入門的なテーマをカスタマイズする場合、サブテーマが必要かどうかを評価する必要があります。トピックを更新したい場合は、サブテーマを絶対に使用する必要があります。主な理由は、メインテーマを更新すると、行うすべての変更が失われる可能性があることです。顧客のためにウェブサイトを構築している場合、これは簡単に災害を引き起こす可能性があります。

一方、

顧客にトピックを更新してすべてのハードワークを破ってほしくない場合は、単純なコードスニペットを使用して更新を無効にすることができます。これにより、ユーザーがバックエンドからトピックを更新できなくなります。テーマとプラグインの更新は、Webサイト全体を壊すことになる可能性があるため、以下をfunctions.phpファイルに追加することで無効にできます。

最初のインストール後のステップ

function remove_core_updates() {
  global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');

ステップ

Reverieテーマをインストールした後、フロントエンドからの背景色、背景画像、ウィジェットなどの基本的な変更をプレビューできる「カスタム」機能が付属していることがわかります。多くの人気のあるテーマは、この領域に詳細なカスタマイズを行い、フォントの色、フォントシリーズなどに洗練さえしました。

Reverie Sub-Theme サブテーマの動作は、ファイルを個別のフォルダーに保存することであるため、メインテーマを更新すると、個別のフォルダーのファイルがタッチされません。これは、メインテーマを更新するたびに、すべてのハードワークとカスタムデザインが消去されないことを意味します。

レビーリーのサブテーマを設定することは、他のトピックとほぼ同じです。 Theme Directoryでは、「Reverie-Child」というフォルダーを作成する必要があります。その中で、style.cssファイルとfunctions.phpファイルを配置する必要があります。これは、あらゆるサブテーマの典型です。独自のカスタム機能とカスタムスタイルを追加する場合は、これらのファイルが必要です。

新しいReverieサブテーマにカスタム関数とスタイルを追加できるようになりました。

これは、Reverieのインストール後の典型的な外観です。外観をカスタマイズする場合は、サブテーマフォルダーのstyle.cssファイルにカスタムCSSを追加する必要があります。

最良の方法は、Main-Index.phpファイルとシングルページファイルを開き、構造を表示することです。焦点を合わせたい特別なカテゴリに注意してください。ほとんどの場合、すべてが非常にシンプルで簡単でなければなりません。

別のアプローチ（および私が選択した方法）は、FirefoxのFirebug InspectorとChromeの検査ツールを使用することです。選択したツールは関係ありません。ほとんど同じ機能があります。私は個人的にFirefoxのFirebugを好みます。要素を確認でき、特定の要素をスタイルするDiv IDと任意の属性クラスを教えてくれます。

これは、それをどのように構築するかを確認するためのもう1つの素晴らしい方法であり、Firebugウィンドウの上部にある故障のアイテムの上にホバリングするときの要素を強調します。 DIVがどのようにネストされているかを確認できます。これにより、解決しようとしている問題を絞り込むのに役立ちます。

上の画像では、表示しているコードの領域がライトブルーで強調表示されていることがわかります。紫色の領域がある場合、塗りつぶしがあります。黄色は、適用されるマージン値を示します。これは、間隔の問題を微調整し、デザインがあなたが望むように構築されない理由を診断するための素晴らしい方法です。

上記の例では、著者名をスタイリングし、その色を変更したい場合、その上にホバリングし、右クリックして「要素をチェックする」を選択できます。次に、以下のコードでは、divとクラスの名前を見ることができます。これは実際にはbyline著者のスパンクラスです。

著者名はリンクであるため、最後にAを追加してアクティブな要素を選択できます。

function remove_core_updates() {
  global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');

これにより、著者のリンクがオレンジへのリンクが変更されます。簡単ですが、これらはスタイリングテーマの基本です。また、PHP、Div、クラスのページから始めるよりもはるかに簡単です。また、心の中ですべてを整理しようとしています。 シリーズの次の記事では、Reverieトピックへの機能の追加を検討します。ここには多くの柔軟性があり、可能性は無限です。 Reverieテーマの全体的な構造とその外観を操作する方法を理解することは、それをうまく構築する方法を理解するのに役立ちます。

reverie faq

• Reverieは他のWordPressの紹介テーマとどう違うのですか？ Reverieを他のWordPressの入門テーマと違うものにしているのは、Foundation Frameworkとの統合です。これは、レスポンシブメッシュ、タイポグラフィ、ボタンスタイル、およびすぐに利用できる他のコンポーネントが付属していることを意味します。また、カスタムナビゲーションメニュー、ウィジェットエリア、ページテンプレートも含まれており、テーマ開発のための強固な基盤を提供します。他の多くの紹介テーマとは異なり、Reverieは軽量でミニマリストになるように設計されており、Webサイトのパフォーマンスの向上に役立ちます。

• レビーリーのテーマをカスタマイズする方法は？ reverieは高度にカスタマイズ可能です。 CSSとPHPファイルを直接変更するか、WordPress Customizerを使用してより簡単な変更を加えることができます。テーマはサブテーマもサポートしており、元のテーマファイルに影響を与えずに変更を加えることができます。これにより、カスタム設定を失うことなくテーマを簡単に更新できます。

• レビーリーは初心者に適していますか？ Reverieは開発者向けに設計されていますが、基本的なHTMLおよびCSSに精通している初心者にも適しています。このトピックの簡潔でよく承認されたコードにより、それがどのように機能するかを簡単に理解できるようになり、Foundation Frameworkとの統合により、Web開発の詳細を学ぶための多くのリソースが提供されます。

• ReverieはWoocommerceをサポートしていますか？ はい、ReverieはWoocommerceを箱から出してサポートしています。これは、追加のプラグインやテーマをインストールせずに、ウェブサイトにオンラインストアを簡単に構築できることを意味します。テーマには、Woocommerceページの複数のページのカスタムテンプレートも含まれており、Webサイトに一貫したルックアンドフィールを提供します。

• Reverieのパフォーマンスは、他の入門トピックとどのように比較されますか？ Reverieは、軽量で速いように設計されており、Webサイトの読み込み時間と全体的なパフォーマンスを改善するのに役立ちます。このテーマのミニマリストのデザインは、ウェブサイトを遅くする可能性のある不要な機能や肥大化したコードが含まれていないことを意味します。これにより、パフォーマンス指向の開発者に最適です。

• 多言語のWebサイトにReverieを使用できますか？ はい、Reverieは翻訳をサポートし、多言語のWebサイトをサポートしています。このトピックには、トピックをあらゆる言語に変換するために使用できる.poおよび.moファイルが含まれています。また、WPMLプラグインをサポートしているため、Webサイトでさまざまな言語を簡単に管理および切り替えることができます。

• Reverieはすべてのブラウザと互換性がありますか？ Reverieは、Chrome、Firefox、Safari、Edgeなど、すべての最新のブラウザと互換性があるように設計されています。このテーマでは、プログレッシブエンハンスメントを使用して、古いブラウザーでも適切に機能するようにしますが、いくつかの高度な機能は利用できない場合があります。

• Reverieはカスタム記事タイプをサポートしていますか？ はい、Reverieはカスタム記事タイプをサポートしています。これは、ブログの投稿、製品、レビューなど、さまざまな種類のコンテンツをWebサイトに作成できることを意味します。このトピックには、さまざまな投稿タイプを示すいくつかのカスタムテンプレートも含まれており、ウェブサイトに一貫したルックアンドフィールを提供します。

• Reverieはどのくらいの頻度で更新されますか？ reverieは、WordPressおよびFoundationフレームワークの最新バージョンとの互換性を確保するために、定期的に更新されます。これらの更新には、バグの修正、パフォーマンスの改善、ユーザーフィードバックに基づく新機能も含まれます。

• 空想へのサポートはありますか？ はい、ReverieはGitHubリポジトリを通じて駆動されます。問題を報告したり、機能を要求したり、トピックの開発に貢献したりできます。また、テーマWebサイトには多数のドキュメントとチュートリアルがあり、質問に答えて提案を提供するのに役立つユーザーのコミュニティもあります。

以上がReverie：FoundationベースのWordPressスターターテーマの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。