如何在WordPress里使用Featured Image功能
我想大部分人都很清楚WordPress 2.9版本开始,就增加了Featured Image这个功能。
而且这样的功能多用于杂志式的主题,从里一个角度来说,用缩略图的形式比摘要输出形式更能体现网站的可读性!这里就介绍下如何为你的 WordPress主题添加Featured Image功能。 首先,看一看你的主题包,在functions.php文件里必须有下面的语句才能开启单篇日志以及页面里的Featured Image功能。
add_theme_support( 'post-thumbnails' ); 当然,如果你只希望在单篇日志里开启这样的功能,只要加入 add_theme_support( 'post-thumbnails', array( 'post' ) ); 页面功能同理: add_theme_support( 'post-thumbnails', array( 'page' ) ); 之后,你就需要设定你的缩略图大小,在保证图像不扭曲的情况下,图片的宽度或者高度会被自动按比例调整到最合适的大小,比如100*50像素的图 像,在一个固定为50*50像素大小的显示框下,会调整到50*25像素大小。这样的好处是能显示全部的图像。
不过你可以发现,很多时候,缩略图的大小未 必能完全合适整个显示框的大小。比如刚刚的例子,至少还有一半的空间是空余的。
因此,你可以自由设定显示框里缩略图的大小,比如单独限定高度或者宽度大 小。不过,这样设置,缩略图可能会扭曲或者只显示一部分。
一下这个定义语句表示现实框的大小为50X50像素,缩略图按比例自动调整。 set_post_thumbnail_size( 50, 50 ); 再来看看下面这个定义语句。
它表示缩略图会被自动截图成为大小为50X50像素。但是缺点很明显,它只是从坐标0,0开始截图,对于大图来说,它只是显示图片的冰山一角。
set_post_thumbnail_size( 50, 50, true ); 现在,你可以开始讲这些定义语句添加在你的主题里,通常都被用在循环(the loop)定义里。 has_post_thumbnail() 将定义是否在当前日志里显示被手动添加的日志缩略图(in the loop)。
<?php if ( has_post_thumbnail() ) { // the current post has a thumbnail } else { // the current post lacks a thumbnail } ?> 如果缩略图存在,下面这句定义将显示缩略图 <?php the_post_thumbnail();="" ?=""> 以上这些都是最基本的定义。当然还有更深入的用法。
假设,如果你要在首页显示比较小的缩略图(比如50*50像素),但是在单独日志页面显示比较大的缩略图(比如宽度限定在400像素),你可以完全自定义。 在functions.php里: add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 50, 50, true ); // 非单独页面的显示设置 add_image_size( 'single-post-thumbnail', 400, 9999 ); // 单独日志页面显示设置,9999像素为的是给缩略图另一边大小以最大的空间 在home.php / index.php (取决于你的主题设计)(in the loop) : <?php the_post_thumbnail(); ?> 在single.php (in the loop) : <?php the_post_thumbnail('single-post-thumbnail'); ?> 希望你能看得明白以上的设置。
原理是,set_post_thumbnail_size () 对应 add_image_size ('post-thumbnail') 一起工作。同时,当你添加更多的设定到里面,比如add_image_size( $handle, $width, $height, {$hard_crop_switch} ); 然后the_post_thumbnail( $handle );就会开始工作,处理并按照你定义的缩略图样式。
当然,如果你要你的主题支持更早的WordPress版本,你必须得用function_exisit ()(以上的例子里并没有使用function_exisit (),为的是尽量让定义简单易用。): if ( function_exists( 'add_theme_support' ) ) { // Added in 2.9 add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 50, 50, true ); // Normal post thumbnails add_image_size( 'single-post-thumbnail', 400, 9999 ); // Permalink thumbnail size } 不过需要明白的是,这个功能只针对新上传的图片。
假如你之前使用过带有缩略图显示功能的主题,并且新的主题对缩略图的大小设定有别于之前的主题,那么以前上传过的缩略图大小还是保持原来的大小,而新的缩略图将定义于新的设定。 不过这里推荐一个插件Regenerate Thumbnails,将帮助你调整缩略图大小。
WordPress如何添加文章的背景图片
1.wordpress怎么添加背景图片1修改body的背景属性,打开style.css文件,添加如下面代码:body {background:#f2f2f2 url(images/body_bg.png) repeat-y 50% 0; //改成自己的图片就可以了margin:0 auto;color:#131313;}。
2.wordpress怎么添加背景图片2在主题的function.php文件中添加如下代码://添加一个自定义背景add_theme_support( 'custom-background');然后,再在header.php中找到body标签,改成如下代码:
>3.这样也可以很好的实现主题自定义背景图片功能。添加完以后就可以在后台设置背景图片或背景颜色了;4.wordpress怎么添加背景图片3最简单的一种方法就是将下面这条函数添加到主题的functions.php文件中:add_custom_background();5.wordpress怎么添加背景图片4一句函数就能够给WordPress主题启用了自定义背景功能,简单吧,最后不要忘记上传背景图片哦。6.wordpress怎么添加背景图片5完成了上一步的操作,给主题添加了自定义背景功能支持代码之后,打开WordPress控制面板,在【外观】栏下即会出现一个【背景】的菜单选项,点击之,随即会呈现设置选项。
如何设置WordPress文章特色图像
在主题的functions.php中添加如下代码
//使WordPress支持post thumbnail
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
}
注意:这段代码应当加载functions.php的body中,不要写进函数里。
在functions.php中,写在add_theme_support()之后,完整代码如下
//add post thumbnails
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
}
if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'customized-post-thumb', 100, 120 );
}
创建几个不同的缩略图尺寸,用到的函数:
Post Thumbnail功能详细说明
wordpress怎么添加照片集锦
安装Faster Image Insert插件。
进入WordPress后台,进入 插件->安装插件页面,输入框输入Faster Image Insert,点击搜索插件。见下图。
点击“搜索插件”按钮后将出现如下画面。列表中很多相关的插件,但是我们需要的是第一个。
点击“现在安装”按钮,系统将自动进行安装操作。如果安装成功将出现如下画面。
安装成功后,点击“启用插件”按钮,这样后我们就可以开始使用这个插件的功能了。使用之前,我们也可以对该插件进行设置。
设置Faster Image Insert插件。我们需要对插件进行设置,使其符合我们的使用习惯,当然不设置也可以进行使用,这里给大家介绍一下设置。
两种方法进入设置界面。(1)“已安装插件”界面下,通过点击“Setting”按钮进入设置界面。
(2)“设置”菜单栏下的子菜单“Faster Image Insert”进入到设置界面后,我们可以进行一定的设置,符合自己的使用习惯,不过我们不是专业人士,基本上不用改动就可以使用。使用Faster Image Insert插件。
进入到写文章页面,在文章编辑框下面,我们会看到Faster Image Insert的上传/插入文件功能。将所要上传的图片,拖入到“虚线框”内,将自动上传图片,结果如下。
首先点击“逆向选择”按钮,系统选中全部未选中的图片。然后点击“插入选中图片”按钮,系统将自动插入所有选中的图片到文章中。
这样就大功告成了,非常的简单和方便,大家赶快去试试吧!END注意事项插入图片后,图片顺序可能不是自己希望的,这个时候进行简单的剪切,粘帖操作就可方便的改变图片位置。
wordpress主题怎样添加背景图片
1.wordpress怎么添加背景图片1>修改body的背景属性,打开style.css文件,添加如下面代码:body {background:#f2f2f2 url(images/body_bg.png) repeat-y 50% 0; //改成自己的图片就可以了margin:0 auto;color:#131313;}。
2.wordpress怎么添加背景图片2在主题的function.php文件中添加如下代码://添加一个自定义背景add_theme_support( 'custom-background');然后,再在header.php中找到body标签,改成如下代码:3.这样也可以很好的实现主题自定义背景图片功能。添加完以后就可以在后台设置背景图片或背景颜色了;4.wordpress怎么添加背景图片3最简单的一种方法就是将下面这条函数添加到主题的functions.php文件中:add_custom_background();5.wordpress怎么添加背景图片4一句函数就能够给WordPress主题启用了自定义背景功能,简单吧,最后不要忘记上传背景图片哦。
6.wordpress怎么添加背景图片5完成了上一步的操作,给主题添加了自定义背景功能支持代码之后,打开WordPress控制面板,在【外观】栏下即会出现一个【背景】的菜单选项,点击之,随即会呈现设置选项。
wordpress略缩图图片变形怎么办
首先看你主题的缩略图是怎么写的。
1、如果你的是截取文章第一张图,那么只要的文章的图片的尺寸不与缩略图的比例相近,那调用出来的肯定是变形的了。
2、如果缩略图采用的文章特色图,也会出现你所说的变形,除非比例很相近。
如在functions.php文件中采用的这种形式,add_image_size( 'thumbnail', 195, 195 );
3、如果缩略图采用的文章特色图,但使用的add_image_size( 'thumbnail', 195, 195, true );
这种就相对不会变形,但是是硬裁切。如图片尺寸比例不对,(很高的情况),它可能把顶部和底部部分给裁切掉了,比如人物图片把头部或脚给裁切掉。
针对以上3种,第一种调用的图由于是原图,所以图片大小很大,影响网页加载,和空间的流量;第二三种的缩略图大小相对减少,节省空间流量和相对加快页面加载速度。
第二种相对第三种,图片比例掌握不好,还是会看到变形。而第三种个人比较倾向,只要你比例不是太离谱,基本不会变形,只是会裁切掉一些地方。【如缩略图是宽尺寸的,你就别用窄高尺寸的了】
综合以上,找到你的functions.php文件,查找文件中的add_image_size特色图尺寸代码,在尺寸后方加true。如
add_image_size( 'thumbnail', 195, 195, true );
以上只是参考,你可以找找官网资料。
链接:
codex.wordpress.org/Function_Reference/add_image_size
如何给WordPress主题添加自定义头部图像
1、首先设置好自己的本地头像头像avatar.jpg(80*80px),把他上传到主题images目录下2.修改主题函数模版,将下列代码粘贴到主题functions.php中去。
/设置默认头像 add_filter( 'avatar_defaults', 'custom_gravatar' ); function custom_gravatar($avatar_defaults) { $myavatar=get_bloginfo('template_url') . '/images/avatar.jpg'; $avatar_defaults[$myavatar] = "2015新头像"; return $avatar_defaults; }3、这样我们就添加好了新的默认头像“2015新头像”,赶快到后台设置他作为默认头像。
转载请注明出处51数据库 » wordpressadd_image_
?php>
明日重生