在wordpress php文件上放置html代码的位置
我需要wordpress专家在编辑或创建主题方面的帮助。我一直在尝试模仿lol.garena.ph,到目前为止我所做的是导航按钮,下面是代码:在wordpress php文件上放置html代码的位置,php,html,wordpress,Php,Html,Wordpress,我需要wordpress专家在编辑或创建主题方面的帮助。我一直在尝试模仿lol.garena.ph,到目前为止我所做的是导航按钮,下面是代码: <style type="text/css"> body{ background-color:#000 } Hh.hoverHome { position: relative; top: -3px; padding-bottom: 7px; background:url(homeHover.png); /* this will r
<style type="text/css">
body{
background-color:#000
}
Hh.hoverHome {
position: relative;
top: -3px;
padding-bottom: 7px;
background:url(homeHover.png); /* this will raise the element */
}
Hn.hoverNews {
position: relative;
top: -3px;
padding-bottom: 7px;
background:url(newsHover.png);
}
Hg.hoverGuides {
position: relative;
top: -3px;
padding-bottom: 7px;
background:url(guidesHover.png);
}
Hh {
list-style: none;
height: 22px;
width: 79px;
float: left;
display: block;
padding: 5px 10px;
margin-right: 10px;
background:url(home.png);
}
Hn {
list-style: none;
height: 22px;
width: 79px;
float: left;
display: block;
padding: 5px 10px;
margin-right: 10px;
background:url(news.png);
}
Hg {
list-style: none;
height: 22px;
width: 79px;
float: left;
display: block;
padding: 5px 10px;
margin-right: 10px;
background:url(guides.png);
}
</style>
</head>
<body>
<div class="container">
</div>
<Hh onmouseover="this.className='hoverHome';" onmouseout="this.className='';"> </Hh>
<Hn onmouseover="this.className='hoverNews';" onmouseout="this.className='';"></Hn>
<Hg onmouseover="this.className='hoverGuides';" onmouseout="this.className='';"></Hg>
</body>
</html>
身体{
背景色:#000
}
霍弗之家酒店{
位置:相对位置;
顶部:-3px;
垫底:7px;
背景:url(homehaver.png);/*这将提升元素*/
}
哈弗新闻{
位置:相对位置;
顶部:-3px;
垫底:7px;
背景:url(newsHover.png);
}
Hg.气垫导轨{
位置:相对位置;
顶部:-3px;
垫底:7px;
背景:url(guidesHover.png);
}
嗯{
列表样式:无;
高度:22px;
宽度:79px;
浮动:左;
显示:块;
填充物:5px10px;
右边距:10px;
背景:url(home.png);
}
Hn{
列表样式:无;
高度:22px;
宽度:79px;
浮动:左;
显示:块;
填充物:5px10px;
右边距:10px;
背景:url(news.png);
}
汞{
列表样式:无;
高度:22px;
宽度:79px;
浮动:左;
显示:块;
填充物:5px10px;
右边距:10px;
背景:url(guides.png);
}
我遇到的问题是,我不知道把这个放在wordpress主题的什么地方,因为我看到的都是php文件。我尝试在twentyeleven主题的style.css中插入css部分,在content.php中插入其余部分,但仍然不起作用。我还是Wordpress的新手,所以请帮助我,谢谢。3我不太确定你的问题是关于你想要实现什么,但是如果你想使用现有主题来建立你的新主题,我建议使用Wordpress子主题 使用子主题,您可以创建一个新的child style.css文件来对css进行所有更改。使用子主题的好处是,您可以快速更改现有的CSS和PHP文件,而无需更改任何核心文件 从长远来看,这是非常有益的,因为这意味着您可以在不覆盖任何现有CSS和PHP更改的情况下更新WordPress主题
我希望这能帮助你创建WordPress主题。如果您有账户,我建议您在Treehouse(teamtreehouse.com)上查看WordPress教程,或者您可以到YouTube上查找其他可能有帮助的优秀教程。您想在WordPress上上传主题!对吗?编辑当前主题的导航CSSno怎么样先生,我只是想把我的代码放到wordpress上看看它是否有效,但我想我会把我的html文件上传到wordpress上,对于像我这样的新手来说,这些php文件真的很难理解。在本地设置wordpress的副本,例如,通过安装类似于
WAMP
的web服务器(如果您在Windows上)。然后,您可以编辑默认的212主题。您只需更改.css
文件。看看Wordpress生成的标记,这样您就可以根据生成的标记应用CSS。我尝试创建一个新的CSS只是为了测试它,但仍然不起作用。我将支持团队树屋的建议。他们的教程太棒了!