我正在为客户开发投资组合网站。我开始使用Semplice,这是一种WordPress模板/编辑器,可让您更轻松地创建投资组合网站。
问题是我想为房屋添加自己的页面。由于Semplice不允许您如此精确地修改所有内容,因此我决定使用一些CSS和JavaScript创建一个index.html
。
但是我不知道这是否可能。我的意思是,我想由我创建自己的索引(家庭),并且我希望其他部分通过WordPress与Semplice模板一起工作。
因此,基本上有4个部分:“首页”,“工作”,“ Feed”和“信息”。
我想使用我设计的主页,但是对于“工作”,“提要”和“信息”部分(除主页以外的所有内容),我想使用WordPress + Semplice。
您知道这是否可能吗? 我想是的,但是我真的不知道该怎么做。请帮忙!
答案 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/