Gallery Shortcode & WordPress Codex
Interested in functions, hooks, classes, or methods? Check out the new !
Gallery Shortcode
The Gallery feature allows you to add one or more image galleries to your posts and pages using a simple . Since WordPress
and up until , the gallery shortcode was commonly used in its most basic form:
Following 3.5, gallery shortcodes includes the image IDs by default. Like this:
[gallery ids="729,732,731,720"]
It's important to note that this style of gallery shortcode is not new to 3.5, previously we could use the include attribute. However it is much easier to generate and manage with the new
introduced in 3.5.
Specifying IDs in your shortcode allows you to include images in your gallery that aren't necessarily "attached" to your post — that is to say, not uploaded from within your post or page. This flexibility allows you to create and embed any number of galleries containing any number of images!
Note: If you choose to just use the "barebones" version of the [gallery] shortcode in your post or page, only images that are "attached" to that post or page will be displayed.
There are several options that may be specified using this syntax:
[gallery option1="value1" option2="value2"]
You can also print a gallery directly in a template like so:
&?php echo do_shortcode('[gallery option1="value1"]'); ?&
This works too:
$gallery_shortcode = '[gallery id="' . intval( $post-&post_parent ) . '"]';
print apply_filters( 'the_content', $gallery_shortcode );
The following basic options are supported:
orderby 
specify how to sort the display thumbnails. The default is "menu_order". Options:
menu_order - you can reorder the images in the Gallery tab of the Add Media pop-up
title - order by the title of the image in the Media Library
post_date - sort by date/time
rand - order randomly
order 
specify the sort order used to display thumbnails. ASC or DESC. For example, to sort by ID, DESC:
[gallery order="DESC" orderby="ID"]
columns 
specify the number of columns. The gallery will include a break tag at the end of each row, and calculate the column width as appropriate.
The default value is 3.
If columns is set to 0, no row breaks will be included. For example, to display a 4 column gallery:
[gallery columns="4"]
specify the post ID. The gallery will display images which are attached to that post. The default behavior, if no ID is specified, is to display images attached to the current post. For example, to display images attached to post 123:
[gallery id="123"]
size 
specify the image size to use for the thumbnail display. Valid values include "thumbnail", "medium", "large", "full" and any other additional image size that was registered with . The default value is "thumbnail". The size of the images for "thumbnail", "medium" and "large" can be configured in WordPress admin panel under Settings & Media. For example, to display a gallery of medium sized images:
[gallery size="medium"]
Some advanced options are available:
itemtag 
the name of the XHTML tag used to enclose each item in the gallery. The default is "dl".
icontag 
the name of the XHTML tag used to enclose each thumbnail icon in the gallery. The default is "dt".
captiontag
the name of the XHTML tag used to enclose each caption. The default is "dd".
For example, to change the gallery markup to use div, span and p tags:
[gallery itemtag="div" icontag="span" captiontag="p"]
Specify where you want the image to link. The default value links to the attachment's permalink. Options:
file - Link directly to image file
none - No link
[gallery link="file"]
comma separated attachment IDs to show only the images from these attachments.
[gallery include="23,39,45"]
comma separated attachment IDs excludes the images from these attachments. Please note that include and exclude cannot be used together.
[gallery exclude="21,32,43"]
The default expected behavior for a gallery that has no explicit IDs stated is to add all images that have the post as post parent assigned. In other words, add all images that were uploaded using the "Add media" button/link on this post edit screen. Keep in mind that this as well means that every attachment added to that post later on will be interpreted to be part of the gallery. No matter if it was displayed as plain attachment or not.
This should be the default fallback if no argument were provided: ...lorem [gallery] ipsum...
$attachments = get_children( array(
'post_parent'
=& $attr['id'],
'post_status'
=& 'inherit',
'post_type'
=& 'attachment',
'post_mime_type' =& 'image',
=& $attr['order'],
=& $attr['orderby'],
And stop using extract() on shortcode_atts() (or anywhere else). IDEs are not able to backtrace that.
The gallery shortcode is located in .
[gallery],
Codex Resources
Code is Poetry.&table id="deploy_application" class="bordered-table"&
&td id="application_file"&
&input id="file_field" type="file" name="application" size="20" /&
&td id="application_submit"&
&input id="submit_button" type="submit" value="Upload" onclick="uploadFile()" /&
最近在使用ajaxFileUpload插件做文件上传时，后端返回json格式的数据，js代码如下：
function ajaxFileUpload() {
$.ajaxFileUpload
url: '/upload',
secureuri: false,
fileElementId: 'file_field',
dataType: 'json', //这里选择了json
success: function (data, status) {
alert(data);
error: function (data, status, e) {
结果在chrome和FireFox浏览器出现如下错误：
先在网上找了下解决办法，stackoverflow上有说修改ajaxFileUpload源码的方法，试了下，不能用，问题依旧，只能自己排查下原因了。从错误提示上看有点像是json数据中出现了&（尖括号），为了看到json数据，将js修改如下：
function ajaxFileUpload() {
$.ajaxFileUpload
url: '/upload',
secureuri: false,
fileElementId: 'file_field',
dataType: 'content', //这里修改为content
success: function (data, status) {
alert(data);
error: function (data, status, e) {
结果返回的json数据如猜测，json数据被包含在一个&pre&&/pre&的标签中，如下图：
网上查了下原因，是因为Server端的Response上加上了contentType="application/json"。但有时后端这么做是必须的，所以修改ajaxFileUpload源码，将&pre&&/pre&标签去掉，如下：
uploadHttpData: function( r, type ) {
var data = !
data = type == "xml" || data ? r.responseXML : r.responseT
// If the type is "script", eval it in global context
if ( type == "script" )
jQuery.globalEval( data );
// Get the JavaScript object, if JSON is used.
if ( type == "json" ) {
////////////以下为新增代码///////////////
data = r.responseT
var start = data.indexOf("&");
if(start != -1) {
var end = data.indexOf("&", start + 1);
if(end != -1) {
data = data.substring(start + 1, end);
///////////以上为新增代码///////////////
eval( "data = " + data);
// evaluate scripts within html
if ( type == "html" )
jQuery("&div&").html(data).evalScripts();
至此，大工告成，ajaxFileUpload的dataType正常使用json。
P.S. 后端使用Spring MVC 3，采用rest风格
浏览 33624
浏览: 79075 次
来自: 杭州
这代码编译能过？new ServletInputStream( ...
将字段类型boolean换成Boolean就可以了
和lombok没关系
多得楼主的启发，由于我后台为ajax返回的数据是图片的地址，所 ...