首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将我的网站转换成Wordpress

将我的网站转换成Wordpress
EN

Stack Overflow用户
提问于 2013-10-09 09:26:20
回答 2查看 956关注 0票数 0

我有一个简单的html页面,我想要转换成一个WordPress网站。我安装了WordPress并创建了必要的文件。到目前为止,我一直在寻找一个教程,如何将静态网站转换为WordPress,但没有运气。大多数教程--用户不了解html或php --而且据我所知,WordPress具有必须添加到html页面的函数。这是我的index.php

代码语言:javascript
运行
复制
<!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兼容。

EN

回答 2

Stack Overflow用户

发布于 2013-11-20 14:36:03

如果您的站点很简单,请尝试使用赤裸/初学者WordPress主题,并将其自定义为使用样式表/javascript等。

这将比从头开始创建更容易、更健壮。

还有一些像主题匹配这样的工具可以帮你做到这一点。

票数 0
EN

Stack Overflow用户

发布于 2014-09-06 09:45:48

以下是我能想到的最简单的最基本的解释。

在编写Wordpress网站时,我认为你应该得到的第一件事是,作为编写普通HTML站点的代码,您必须编写页面的结构和内容。当您编写Wordpress页面时,您只需要编写结构,所有内容都将在Wordpress后端用户门户中创建。

因此,首先,从代码和左边删除所有内容(我将删除PHP包含并重新启动)

代码语言:javascript
运行
复制
<!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文件,因此我们将从这里开始。

在组成主题的所有PHP文件中,将有一个header.php文件,footer.php文件。

所以在index.php中,我们编写的第一行是get_header();(当然是在php标记中),这是一个Wordpress函数,本质上是

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

代码语言:javascript
运行
复制
<!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();另一个用于获取footer.php的Wordpress函数。

现在index.php会变成这样..。

代码语言:javascript
运行
复制
<?php get_header(); ?>
    </body>
</html>

因为其他东西都在header.php里..。那个关闭的身体和html标签。那些都是footer.php的。所以你的index.php文件最终会变成这样

代码语言:javascript
运行
复制
<?php get_header();
get_footer(); ?>

Header.php将如下所示:

代码语言:javascript
运行
复制
<!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代码。中已经做了很多这方面的工作,但就某些地方的文档质量而言,它还有很多需要改进的地方--我认为,在开始之前,您应该花大量时间阅读这些文档,以便熟悉它们的所有功能。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19268007

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档