Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/233.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在wordpress php文件上放置html代码的位置_Php_Html_Wordpress - Fatal编程技术网

在wordpress php文件上放置html代码的位置

在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

我需要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 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只是为了测试它,但仍然不起作用。我将支持团队树屋的建议。他们的教程太棒了!