【问题标题】:Customize static wordpress pages correctly正确自定义静态 wordpress 页面
【发布时间】:2016-09-14 22:05:07
【问题描述】:

我正在构建一个具有我创建的独特主题的文字新闻网站,现在我为我的网站中的静态页面获得了大约 10 种不同样式的类别。

问题是,当我想显示页面的内容时,包含所有表单图像和文本,我应该怎么做?使用文本编辑器,用户通常在常规wp 网站中插入他的帖子内容?或者我应该在这些静态页面的php 自定义页面模板中插入硬编码的内容图像和表单?

在文本编辑器中,如果我在编辑中插入一些htmlhtml,它会变得一团糟,创建部分和div 似乎不正确,用户通常只放置他的原始内容,无论如何添加将来静态页面的更多内容将需要我的干预以使用css 部分和 div 的定义和类来包装它......

另一方面,在php 自定义页面模板中使用图像和表单编写原始数据在我看来不是正确的选择...对于静态页面这样做是否正常?

谢谢大家!

【问题讨论】:

标签: php html css wordpress


【解决方案1】:

Wordpress 静态页面,默认包含文本和图像,您可以使用 Wordpress 文本编辑器将它们放入其中。此内容在 WP 上下文中称为“内容”。

如果您想在静态页面中添加一些文本编辑器无法设置的元素(例如您自己的表单),您需要创建自己的 页面模板 em>硬编码元素。

例子:

<?php /* Template Name: My custom page template */ ?>

<?php get_header(); ?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div id="article">
<div class="date"></div>
    <!-- Your own custom content here -->

</div>
<div class="clear"> 
    <?php if ( comments_open() ) : ?><div id="comments"><?php comments_template('', true); ?> </div>
</div><?php endif; ?>

<?php endwhile; ?> 

<?php endif; ?>

<?php get_footer(); ?>

【讨论】:

  • 嘿谢谢你!你越来越接近我需要的东西了,我想用 css 自定义从 the_content() 返回的元素我想用部分来包装它们,或者在两段文本和图像之间放置我创建的自定义表单......什么是正确的做法是什么?
  • 默认情况下,Wordpress 的所有模板和页面都有get_header() 功能(不要删除它!),这意味着您在这里有模板的样式表。使用模板的style.css 文件来执行此操作。把所有的CSS放在这个文件中是正确的方法;-)
  • 但是我如何使用户编辑器中的某些内容位于
    下,A 类,而其他内容在同一页面中,例如 B 类?在我看来,the_content() 是一个块,我可以使用标签和部分自定义部分内容,而其他部分则使用不同的标签、部分和类。我只能通过在用户编辑器中使用编辑 html 而不是文本可视化器进行编辑来做到这一点...或者我可以删除文本可视化器中的所有内容并将所有内容放入 php 模板中,包括内容
  • the_content 是一段 HTML,你可以将它包装到你自己的类中或者在里面创建类。我的建议,如果你想放自定义内容并且不需要文本编辑器,你可以把所有的都放在模板中。
【解决方案2】:

我通常会将这些样式放入主题的 styles.css 中。即使图像将成为主题的标准图像或用户可用的简码,您也希望它从 styles.css 页面中加载。你不想用 WordPress 做任何静态的事情。更新可能会搞砸它,并且内联 CSS 会搞乱您网站的 SEO。

如果用户需要在编辑器中执行某些操作以显示图像或类似的操作,您可以将其作为简码来执行。这通常是你最好的方法。您是否使用过简码并加载过之前的图片?

【讨论】:

  • 所以如果我理解你,你建议使用像 [company-open] 这样的短代码,它会生成类似
    的东西,然后用户将插入他的内容和图像我使用将生成结束部分标记的简码,对于像示例这样的表单,我将使用我将编写的整个自定义简码。我有你吗?
猜你喜欢
  • 2021-07-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-07
相关资源
最近更新 更多