将我的网站转换成Wordpress

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

<!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兼容。

来源

2013-10-09 Danny Brammel

它不是那么简单，你需要像the_content（）这样的funcktions。 Bestway，你在互联网上采取一些简单的主题搜索，然后尝试修改它 –

或聘请某人。 – ggdx

在你面前有很多的学习 - 好消息是它并不那么难，而且都有很好的记录。 http://codex.wordpress.org/Theme_Development – McNab

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

每个页面明智标题和“塞”和剪切和粘贴现有代码到文本编辑器（你会发现很多的帮助，这个在线）。转换图像会更麻烦 - 他们需要通过WP媒体加载。链接也需要改变。

要确保你的网站有一个静态的头版（即不是博客）去设置...阅读...，然后单击链接。

样式化的内容是通过页面模板，进来叫主题包来完成。使用其中一个默认主题，直到您的内容被传输。他们甚至会有菜单，并允许你修改一些样式和标题图片等。看看现有主题中的文件，看看它是如何工作的。

当你准备好款式，既可以使用其中的一个主题为出发点，或者如果你想从头开始做一点研究空白或启动主题 - 有一吨在那里。然后，我建议您遵循设计WP主题教程...

来源

2013-10-09 11:16:44 cfgm

如果您的网站很简单，尽量采取准系统/起动WordPress主题和定制，使其能够使用样式表/ JavaScript的等

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

也有像Theme Matcher工具，会为你做这个。

来源

2013-11-20 14:36:03 patmood

以下是关于简单的准系统超级基本解释我能想出..

当编写一个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.中完成了尽管在我看来某些地方的文档质量有很高的要求，但在开始之前您应该花费大量时间阅读，以便熟悉它们的所有功能。

来源

2014-09-06 09:45:48 davidcondrey

将我的网站转换成Wordpress

回答

相关问题