bbpress 添加 featured image
wordpress bbpress 添加 featured image
后台 forum 添加 featured image
add_post_type_support('forum', array('thumbnail'));function ks_forum_icons() {if ( 'forum' == get_post_type() ) {global $post;if ( has_post_thumbnail($post->ID) )echo get_the_post_thumbnail($post->ID,'thumbnail',array('class' => 'alignleft forum-icon'));}
}
add_action('bbp_theme_before_forum_title','ks_forum_icons');
后台 topic 添加 featured image
add_post_type_support('topic', array('thumbnail'));
使用方法:http://codex.wordpress.org/Function_Reference/get_the_post_thumbnail
<?php echo get_the_post_thumbnail($post_id, 'full'); ?>
---------------------------------------------------------------------------------------------------------------
我想大部分人都很清楚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
}
不过需要明白的是,这个功能只针对新上传的图片。假如你之前使用过带有缩略图显示功能的主题,并且新的主题对缩略图的大小设定有别于之前的主题,那么以前上传过的缩略图大小还是保持原来的大小,而新的缩略图将定义于新的设定。
bbpress 添加 featured image相关推荐
- bbpress 字体_bbPress的24个最佳WordPress主题
bbpress 字体 Are you looking for the best WordPress themes for bbPress? bbPress allows you to easily a ...
- Wordpress里面的Set Featured Image
如何在WordPress里使用Featured Image功能 2011-04-01 - Unmi 我想大部分人都很清楚WordPress 2.9版本开始,就增加了Featured Image这个功能 ...
- [WordPress] 隐藏 Featured Image 新手非程序方法
[版本信息] WordPress 版本: 4.9.5 [问题描述] 最近需要用WordPress 做个网站,会有不同的人登入账号发布文章. 结果当下使用的主题,每一篇发布的文章,在List(Page) ...
- 谷歌搜索喜迎20年,为手机主页添加信息流!
世界因搜索而改变.20 年前,这项技术催生并支撑起了诸如谷歌.百度.Ask 等科技公司的崛起,包括国内的新浪.搜狐.网易最初也都在做自己的搜索引擎.如今在后搜索引擎时代,谷歌又有了新的动作. 北京时间 ...
- js动态给按钮赋id_如何给SHOPIFY店铺添加“立即购买”动态结账按钮
动态结账按钮会根据店铺后台所支持的第三方快速结账付款方式和顾客设备浏览器的记录动态展示快速结帐按钮,比如PayPal Express Checkout.Apple Pay等.当然如果浏览器没有记录或者 ...
- bbPress 介绍,安装和中文包
bbPress 介绍 什么是 bbPress? bbPress 是 WordPress 母公司 Automaticc 出品的一款开源论坛程序,它是一个符合 Web 标准,非常容易使用的轻量级论坛程序, ...
- wordpress 背景_如何在WordPress中添加全屏背景图片
wordpress 背景 Full screen background image seems to be a new design trend that is becoming fashionabl ...
- 简洁版Featured Category/Shop by Category模块
网站首页的默认文件是tpl_index_default.php 需要在首页上显示类似兰亭的Featured Categories模块,需要添加以下代码: <table width=100% bo ...
- 如何设置WordPress文章特色图像(Featured Image)
WordPress的特色图像(Featured Image)是一个很方便的功能,过去为了给每篇文章设置一个缩略图,我们需要用脚本去匹配文章中的第一张或者最后一张图片,或者通过附件方式获取图片,有了特色 ...
最新文章
- 【模型解读】从“局部连接”回到“全连接”的神经网络
- php 订单取消,php – 当订单状态从挂起更改为已取消时发送电子邮件通知
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(92)-打印EasyUI 的datagrid表格
- dma接收双缓存 stm32_「STM32学习笔记」USART 新特性
- [Redux/Mobx] redux它的三个原则是什么?
- 在pandas中遍历DataFrame行
- Python读写与追加excel文件
- php离线地图,如何发布百度离线地图及二次开发API
- win10计算机怎么拨号上网,win10拨号连接怎么创建 win10宽带拨号连接如何设置
- BDS和GPS、电离层相关SSR数据解码
- JavaScript运算符优先级
- 系统试运行报告_水污染源在线监测系统验收内容及模板(新版)
- 关系代数 元组关系演算
- PHP基础: CLI模式开发不需要任何一种Web服务器
- 74cms|骑士cms|开源招聘系统,数据结构
- 使用形态学提取连续背景的断层(erosion_rectangle1算子)
- 分布式数据库中间件 MyCat 搞起来!
- NORDIC Thingy:52 蓝牙 BLE 服务 SoC 程序调用流程分析之八, 网盘分享 PPT
- Android 上传文件,图片。以及服务器端接收相关。
- Frontiers出版社3月在检SCIESSCI期刊目录出炉
热门文章
- 思科前员工为报复恶意删除400多台虚拟机,公司损失超1600万
- 动起来!好玩的CSS抖动样式 – CSS Shake
- updog的一个bug修复 支持多线程 视频播放支持跳转
- 探秘双“11”征服马云刘强东的电商架构 !
- 数字信号处理之信号的抽取和内插
- 【心电检测】基于 EMD、CEEMDAN 算法实现呼吸心跳信号检测实例(去除呼吸旁瓣干扰,测量心跳频率)附matlab代码
- C语言的“短路”现象
- Python数据分析报告:北京市每月PM2.5的值和分析影响PM2.5
- oracle数据库优化 -DBA常用Oracle数据库检查报告
- ZCash零知识证明