有时我们需要在文章中添加一些图片,让我们更好的理解,并且使得文章更美观,

所以在主题中添加图片功能也是必须的

添加图片功能

首先我们需要添加图片功能,然后才能使用。

打开function.php文件

在php结束标签?>之前添加如下代码:

add_theme_support( 'post-thumbnails' );

保存然后打开index.php文件

在循环中添加代码:

<div class="entrycontent">
<?php if ( has_post_thumbnail() ) {
 the_post_thumbnail('large');
} ?></div>

保存之后在page.php同样添加上述代码

完成之后保存文件

 

网站会在右侧添加特色图片模块功能

位置如图

点击之后

效果显示

 

显示不同尺寸的图片

我们需要在不同的模块显示不同的尺寸的图片,方便我们查看。

所以我们需要在不同模块的显示界面里应用不同的代码。

在index.php中找到如下代码:

<?php if ( has_post_thumbnail() ) {
 the_post_thumbnail('medium');
} ?>

然后在page.php里修改为:

<?php if ( has_post_thumbnail() ) {
 the_post_thumbnail('large');
} ?>

Index.php显示效果

Page.php显示效果

专业网站开发网页设计公司

深度阅读:

WordPress主题制作开发实战教程5 – 调试和验证 在主题制作过程中,我们可能会出现许多的错误。所以我们需要反复调试,直到达到我们所满意的效果。本章节我们将学习调试和验证的方法及调试工具。工作流程在文件中添加一些代码 在浏览器上查看是否美观 在不同的浏览器上验证 如果没完成则修改代码直至完成 完成则...
WordPress主题制作开发实战教程7 – 制作主题的一些技巧和提示 在制作主题的过程里,前辈们总结了许多的技巧和方法。通过学习这些技巧,可以让我们避免犯更多的错误,并且使得开发主题更加迅速,使得主题更加的美观。为主题添加更多的文件 尽可能的使更多的模块分离开来,使加载更快速。index.php 首页文件page.php  主页面文件...
WordPress主题制作开发实战教程4.3 – 小部件 小部件可以让我们的主题拥有更多的小功能,比如搜索,文章归档等,使用起来非常实用,所以在网站建设中使用小部件功能是必须的。小部件可以从网站的主题设置里面添加,无需编写代码。小部件主要出现在侧边栏和脚部,你也可以在其他地方使用。添加小部件功能 首先我们需要添加小部件功能...
wordpress主题制作开发实战教程3.12 – 创建一个page.php模板页面 创建一个page.php模板页面我们通过复制index.php文件来创建page.php文件,并作出一些调整1.创建一个php文件,命名为page.php2.复制index.php文件的所有php代码至page.php文件中3.在page.php中,找到并删除关于Th...
wordpress主题制作开发实战教程3.7 – 在模板文件中分解代码 目前我们的主题已经步入循环,现在需要将主题分解至各个模板文件,以确保主题所有部分的编辑可用。这里有一个好的规则建议:首先,避免重复的标记其次,懂得标记独一无二的代码标签,使其仅仅出现在特殊的页面,比如首页 Header.php、Footer.php、...
wordpress主题制作开发实战教程3.8 – 新建Header.php文件 新建Header.php文件 1.在主题下创建一个名为Header.php的文件2.打开你的Index.php文件,剪切
标签或
WordPress主题制作教程2.2-WordPress 主题文件 虽然WordPress主题只需要两个文件(index.php和style.css),它们通常由许多文件组成,本节将向您展示如何整理文件。    主题文件和文件结构  默认的二十个主题是主题开发最好的例子。  assets - css ...
wordpress主题制作开发实战教程3.1(2)- 主题制作基本流程及一些小功能 在学习了上一节的WordPress主题基础之后,在本章节我们将学习主题制作的基本流程以及一些小功能。基本流程:1.创建主题文件夹2.创建主题模板文件3.模板文件引入css小功能:显示作者,时间,评论数量等 主题制作基本流程 创建一个主题,首先我们需要的是一...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.