php发展

首页 » 常识 » 预防 » page模板wordpress
TUhjnbcbe - 2024/9/10 16:17:00

简介

前面我们已经介绍了sidebar模板,点击sidebar的具体文章链接,会跳转到该文章正文内容,所以正文的page如何码代码呢?

page制作

大家可看下我test主题的page模板内容,我们一一介绍下

图1

1、页面展示左侧边栏

get_sidebar(‘left’):调用左侧边栏代码模板

2、判断是否有文章

if(have_posts()):前文已有介绍过,判断是否有文章,有则进入条件代码内

3、循环所有文章

while(have_posts()):循环所有文章,直至结束,在循环内做以下几点事情

4、展示文章标题

the_title():展示文章标题

5、展示文章内容

the_content():展示文章内容。文章内容只是一长行的文本,一直到窗口的右边,因为我们还没有样式化它。我们以后用style.css这个文件来控制所有页面元素的显示和布局

6、展示右侧边栏

get_sidebar(‘right’):调用右侧边栏代码模板

7、展示页脚

get_footer():调用页脚代码模板。我们有一个footer.php模板,需要在页脚展示什么内容,我们可以写在footer.php模板里。比如我的footer.php文件内的代码如下:很多网站都是展示个人网站的备案信息,网站标题等等。

footer

ahref=Copyright?phpbloginfo(name);?

/footer

三样式style.css

不管是我们的左侧边栏还是右侧边栏,还是内容,如果不加样式,则整个网站都是乱的。

所以style.css很重要。大家需要点html、css基础,可以自行网上学习,网上资料很多。

我仅仅举个粒子。

以下代码是显示文章标题,文章标题自带链接,点击会跳转到对应网页。我们经常在网站上操作,需要的效果是鼠标挪到标题上,会有点反应,比如字体放大,颜色改变等等,这样给用户更清晰直观的感受,所以我们可以在链接a加样式达到我们说的效果。

ahref=?phpthe_permalink();?title=?phpthe_title();?

?phpthe_title();?

/a

样式如下:链接字体的展示,链接鼠标挪上去颜色和字体的改变。

a{

text-decoration:none;去掉链接默认的下划线

font-size:15px;设置链接字体大小

color:black;设置链接字体颜色

}

a:hover{

color:#c50;鼠标挪到链接文字后颜色设置

font-size:16px;鼠标挪到链接文字后字体大小设置

效果图如下:鼠标挪上去的字和其他字看起来是有区别的。

图2

样式我们就介绍到这里,整个网站不管哪个点,都可以设置样式,大家要让网站长什么样子,都是靠style.css样式装扮。

四总结

本文介绍了wordpress正文的page模板的一个案例,大家可以根据自己的需求码代码。同时也简单介绍了style.css的重要作用,大家自行百度学习。我们下节课见

1
查看完整版本: page模板wordpress