WordPress One Page滚动网站 - 怎么样?

时间:2017-10-08 03:19:53

标签: php html css wordpress

我需要一些帮助来了解如何创建WordPress One Page Scroll网站。之前我做了一个标准的网站(点击菜单链接后更改内容的网站),但我无法弄清楚如何在网页上使用WP滚动到部分而不是标准的子网站。

让我向您展示我的网站结构:

<!DOCTYPE html>
<head>
css/bootstrap
css/main.css
etc.
</head>

<body>

   <nav class="navbar navbar-default navbar-fixed-top" id="navbar">
       //This navbar overlaps header and it's fixed to top//
       //Has links to sections (e.g. #one, #two etc.)//
   </nav>

   <header class="masthead">
       //This is also my "front page" displayed on page load with height: 
         100%, width: 100%//
   </header>

   <section id="one" class="bg-primary">
       //first section to scroll to//
   </section>

   <section id="two" class="bg-primary">
       //second section to scroll to//
   </section>
       //first section to scroll to//
   <section id="three" class="bg-primary">
       //third section to scroll to//
   </section>

   <footer id="main-footer" class="bg-primary">
       //Some info about author, website, and social media links//
   </footer>

   js/jquery.min.js
   js/bootstrap.min.js
   js/script.js //my custom scripts
</body>

我的问题是如何组织CMS的这些内容以通过仪表板更改每个部分内容? 1.我应该为每个部分创建不同的page.php(例如page-one.php等)并使用:

<?php get_header(); ?>

<?php get_template_part('page-offer'); ?>

<?php get_template_part('page-tech'); ?>

<?php get_template_part('page-portfolio'); ?>

<?php get_template_part('page-contact'); ?>

<?php get_footer(); ?>`

on index.php

  1. 或者我应该创建section-one.php,section-two.php等并在“front-page.php”上显示它?

    我的第二个问题是 - 是否可以使用Navbar代码创建不同的PHP文件,并使用此navbars html和css作为WordPress仪表板菜单?或者我应该首先在仪表板中创建菜单(每个部分是单个页面),然后使用自定义CSS设置它?

  2. 最后:如何使用自定义字段通过仪表板编辑每个段落,按钮内容,链接等,并允许它与POLYLANG一起使用以更改内容语言?

    感谢您的帮助,并为长线程道歉。我真的很挣扎。

0 个答案:

没有答案