将 HTML 页面添加到 WordPress 中

发布于 2024-09-14 07:31:30 字数 443 浏览 3 评论 0原文

在我要转换为 WordPress CMS 主题的网站中，有 7 个菜单选项可转到各个 html 页面。

我的问题是，将这 7 个 html 页面添加到我的 WordPress CMS 主题中的最佳方法是什么，即是否有后端方法，或者我是否直接将这些单独的页面添加为 WordPress 管理员？

我目前的菜单选项设置如下：

<li><a href="index.html" class="topm currentMenu nosub">Home</a></li>
<li><a href="about-us.html" class="topm nosub">About Us</a></li>

另外，如何在 WordPress 中将我的菜单链接到我的页面？

谢谢

原文

Within my website that I am converting over into a WordPress CMS theme, there are 7 menu options that go to individual html pages.

My question is, what is the best way to get these 7 html pages into my WordPress CMS theme, i.e. is there a backend means or do I directly add these individual pages as the WordPress Admin?

I've currently got my menu options setup as follows:

<li><a href="index.html" class="topm currentMenu nosub">Home</a></li>
<li><a href="about-us.html" class="topm nosub">About Us</a></li>

Also, how do I link my menu to my pages as well in WordPress?

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

青萝楚歌 2024-09-21 07:31:30

You can convert your html pages to wordpress pages by using template pages for your 
each menus.Before that create files name header.php,index.php,sidebar.php,footer.php
,style.css in your theme folder.Then follow the below steps:

1. Include all the contents of your home.html upto your menu creation like this in your 
   header.php:


<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Course</title>
</head>
<body>
<div id="wrapper">
    <div class="w1">
        <div class="w2">
            <!-- header -->
            <header id="header">
                <div class="line"></div>
                <!-- logo -->
                <h1 class="logo"><a href="#">Company Logo</a></h1>
                <!-- main nav -->
                <nav id="nav">
                <!--**replace your menu listings by the given below codes**-->
                    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
                </nav>
                <div class="clear"></div>
                </header>   
<?php wp_head(); ?>

2. In index.php, include the body contents of home.html
   in between the below codes:


<?php

/**

* Template Name: home
*

* Selectable from a dropdown menu on the edit page screen.

*/

?>

<?php get_header(); ?>

//body contents of home page

<?php get_footer(); ?>

3.Likewise, you can include as much menu you want.Just by changing like this for about 
  us:

<?php

/**

* Template Name: aboutus
*

* Selectable from a dropdown menu on the edit page screen.

*/

?>

<?php get_header(); ?>

//body contents of aboutus page

<?php get_footer(); ?>



4. If you have any footer contents(contents needed to display at the bottom of all 
  pages).Then include the contents in footer.php.If no contents is there,then 
  also simply create a file named footer.php.

5. Include the side contents to sidebar.php(contents to be displayed in right side of 
   the page).If no side contents are there.Then,simply create sidebar.php.

5. style.css,containing the css for all pages.

6.After creating all html files to .php files.Open the admin dashboard of your website.
  In that open,Pages->Add new.In Add New Page,Enter the menu name(Home) in title and in 
  right side,click the Template dropdown and select the template name(home) and click 
  Publish button.

7.Likewise,create pages for all menus by giving title and selecting template name from 
  the template dropdown and click publish button after selecting.

8.Then,open Appearance->Menus.Then Menus page will open,in that on left side corner,you
  will see Pages tag,click view all and check all the pages you want to display as 
  menus in your website and click Add to Menu button.

9.Then,the selected pages will be shown on right side,in bottom you will see Save Menu 
  button,click it.

8.After finishing all,on top left corner click on the website name and see the website 
  with the following menus and their corresponding pages.

You can convert your html pages to wordpress pages by using template pages for your 
each menus.Before that create files name header.php,index.php,sidebar.php,footer.php
,style.css in your theme folder.Then follow the below steps:

1. Include all the contents of your home.html upto your menu creation like this in your 
   header.php:


<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Course</title>
</head>
<body>
<div id="wrapper">
    <div class="w1">
        <div class="w2">
            <!-- header -->
            <header id="header">
                <div class="line"></div>
                <!-- logo -->
                <h1 class="logo"><a href="#">Company Logo</a></h1>
                <!-- main nav -->
                <nav id="nav">
                <!--**replace your menu listings by the given below codes**-->
                    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
                </nav>
                <div class="clear"></div>
                </header>   
<?php wp_head(); ?>

2. In index.php, include the body contents of home.html
   in between the below codes:


<?php

/**

* Template Name: home
*

* Selectable from a dropdown menu on the edit page screen.

*/

?>

<?php get_header(); ?>

//body contents of home page

<?php get_footer(); ?>

3.Likewise, you can include as much menu you want.Just by changing like this for about 
  us:

<?php

/**

* Template Name: aboutus
*

* Selectable from a dropdown menu on the edit page screen.

*/

?>

<?php get_header(); ?>

//body contents of aboutus page

<?php get_footer(); ?>



4. If you have any footer contents(contents needed to display at the bottom of all 
  pages).Then include the contents in footer.php.If no contents is there,then 
  also simply create a file named footer.php.

5. Include the side contents to sidebar.php(contents to be displayed in right side of 
   the page).If no side contents are there.Then,simply create sidebar.php.

5. style.css,containing the css for all pages.

6.After creating all html files to .php files.Open the admin dashboard of your website.
  In that open,Pages->Add new.In Add New Page,Enter the menu name(Home) in title and in 
  right side,click the Template dropdown and select the template name(home) and click 
  Publish button.

7.Likewise,create pages for all menus by giving title and selecting template name from 
  the template dropdown and click publish button after selecting.

8.Then,open Appearance->Menus.Then Menus page will open,in that on left side corner,you
  will see Pages tag,click view all and check all the pages you want to display as 
  menus in your website and click Add to Menu button.

9.Then,the selected pages will be shown on right side,in bottom you will see Save Menu 
  button,click it.

8.After finishing all,on top left corner click on the website name and see the website 
  with the following menus and their corresponding pages.

回复收藏 0 原文