初学者：CMS定制答案

【问题标题】：Beginner: CMS customization初学者：CMS定制
【发布时间】：2013-02-26 05:37:02
【问题描述】：

我有一个关于 CMS 的（超级）初学者问题。请原谅我听起来很笨哈哈。

我正试图弄清楚在定制方面它是如何运作的。

例如...假设我想将 Wordpress 用作我的网站的 CMS（假设已经建成）。

我是否只是将现有的 html 和 css 代码引入 Worpress（或“在此处插入 CMS 平台”）并对其进行自定义？

我看过一些 Lynda.com 的视频，但我仍然无法完全掌握完全自定义。

这个问题可能没有任何意义，在这种情况下，请告诉我。我只是想弄明白这一切，因为我认为这将使我即将进行的一些项目对客户更具吸引力，因为他们将能够自己添加内容。

非常感谢任何帮助或信息！

【问题讨论】：

你想做什么？
将现有网站 html 和 css 带入 CMS 系统。到目前为止，我所看到的一切都是在教如何处理用户创建的模板。
codex.wordpress.org/Templates

标签： wordpress drupal joomla content-management-system

【解决方案1】：

恐怕它比这更复杂一些。您的 CSS 可以导入，但您的 HTML 结构必须转换为实际的 Wordpress 主题，以便能够读取在管理方面定义的信息。因此，假设您有一个如下所示的 HTML 文件：

about.html

<html>
<head>
<title>About Me</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="jQuery.js"></script>
</head>
<body>
<div id="header">
    <h1>About Me</h1>
</div>
<div id="body">
    <p>This page is all about me</p>
</div>
<div id="footer">
    <small>Copyright 2013</small>
</div>
</body>
</html>

Wordpress 等价物是这样的：

header.php

<html>
<head>
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" />
<!-- Enqueue Javascript in functions.php -->
</head>
<body>
<div id="header">
    <h1>About Me</h1>
</div>

page-about.php

<?php get_header(); ?>
<div id="body">
    <?php
    if(have_posts()) : while(have_posts()) : the_post;
        the_content();
    endwhile;endif;
    ?>
</div>
<?php get_footer(); ?>

footer.php

<div id="footer">
    <small>Copyright 2013</small>
</div>
</body>
</html>

这是对 Wordpress 主题化过程的过度简化。我的建议是执行以下操作：

下载一些免费的 Wordpress 主题，看看你喜欢哪些。和他们一起玩。习惯环境。甚至可以调整其他主题的 CSS 以满足您自己的需求。
Scour the Codex！这包含您希望了解的有关主题的所有信息。
Learn PHP。

您的问题是一个加载的问题，并且在一个单一的答案中有太多的内容。你能为自己做的最好的事情就是研究一切。

祝你好运。

【讨论】：

明白！非常感谢详细的回复！！我将开始 DL 一些主题并从那里搞砸。谢谢！！

【解决方案2】：

对初学者非常有用的工具是开发者工具，您可以通过右键单击要编辑的任何元素打开它 --> 检查元素（在 Google chrome 中）。这样，您就可以知道您要定位的特定类、ID 或标签。您可以在开发人员工具窗口中编辑代码并在最终添加它们之前测试您的更改：外观 > 编辑 CSS。

说到这里，edit CSS并不是对所有主题都可用，你需要安装Jetpack插件并确认自定义css选项是激活的。
为您和客户定制 .css 和 html 的一个很好的替代方法是使用页面构建器，如 SiteOrigin 插件或 登陆页面构建器，它们提供了多种选项。

【讨论】：