带有许多定制样式的静态页面的WordPress

时间:2013-07-13 作者:renathy

我正在创建wordpress,它由许多自定义样式的静态页面组成。有些有表格,有些有文字+字母等等,所以每个页面都有几乎独特的风格,当然也有一些共性。

所以我有一个问题-如何更好地设计这个样式。我有两个选择:

1) 我在wp admin->页面中创建一些静态文本、图像、表格等;我会唱我的风格。css并为每个页面创建样式

2) 我将使用advancec tinymce编辑器;我将为表格、图像等创建不同的自定义样式。;我将添加在wp管理和用户文本将看到所有的自定义样式和页面外观。在这种情况下,use-rwill似乎能够看到自定义页面样式。在这种情况下,页面将包含更多的表(而不是div),因为我认为这更容易在tinymce编辑器中为用户创建。

我有40多个自定义样式的页面。我想知道什么是设置样式的最佳实践,以便用户仍然能够修改文本和一些图像。

EDIT:

客户端已选择使用Wordpress完成此任务,我没有选择任何其他CMS或其他解决方案的选项。

所有页面都有一些共性,如菜单、页眉、页脚。所有页面都有相同样式的标题、副标题。此外,公告和编号大多采用相同的样式。所以我已经完成了基本的页面结构。

然而,如果你想象一下小册子,那么你可以想象每个页面都有一点不同的结构——有些页面有三个图像排成一行,也就是说,有些页面有文本和一个图像,有些页面有表格,有些页面有“右侧的图像栏”。页面因内容类型和结构而异。CSS可以实现所有功能,但我不知道当管理员可以编辑文本时,使用WP有什么更好的方法。

也许我可以把一些非常相似的页面分组,但不多,这些分组将由2-3页组成。

2 个回复
SO网友:Morgan Estes

您可以将每个Page Template, 或者添加style 直接在模板中阻塞,或根据使用的模板有条件地加载样式表。这将允许您仍然使用编辑器来更改页面的内容,但涉及许多“一次性”页面管理。

我偶然看到这篇文章,它描述了一种在WP安装本身之外的页面中使用WordPress主题的方法。它可能对您有用:http://seb.so/adventures-in-wordpress/.

SO网友:gmazzap

有一次,我遇到了一个类似的问题,我使用一个自定义字段和一点文件和文件夹组织来解决它。

首先,我在一个子文件夹中为我的页面创建了所有css样式/css 在我的主题中。然后,我创建了另一个子文件夹,/pages 在那里,我为我的页面放置了所有html结构。

拥有,例如。

My_Theme/css/style1.css, My_Theme/css/style2.css, My_Theme/css/style3.css

以及相关

My_Theme/pages/style1.php, My_Theme/pages/style2.php, My_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\\u style”自定义字段。(当然,必须先创建css和html…)

是否未定义自定义页面样式?没问题,将使用默认值。

如果不同样式之间有共享的零件,请提取这些零件并将其保存为单独的文件,然后使用@import 在styleXX中。css和get_template_part() 样式XX。php

结束