web-dev-qa-db-ja.com

新しいテーマを最初から作成する方法

私はWordPressが初めてです。

新しいデザインをWordPressテーマとして実装するために必要な手順はどれですか。

themesdesign
5
googletorp

Carrington のような「スキン可能な」テーマフレームワークの代替方法（これは本当に素晴らしいです）は、最初から行ったデザインを統合することです。これが私がカスタムWordPressテーマを作成する方法を学んだ方法です。注意：これはたくさんの実験を伴うハックな方法です。しかし、あなたが私のようで、あなたがあなたの手で遊んでいるときに最もよく学ぶなら、これはあなたに多くを教えるかもしれません。

ところで、私はあなたがHTML、CSS、そしてPHPを知っていると思います。そうでなければ、ゼロから新しいテーマを構築するためにそれらの技術の実用的な知識が必要とされるでしょう。 LAMP の実用的な知識も役に立ちます。

  1. まず、デザインを静的コード（HTMLとCSS）で作成します。クロスブラウザ対応で、WordPressのブログに必要なすべての要素（コメント、アーカイブページなど）が含まれていることを確認してください。また、すべてのCSSコードを「style.css」という名前の単一ファイルに配置し、すべての外部ファイル参照（CSS、画像、JSなど）が絶対URLではなく相対URLを使用するようにします。

  2. あなたのローカルマシンでWordPressを動かしてください。これはあなたのデスクトップかラップトップにApache、PHPとMySQLをインストールすることを必要とするでしょう。あなたがWindowsを使っているなら、 WampServer はいい解決法です。 Macを使用している場合は、 MAMP も問題ありません。次にWordPressをインストールしてください。

  3. WordPressインストールパッケージに含まれているDefaultテーマのファイルを開きます。/wp-content/themes/default /フォルダにあります。このテーマには、おそらく必要以上のファイルがあります。代わりに、代わりに/ wp-content/themes/classic /にある代わりに、より少ないテーマファイルを持つClassicテーマで始めることもできます。ところで：デフォルトのテーマはデフォルトで選択されていますが（通常）、クラシックテーマから始めたい場合は、WP admin内でそのテーマをアクティブにしてください。

  4. ブラウザで、WordPress Codexの テーマ開発 セクションを開いたままにします。あなたはそれを頻繁に必要とするでしょう。 テンプレートファイルリスト で、そのリストがデフォルト（またはクラシック）テーマに表示されるファイルにどのようにマッピングされるかがわかります。一部のテーマファイルは必須ですが、必須ではありません。

  5. あなたがいる人の種類に応じて、テーマファイルを調べて何がうまくいくのか、何が壊れるのかなどを見てみることができます。あなた自身のデザインの断片をこのテーマに移すこともできます。あるいは、テーマ開発の説明をよく読んで（ The Loop の情報が特に重要です）、その後戻ってきてファイルを調べてください。

私がこれをし始めたとき、たくさんのものが壊れるでしょう。それが起こっても心配しないでください、それがあなたが公共のウェブサイトではなくあなた自身のローカルマシンでこれをしている理由です。破損は学習の楽しさの一部です。

やがて、あなたはゆっくりとあなたのHTMLとCSSの部分をDefaultまたはClassicテーマに移動させることができ、そしてそれをすべて実行することができます。それはあなたがn00bから見習いに卒業する時です。

そしてその後、PHPコード（WordPress ' テンプレートタグ ）の断片をデフォルトまたはクラシックテーマ、そしてあなたのHTMLに。それがあなたが旅人に卒業する時です。

（シニアジャーニーマンが自分のウィジェット、プラグイン、そしてテーマをとても簡単に書くことができる誰かを考えます。そしてマスター、その時点で、あなたはWordPressコアに貢献しています。私は絶対にそうではありません）

これが役に立つことを願っています。

11
Mike Lee

あなたは Starkers のような "スターター"テーマを使うことができます。最小限の機能しかないため、自分で作業をする必要があります。

もう1つの選択肢は、テーマフレームワークを使用することです。テーマフレームワークには、単純に使用できる多くの共通の基本機能が含まれています。オプションには、 キャリントン および 創世記 があります。

Starkersから始めることをお勧めします。これはWordPressのタグと機能について学ぶことを強制します。その後、フレームワークを使用して後で作業をスピードアップできます。

また、テーマ開発に関するリソースについては、この質問に対する の回答 をご覧ください。

3
Grant Palin

あなたは最初からあなた自身のテーマを始めるか、またはThematic（ http://themeshaper.com/thematic/ ）のような既存のテーマフレームワークを使うことができますそれらの周りのテーマ。テーマ全体を最初から開発する場合 http://codex.wordpress.org/Theme_Development およびWordpress Codexのような他のリソースは、非常に便利。 http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ 初心者のためのとても素晴らしいWordpressテーマ作成チュートリアルでもあります。

0
User

私はいつもスターターテーマとして WPBasis から始めて、顧客の要求に合ったプラグインとテーマを書いています - thats all

0
bueltge