可以将Wordpress模板(Semplice)和一些HTML & CSS页面组合在一起吗？

Question

我正在为客户开发一个投资组合网站。我开始使用Semplice，这是一个WordPress模板/编辑器，可以让您更轻松地创建投资组合网站。

问题是，我想为主页添加我自己的页面。由于Semplice不允许你如此精确地修改所有内容，我决定为自己创建一个包含一些CSS和JavaScript的index.html。

但我不知道这是否可能。我的意思是，我希望有自己的索引(主页)由我创建，我希望其他部分使用Semplice模板通过WordPress工作。

因此，基本上，有4个部分:家庭，工作，饲料和信息。

我想使用我设计的主页，但对于工作，饲料和信息部分(除了主页)，我想使用WordPress + Semplice。

你知道这是否可能吗？我想是的，但我真的不知道该怎么做。求求你救命！

Answer 1

这不是最优的，但也是可能的。

您只需使用wordpress html页面，然后在index.html页面的主菜单中链接到您的wordpress网站的固定链接。例如，我会将wordpress网站放在一个子文件夹中，比如www.url.com/wordpress。

在wordpress网站中，您需要在主菜单中添加一个主页元素，指向您的html网站(www.url.com)的index.html页面。

例如，您的HTML页面的菜单将如下所示(考虑使用css的引导程序)：

<nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--transparent">
      <div class="container">
          <div class="row">
              <div class="col-lg-1 col-md-2 hidden-xs">
                  <div class="bar__module">
                      <a href="./index.html">

                          <img class="logo logo-light" alt="logo" src="images/logo.png" />
                      </a>
                  </div>
                  <!--end module-->
              </div>
              <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
                  <div class="bar__module">
                      <ul class="menu-horizontal text-left">
                          <li>
                              <a href="www.url.com/index.html">
                                  HOME
                              </a>
                          </li>
                          <li>
                              <a href="www.url.com/wordpress/permalinkpagework">
                                  WORK
                              </a>
                          </li>
                          <li>
                              <a href="www.url.com/wordpress/permalinkpagefeed">
                                  WORK
                              </a>
                          </li>
                          <li>
                              <a href="www.url.com/wordpress/permalinkpageinfo">
                                  WORK
                              </a>
                          </li>



                      </ul>
                  </div>

              </div>
          </div>
          <!--end of row-->
      </div>
      <!--end of container-->
    </nav>

干杯

Answer 2

这在Wordpress网站上实际上是很常见的事情，WordPress内置了对这类情况的支持。

您需要做的是在WordPress中创建一个page，并为该页面添加一个自定义模板文件。然后在WordPress的阅读设置中，选择该页面作为网站的首页。

现在不用担心，你不需要掌握PHP就能做到这一点，这真的很简单。我会给你讲解的。

第1步：

在WordPress中创建一个page，并给它一个像custom-top或其他你认为合适的插件。发布此页面，并确保它是公开的。

第2步：

在您的主题顶层目录中创建一个名为page-custom-top.php的文件。WordPress会自动知道页面custom-top应该使用这个模板文件。

第3步：

在page-custom-top.php中，你可以添加你的超文本标记语言。

第4步：

在WordPress管理区域中选择设置->阅读，在Your homepage displays中选择A static page，然后在Homepage下拉菜单中选择您创建的页面。保存设置。

现在，您的WordPress首页应该会显示您的HTML.

编辑：

你有一个额外的好处这样做，因为它使你能够访问所有的WordPress变量，函数，模板标签等，如果你曾经希望通过一些动态内容皮条客你的HTML文件。

你不需要这样做，但这可能是你将来想要学习更多的东西。

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

https://developer.wordpress.org/themes/template-files-section/page-template-files/