2015-09-24 37 views
0

我轉換一個靜態網頁(HTML + PHP)到WordPress:https://www.elegantthemes.com/blog/tips-tricks/converting-html-sites-to-wordpress-sitesWordPress的 - 創建這個指南頁面模板

網站的結構是這樣的:

**Website Folder 
    **css folder 
    **images folder 
    - index.php 
    - head.php 
    - header.php 
    - footer.php 
    - page1.php 
    - page2.php 
    - page3.php 

在head.php文件有<head> html中的代碼,在header.php中有<header>這個網站(logo和nav menu),在footer.php中有<footer>這個部分。 我成功地轉換了網站的主頁,但是該指南並未說明如何使導航菜單變爲動態,並且還創建頁面模板以包含page1,page和page3內容。任何人都可以幫我做到這一點?謝謝

回答

0

https://developer.wordpress.org/themes/basics/template-hierarchy/

這篇文章有詳細的WordPress模板層次的描述,例如,模板名稱,以呈現頁面可以在形式page-{slug}.php。此外,here是一篇文章,解釋瞭如何使用頁面模板的自定義名稱,例如custom_page.php,這樣做只是將開放PHP註釋添加到聲明模板名稱的文件。

<?php /* Template Name: Example Template */ ?> 

,並轉到Page > Edit屏幕以選擇頁面的自定義模板。

Here也是文章,解釋如何添加導航菜單。

例(從上面的鏈接所):

// functions.php, register menu 
function register_my_menu() { 
    register_nav_menu('header-menu',__('Header Menu')); 
} 
add_action('init', 'register_my_menu'); 

// display menu on theme 
<?php wp_nav_menu(array('theme_location' => 'header-menu')); ?> 

// Go to Appearance -> Menus panel to add menu items 
0

如果你想第1頁,第二頁,第三頁菜單。首先在後端創建一個菜單,然後使用下面一行創建一個模板,然後選擇所需的頁面。在這裏包含頭文件和頁腳文件。例如:

<?php /* Template Name: Enter your template name */ get_header(); ?><?php while (have_posts()) : the_post(); ?> <?php the_content(); ?><?php endwhile; ?><?php get_footer(); ?> 

現在代碼放入header.php文件:

<?php wp_nav_menu(array('theme_location' => '', 'menu' => 'enter your menu name')); ?>