是否可以将Wordpress模板(Semplice)与一些HTML和CSS页面结合在一起?

时间:2019-04-23 22:32:33

标签: html css wordpress templates

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

问题是我想为房屋添加自己的页面。由于Semplice不允许您如此精确地修改所有内容,因此我决定使用一些CSS和JavaScript创建一个index.html

但是我不知道这是否可能。我的意思是,我想由我创建自己的索引(家庭),并且我希望其他部分通过WordPress与Semplice模板一起工作。

因此,基本上有4个部分:“首页”,“工作”,“ Feed”和“信息”。

我想使用我设计的主页,但是对于“工作”,“提要”和“信息”部分(除主页以外的所有内容),我想使用WordPress + Semplice。

您知道这是否可能吗? 我想是的,但是我真的不知道该怎么做。请帮忙!

2 个答案:

答案 0 :(得分:0)

这不是最佳选择,但可能。

您只需要使用index.html html页面,并在index.html页面的主菜单中链接到wordpress网站的永久链接。我会将wordpress网站放在一个子文件夹中,例如www.url.com/wordpress。

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

例如,您的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>

欢呼

答案 1 :(得分:0)

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

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

现在不用担心,您不需要掌握PHP就可以实现这一点,这确实非常简单。我会引导您完成。

第1步:

在WordPress中创建一个page,并给它一个custom-top之类的标语,或者您认为合适的其他名称。发布此页面并确保它是公开的。

第2步:

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

第3步:

page-custom-top.php内部,您添加了HTML。

第4步:

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

现在,您的WordPress主页应该显示您的HTML。

编辑:

这样做的好处是,如果您希望通过PHP用一些动态内容来修饰HTML文件,它可以访问所有WordPress变量,函数,模板标签等。

您不必一定要这样做,但是将来您可能想了解更多。

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

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