Question

我有一个简单的html页面，我想转换成WordPress网站。我已经安装了WordPress并创建了必要的文件。到目前为止，我一直在寻找一个关于如何将静态网站转换为WordPress但没有运气的教程。大多数教程用户不知道html或php，因为我理解WordPress具有你必须添加到你的html页面的功能。这是我的index.php

<!DOCTYPE>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/code.js"></script>
<title></title>
</head>
<body>
<div id="wrapper">
<?php
include "header.php";
?>
<div id="main">
        <div class='nav'><a href="about.php">About</a></div>
        <div class='nav'><a>Events</a></div>
        <div class='nav'><a href="venues.php">Venues</a></div>
        <div class='nav'><a>Gallery</a></div>
        <div class='nav'><a href="arts.php">Arts</a></div>
        <div class='nav'><a href="contact.php">Contact</a></div>
    </div>
<?php
include "footer.php";
?>  
</div>
</body>
</html>

我想将其转换为WordPress，因此用户可以轻松地从WordPress管理面板添加和编辑内容。是否有任何教程可以推荐给我带来如何做到这一点？如果没有，你将如何将WordPress函数添加到我的index.php中，使其与WordPress兼容。

Answer 1

Wordpress与基本静态网站完全不同。所有内容都是数据库驱动的，这意味着您需要通过仪表板将所有“html页面”转换为Wordpress页面。除非您的网站非常小，否则转换不会是一个快速的过程。

为每个页面提供合理的标题和'slug'，并将现有代码剪切并粘贴到文本编辑器中（您可以在线找到很多帮助）。转换图像会更麻烦 - 它们需要通过WP媒体加载。链接也需要更改。

要确保您的网站有一个静态首页（即不是博客），请转到设置...正在阅读...然后点击该链接。

通过页面模板完成内容样式，页面模板包含在名为themes的包中。在传输内容之前，请使用其中一个默认主题。他们甚至会有菜单，允许你修改一些样式和标题图像等。看看现有主题中的文件，看看它们是如何工作的。

当你准备好风格时，要么使用其中一个主题作为起点，要么如果你想从头开始做一些空白或首发主题的研究 - 那里有很多。然后我建议你按照设计WP主题的教程......

Answer 2

如果您的网站很简单，请尝试使用准系统/入门WordPress主题并自定义它以使用样式表/ javascript等。

这比从头开始创建更容易和更强大。

还有像Theme Matcher这样的工具可以帮到你。

Answer 3

这是关于我能想出的最简单的准系统超基本解释。

在编写Wordpress网站时，我认为你应该得到的第一件事就是在编写纯HTML网站时，你必须编写页面结构和内容..当你编写Wordpress页面时，你只是在写在结构中，所有内容都将在Wordpress后端用户门户中创建。

首先，删除代码中的所有内容和左边的内容（我将删除PHP包含并重新开始）

<!DOCTYPE>
<html>
    <head>
        <!-- Include stylesheet -->
        <link rel="stylesheet" type="text/css" href="/style.css" />
        <!-- Include scripts -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="/code.js"></script>

        <!-- Page title / meta -->
        <title></title>
    </head>

    <body>
    <!-- Page container -->
    <div id="wrapper">
        <div id="main">
            <!-- Nav -->
            <div class="nav"></div>
        </div>
    </div>

    </body>
</html>

wordpress主题由几个PHP文件组成，每当显示主题时，通常首先加载index.php文件，这样我们才能开始。

Wordpress主题，其中大多数，在构成主题的所有PHP文件中，都会有一个header.php文件，footer.php文件..

所以在index.php中我们写的第一行是get_header（）; （当然在php标签内）这是一个基本上是

的Wordpress功能

我假设你想要在所有页面上使用导航，这样你就可以从索引文件中删除所有这些代码并将其粘贴到header.php中

<!DOCTYPE>
<html>
    <head>
        <!-- Include stylesheet -->
        <link rel="stylesheet" type="text/css" href="/style.css" />
        <!-- Include scripts -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="/code.js"></script>

        <!-- Page title / meta -->
        <title></title>
    </head>

    <body>
    <!-- Page container -->
    <div id="wrapper">
        <div id="main">
            <!-- Nav -->
            <div class="nav"></div>
        </div>
    </div>

回到index.php，我们要添加的第二行是get_footer（）;另一个Wordpress函数来获取footer.php。

目前index.php现在看起来像这样......

<?php get_header(); ?>
    </body>
</html>

因为其他所有内容都在header.php ..以及关闭正文和html标签..那些都在footer.php中。所以你的index.php文件最终会像这样

<?php get_header();
get_footer(); ?>

Header.php看起来像这样：

<!DOCTYPE>
<html  <?php language_attributes(); ?>>
    <head>
        <!-- Page title / meta -->
        <title><?php wp_title( '|', true, 'right' ); ?></title>
        <?php wp_head(); ?>
    </head>

    <body>
    <!-- Page container -->
    <div id="wrapper">
        <div id="main">
            <!-- Nav -->
            <?php wp_nav_menu(); ?>
        </div>
    </div>

你知道footer.php中的内容。至于那些CSS和javascript文件，这些文件将在你的functions.php文件中。

Wordpress有许多他们喜欢使用的预制功能，需要永远解释它们。幸运的是，在Wordpress Codex.中已经完成了很多这方面的事情。虽然我认为在某些地方的文档质量有很多不足之处，但我认为这应该花费大量的时间来阅读在开始之前，为了熟悉他们的所有功能。

将我的网站转换为Wordpress

3 个答案: