Visual / HTML Editor文本和图像问题

时间:2010-08-26 16:02:37

标签: wordpress wordpress-theming

这是我的第一个WordPress网站,所以我是WordPress 3的新手。

我目前正在为客户开发一个网站,我面临以下问题/关注,因为我已经创建了分配给他们的默认自定义WordPress页面模板的WordPress页面。

实际上,我创建的整个主题来自Starkers Theme。

关注点是:

1)对于我的About-Us页面,我已将我的所有CSS样式放在我们的自定义页面模板中,即About-Us Dashboard Page指向但已输入我在我放置之前在浏览器中创建和测试的RawHTML进入使用RawHTML插件的页面HTML编辑器。

问题是,在首次使用start raw和end raw标签粘贴我的HTML代码时,所有内容在预览模式下看起来都很好但在Visual Editor中看不到 - 所有格式都丢失了。

此外,当我在Visual Editor中编辑文本时,我的整个布局都搞砸了。为什么?值得关注的是,我最终希望我的客户能够对文本进行所有更新,但如果它混乱不堪,那么使用WordPress作为CMS的重点是什么?

我真的希望确保任何更改都不会弄乱页面格式的其余部分,这似乎就是这样。

2)添加和删除图像似乎也使页面格式混乱,我不明白为什么?如果我的图像右侧对齐并使用WordPress图像上传器替换现有图像,则页面格式再次混乱。

解决这个问题的唯一方法是使用外部html文件进行更改,然后将其复制并粘贴到页面HTML编辑器中,这再次违背了目的。

我的客户已经以MS Word格式向我提供了他们最初需要的所有内容,但基于上述问题,我在制作格式方面遇到了很多困难。

底线是,我希望我的客户端更新我所有WP页面中的所有内容,但我也想确保如果他(文本和/或图像)没有破坏页面格式。

来自Adam的回复

为了让我在动态内容方面遇到这个障碍,我希望我的客户能够在不破坏现有网页内容的情况下进行更改。

根据您的回复和提到的,我使用了Starkers主题,我实际上已经完成了您的建议,也就是说,我已经为我的关于我们页面创建了一个名为About-Us.php的特定模板页面,其中然后,我在我的WP仪表板中,在页面下创建了一个About-Us页面,然后将该模板分配给它。

所以这是我不确定并需要帮助的领域,因此我理解这个过程,即动态内容。

我的客户在这个“关于我们”页面中提供了他想要的内容(带有样式的格式化文本)的MS Word文档,以及他想要与页面最右边对齐的两个图像。< / p>

现在根据他想要的内容和我的About-Us.php页面模板,我在哪里放置这些内容,以便他拥有我的客户所需的所有正确的样式和布局,这也将使他顺利进入轨道,没有联系我,改变他的内容以及他的两个图像(即更改图像),而不破坏/混淆当前页面格式,也就是说,他在MS Word中呈现内容的方式是这样的我希望实际的网站看起来,即使他进行手动更改?

1)如何使用自定义的About-Us.php页面模板完成此操作?

2)他的MS Word中的内容放在WordPress中 - 在仪表板页面(html / visual editors)中还是在定义了样式CSS的About-Us.php页面模板中?

3)我的客户在哪里可以去编辑页面内容(文本/图像)并确保格式不会丢失?

我对如何将内容导入WordPress以及如何确保在进行任何更新后页面格式不会丢失感到茫然。

1 个答案:

答案 0 :(得分:2)

不是100%肯定你在做什么但是将所有页面的html发布到HTML编辑器中并不是很好,就我的经验而言

如果你打开核心文件(最好创建子主题 - 但对于wordpress新手这看起来很复杂)你可以编辑某些页面。 wp-content > themes > yourtheme

header.php中你可以将你的外部css链接放在那里,以及javascript。 (一个例子是 - 不要触摸php)

<script type="text/javascript src="<?php bloginfo('template_directory'); ?>/library/js/jquery.js" "></script>

style.css是每个页面都会使用的主样式表,除非另有说明

如果您有自己的设计(即不使用some1 elses主题),您可以编辑page.php将所有静态html / php放入其中,并使用page hooks获取动态内容。或者,您可以为每个页面创建特定的模板页面。

要执行此操作,您需要创建一个新的.php文件并将其命名为template-something.php并将其放在页面顶部:

 /*
 Template Name: Choose A name
*/

然后在wp仪表板中,在编辑页面下..在右侧有一个选项来选择模板。你的新页面应该在那里,你所做的任何改变都会显示出来。

有点匆忙,很遗憾,我无法发布链接。 只要继续在线阅读,你就会快速拿起它。 附:我使用混合作为主题..它剥离了一切,让你更容易编码自己的主题..并有大量的钩子(给wordpress钩子和过滤谷歌)