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

时间:2013-06-22 15:03:02

标签: 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 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>

我遇到的问题是我不知道在wordpress主题上放哪个,因为我看到的只是php文件。我试图在二十二主题上的style.css上插入css部分,在content.php上插入其余的部分,但它仍然不起作用。我还是Wordpress的新手所以请帮帮我,谢谢.3

1 个答案:

答案 0 :(得分:1)

关于你想要达到的目标,我不确定你的问题,但是如果你想使用现有的主题来建立你的新主题,我会建议使用WordPress Child Themes。

http://codex.wordpress.org/Child_Themes

使用子主题,您可以创建一个新的子style.css文件来对CSS进行所有更改。使用子主题的好处是,您可以快速更改现有的CSS和PHP文件,而无需更改任何核心文件。

从长远来看,这是非常有益的,因为这意味着您可以更新WordPress主题,而不会覆盖任何现有的CSS和PHP更改。

我希望这有助于您创建WordPress主题。如果您有帐户,我建议您查看Treehouse(teamtreehouse.com)上的WordPress教程,或者您可以访问YouTube查找其他可能有用的精彩教程。