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

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

添加图片功能

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

打开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显示效果

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

深度阅读:

如何在filezilla的ftp中找到域名所对应的WordPress网站程序目录 WP花园作为上海专业的WordPress开发公司,已经为很多
WordPress主题制作开发实战教程5 – 调试和验证 在主题制作过程中,我们可能会出现许多的错误。所以我们需要反复调试,直到达到我们所满意的效果。本章节我们将学习调试和验证的方法及调试工具。工作流程在文件中添加一些代码 在浏览器上查看是否美观 在不同的浏览器上验证 如果没完成则修改代码直至完成 完成则...
wordpress主题制作开发实战教程3.1(1)- 主题基础 在本章节中,我们将学习到WordPress的一些主题基础主题基础主要有:1.WordPress的模块文件知识2.模板文件工作流程以及优先级3.主题里的基本循环  主题基础 Wordpress主题包含了许多文件,其中有模板页面。模板页面是层级结构,...
wordpress主题制作开发实战教程3.7 – 在模板文件中分解代码 目前我们的主题已经步入循环,现在需要将主题分解至各个模板文件,以确保主题所有部分的编辑可用。这里有一个好的规则建议:首先,避免重复的标记其次,懂得标记独一无二的代码标签,使其仅仅出现在特殊的页面,比如首页 Header.php、Footer.php、...
WordPress主题制作开发实战教程4.3 – 小部件 小部件可以让我们的主题拥有更多的小功能,比如搜索,文章归档等,使用起来非常实用,所以在
WordPress主题制作开发实战教程7 – 制作主题的一些技巧和提示 在制作主题的过程里,前辈们总结了许多的技巧和方法。通过学习这些技巧,可以让我们避免犯更多的错误,并且使得开发主题更加迅速,使得主题更加的美观。为主题添加更多的文件 尽可能的使更多的模块分离开来,使加载更快速。index.php 首页文件page.php  主页面文件...
WordPress主题制作开发实战教程4.2 – 导航栏功能 网站中使用导航栏是为了让访客能够清晰明了地找到网站相应的板块内容。在

发表评论

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

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

wechat logo