web-dev-qa-db-ja.com

多くのカスタムスタイルの静的ページを含むワードプレス

私は多くのカスタムスタイルの静的ページを構成するワードプレスを作成しています。いくつかのテーブルを持っている、いくつかはテキスト+ iagesなどを持っている - だから各ページはもちろんいくつかの共通点を持つほぼユニークなスタイルを持っています。

それで、私は質問をします - どうこれをより良くスタイルをつけるか。私は2つの選択肢があります。

1)wp-admin - > Pagesで静的テキスト、画像、表などを作成します。 style.cssを変更して各ページのスタイルを作成します。

または

2)私はadvancec Tinymceエディタを使用します。私はテーブル、画像などのために異なるカスタムスタイルを作成します。私はwp-adminにテキストを追加します、そしてユーザーはすべてのカスタムスタイルとページがどのように見えるか見るでしょう。この場合、rwillはカスタムページスタイルを見ることができるようになります。またこの場合、ページにはより多くのテーブル(divではなく)が含まれるようになります。これはユーザー用のTinymceエディタで作成する方が簡単だと私が思うためです。

私は40以上のカスタムスタイルのページを持っています。ユーザーがテキストや一部の画像を変更できるようにスタイルを設定するためのベストプラクティスは何でしょうか。

編集:

お客様はこの作業にWordpressを使用することを選択しましたが、他のCMSや他の解決方法を選択することはできません。

メニュー、ヘッダー、フッターなど、すべてのページに共通点がいくつかあります。すべてのページに同じ見出しの見出しがあります。ブレティンとナンバリングもほとんど同じスタイルです。 SO私はすでに基本的なページ構造をしました。

しかし、小冊子を想像すると、すべてのページが少し異なる構造を持っていることを想像することができます。右側"。ページはコンテンツタイプと構造によって異なります。 CSSですべてを達成することは可能ですが、管理者がテキストを編集できるときにWPを使用した方が良い方法がわかりません。

おそらく私はいくつかの非常によく似たページのグループを作ることができますが、それほど多くはなく、それらのグループは2〜3ページで構成されます。

2
renathy

それぞれをカスタム ページテンプレート にして、テンプレート内にstyleブロックを直接追加するか、どのテンプレートが正しいかに基づいて条件付きでスタイルシートを読み込むことができます使用中で。これにより、エディタを使用してページのコンテンツを変更することができますが、多くの「1回限りの」ページ管理が必要になります。

私はWP自身をインストールする以外のページでWordPressテーマを使用する方法を説明しているこの記事に出会いました。それはあなたにとって役に立つかもしれません: http://seb.so/adventures-in-wordpress/

2
Morgan Estes

私は同様の問題を抱えていたので、私はカスタムフィールドとファイルとフォルダーのためのちょっとした組織を使ってそれを解決しました。

まず最初に、自分のテーマのサブフォルダー/cssに自分のページ用のCSSスタイルをすべて作成しました。それから、別のサブフォルダ/pagesを作成し、そこに自分のページ用のすべてのhtml構造を置きました。

例えば.

My_Theme/css/style1.cssMy_Theme/css/style2.cssMy_Theme/css/style3.css

と関連

My_Theme/pages/style1.phpMy_Theme/pages/style2.phpMy_Theme/pages/style3.php

私のheader.phpに入れる

if ( is_page() ) {
  global $post;
  $page_style = get_post_meta($post->ID, 'page_style', true);
  if ( $page_style ) {
    // if a page style is defined, following code will include the file
    // in {TEMPLATEPATH}/css/{$page_style}.css
    // also define a constant to use later
    $src = get_template_directori_uri() . 'css/' . $page_style . '.css';
    wp_enqueque_style('page_style', $src, false, false, 'all');
    define('MYPAGESTYLE', $page_style);
  }
}

最後に、私のpage.phpファイルに、

get_header();

// if a page style is defined, following two lines will include the file in
// {TEMPLATEPATH}/pages/{$page_style}.php
// in not, will include the file {TEMPLATEPATH}/page_content.php 

$part = defined('MYPAGESTYLE') ? 'pages/' . MYPAGESTYLE : 'page_content';
get_template_part($part);

get_footer();

そうすることで、100以上のカスタムページスタイルを処理するのは簡単です。単にページを作成し、適切な 'page_style'カスタムフィールドを設定するだけです。 (もちろん、CSSとHTMLを最初に作成する必要があります...)

カスタムページスタイルは定義されていませんか。問題ありません。デフォルトが使用されます。

異なるスタイルで共有されている部分がある場合は、それらの部分を別々のファイルとして抽出して保存してから、styleXX.cssの@importおよびstyleXX.phpのget_template_part()を使用してそれらを再利用します。

2
gmazzap