web-dev-qa-db-ja.com

最初に完全にカスタマイズされたテーマ、どこから始めればいいですか?

私はWPBakery Page Builderのようなビジュアルビルダーツールと一緒にカスタムテーマを構築するためにGenesis Frameworkを使っています。ファイルのサイズとWebサイトのパフォーマンスについて学ぶことが多いほど、これらのツールに頼ることは少なくなります。彼らは肥大化したと思われます。

個人的には、私はある種のCSSフレームワークと必要最小限のWPテーマを使用して、軽量で効果の高いWebサイトを構築したいと思います。問題は、どこから始めればいいのか、私にはよくわからないということです。速くて軽量でカスタマイズ性の高いWebサイトを構築することを目標に、どのCSSフレームワークと "ベース"テーマをお勧めしますか?

2

スターターテーマ:

スターターテーマの nderscores または Sage を確認します。

アンダースコアはかなり基本的ですが、非常に良い出発点です。一方、SageにはUnderscoresと比較して多くのオプションがありますが、すべての開発ツールに慣れるにはもう少し時間が必要です(最新の開発ツールにまだ慣れていない場合)。

CSSフレームワーク:

CSSフレームワークの場合は、 Twitter Bootstrap を試してください。

テーマ開発ガイド:

公式に従ってください WordPressテーマ開発ガイド スターターテーマをカスタマイズするか、新しいテーマを最初から作成します。 WordPressテーマ開発で 旧式だが有用なCodexドキュメント を確認することもできます。

また、WPSEにも q&a金鉱山 があります。

Gutenberg:As WordPressコアチームは、近い将来デフォルトのエディターを Gutenberg に変更するように設定されています、グーテンベルクについてもよく理解しておくことをお勧めします。この 公式ガイド は、グーテンベルクについて学ぶための良い出発点となります。
(ありがとう WebElaine これを思い出させてくれて!)

学習曲線:

WordPress最初に基本的なテーマ開発を学ぶことをお勧めします。最初に、次にCSS Framework、Gutenbergなどに精通します。 「情報が多すぎるように思えます。

2
Fayaz

また、将来有望で生産に対応していない技術を学ぶことを望んでいるのであれば、グーテンベルクに目を向けたいと思うかもしれません。 WPの新しい組み込みエディタ(今年発表予定)は、基本的にそれ自体がページビルダーです。 WPリポジトリからプラグインを入手して実験を始めることができます。 Fayazが提案しているように、アンダースコアは非常に軽量で準備ができているか、またはCoreのGutenbergスタイルに基づいて独自に構築することもできます。

現時点では、私はフレームワークを避けます。彼らはあなたが脱出したいのと同じ種類のオーバーヘッドを追加します。 CSS Gridは、ほとんどのブラウザですでに十分にサポートされています。そうでない場合は、flexboxまたはfloatフォールバックを簡単に追加できます。 Gridを使用すると、BootstrapまたはFoundationの行と列を使用する場合と同じ数行のCSSを使用して同じことを実行できます。これには数百行のスタイルが必要です。

0
WebElaine