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

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

カスタマイズされたreverie

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

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

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

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

一方、

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

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

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テーマをインストールした後、フロントエンドからの背景色、背景畫(huà)像、ウィジェットなどの基本的な変更をプレビューできる「カスタム」機(jī)能が付屬していることがわかります。多くの人気のあるテーマは、この領(lǐng)域に詳細(xì)なカスタマイズを行い、フォントの色、フォントシリーズなどに洗練さえしました。

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

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

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

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

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

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

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

上の畫(huà)像では、表示しているコードの領(lǐng)域がライトブルーで強(qiáng)調(diào)表示されていることがわかります。紫色の領(lǐng)域がある場(chǎng)合、塗りつぶしがあります。黃色は、適用されるマージン値を示します。これは、間隔の問(wèn)題を微調(diào)整し、デザインがあなたが望むように構(gòu)築されない理由を診斷するための素晴らしい方法です。

上記の例では、著者名をスタイリングし、その色を変更したい場(chǎng)合、その上にホバリングし、右クリックして「要素をチェックする」を選択できます。次に、以下のコードでは、divとクラスの名前を見(jiàn)ることができます。これは実際には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');

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

reverie faq

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

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

• レビーリーは初心者に適していますか？ Reverieは開(kāi)発者向けに設(shè)計(jì)されていますが、基本的なHTMLおよびCSSに精通している初心者にも適しています。このトピックの簡(jiǎn)潔でよく承認(rèn)されたコードにより、それがどのように機(jī)能するかを簡(jiǎn)単に理解できるようになり、Foundation Frameworkとの統(tǒng)合により、Web開(kāi)発の詳細(xì)を?qū)Wぶための多くのリソースが提供されます。

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

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

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

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

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

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

• 空想へのサポートはありますか？ はい、ReverieはGitHubリポジトリを通じて駆動(dòng)されます。問(wèn)題を報(bào)告したり、機(jī)能を要求したり、トピックの開(kāi)発に貢獻(xiàn)したりできます。また、テーマWebサイトには多數(shù)のドキュメントとチュートリアルがあり、質(zhì)問(wèn)に答えて提案を提供するのに役立つユーザーのコミュニティもあります。

以上がReverie：FoundationベースのWordPressスターターテーマの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。