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

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

添加图片功能

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

打开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主题制作开发实战教程4.3 – 小部件 小部件可以让我们的主题拥有更多的小功能,比如搜索,文章归档等,使用起来非常实用,所以在网站建设中使用小部件功能是必须的。小部件可以从网站的主题设置里面添加,无需编写代码。小部件主要出现在侧边栏和脚部,你也可以在其他地方使用。添加小部件功能 首先我们需要添加小部件功能...
WordPress主题制作开发实战教程4.2 – 导航栏功能 网站中使用导航栏是为了让访客能够清晰明了地找到网站相应的板块内容。在网站建设中导航栏是非常常见并且有效的。 1.先引入导航栏功能 在主题文件夹中创建一个functions.php的文件然后在开头添加如下代码:
WordPress主题制作开发实战教程5 – 调试和验证 在主题制作过程中,我们可能会出现许多的错误。所以我们需要反复调试,直到达到我们所满意的效果。本章节我们将学习调试和验证的方法及调试工具。工作流程在文件中添加一些代码 在浏览器上查看是否美观 在不同的浏览器上验证 如果没完成则修改代码直至完成 完成则...
wordpress主题制作开发实战教程3.1(1)- 主题基础 在本章节中,我们将学习到WordPress的一些主题基础主题基础主要有:1.WordPress的模块文件知识2.模板文件工作流程以及优先级3.主题里的基本循环  主题基础 Wordpress主题包含了许多文件,其中有模板页面。模板页面是层级结构,...
如何处理wordpress中JavaScript文件冲突问题 在编写WordPress主题中,如果第三方提供的HTML/JS/CSS文章中,包含了很多.js文件,在引入这些JavaScript文件过程中会这样那样的错误,比如什么“$ is not a function”之类的,这时候可以通过以下方式来一一排查。 1.正确在functi...
wordpress主题制作开发实战教程3.8 – 新建Header.php文件 新建Header.php文件 1.在主题下创建一个名为Header.php的文件2.打开你的Index.php文件,剪切
标签或
wordpress的网站设置与插件及主题之间的联系 许多wordpress站长在开发网站的初期会使用多个主题并来回切换,选择其中较好的风格样式锁定主题。但在网站设计开发过程中,突然反悔,临时想换一个主题进行开发,这样的情况并不少见。但一个wordpress站点只能使用一种主题。如果随意切换其他主题是否站点中的设置和数据就都消失了呢,答案是并不尽然。那...
wordpress主题制作开发实战教程3.10 – 新建Footer.php文件 新建Header.php文件 我们使用与sidebar和header相同的步骤创建footer的页面模板1.在主题模板中创建一个Footer.php文件2.打开你的Index.php文件,剪切你的footer文件,该文件通常位于
标签中至

发表评论

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

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