將我的網站轉換成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

回答

相關問題