如何在WordPress中使用shadowbox
如何将Shadowbox集成到WordPress中 集成到WordPress中,步骤与使用Shadowbox大体相同,只是要用WordPress的语言来描述。这里以默认主题twentyeleven为例。 集成Shadowbox有专门插件,但如果你想明白到底发生了什么,下面我会告诉你。 1. 下载Shadowbox脚本 到Shadowbox下载页面,adapter选择jquery,选好自己需要的功能,点击页面底部的zip或tar格式下载即可。 下载后将Shadowbox文件夹放到WordPress主题的根目录,重命名为shadowbox(可选步骤)。 2. 创建使用shadowbox的WordPress模版 创建page-shadowbox.php文件,打开文件,写模版声明,模版命名为Shadowbox<?php/* * Template Name: Shadowbox */3.引入Shadowbox脚本和样式表 add_action('wp_enqueue_scripts', 'shadowbox_load_resources');function shadowbox_load_resources() { wp_enqueue_script('shadowbox', get_template_directory_uri() . '/shadowbox/shadowbox.js', array('jquery')); wp_enqueue_style('shadowbox', get_template_directory_uri() . '/shadowbox/shadowbox.css');}4. 初始化Shadowbox add_action('wp_footer', 'shadowbox_init');function shadowbox_init(){ ?> <?php}5. 下面开始写模版文件即可 page-shadowbox.php的文件代码如下 <?php *="" template="" name:="" shadowbox="" *//*="" *="" load="" shadowbox="" stylesheet="" and="" javascript="" *="" you="" can="" load="" shadowbox="" globally="" by="" put="" the="" code="" snippets="" into="" functions.php="" */add_action('wp_enqueue_scripts',="" 'shadowbox_load_resources');function="" shadowbox_load_resources()="" {="" wp_enqueue_script('shadowbox',="" get_template_directory_uri()="" .="" '/shadowbox/shadowbox.js',="" array('jquery'));="" wp_enqueue_style('shadowbox',="" get_template_directory_uri()="" .="" '/shadowbox/shadowbox.css');}/*="" *="" init="" shadowbox="" at="" footer,="" make="" sure="" to="" load="" shadowbox.js="" first="" */add_action('wp_footer',="" 'shadowbox_init');function="" shadowbox_init(){="">?php> <?php}/* * Now we can start writing the template */get_header();?> <?php while (have_posts()) : the_post(); ?> <?php get_template_part('content', 'page'); ?> <?php comments_template('', true); ?><?php endwhile; // end of the loop. ?> <?php get_footer(); ?>6. 创建一个页面 选择模版Shadowbox,在编辑器中输入一些链接,记得加上rel="shadowbox"属性激活shadowbox,比如写 solagirl
如何优雅地在WordPress中实现LightBox与相册展示效果
经过一个下午的折腾,发现问题出在WordPress原生媒体库上。使用WordPress自带媒体库在文章内生成相册时,无法将图片指向单纯的图片链接本身,导致无法触发Lightbox特效。
解决方案:
使用 NextGEN Gallery 插件代替WordPress自带媒体库:WordPress ? NextGEN Gallery ? WordPress Plugins,汉化包在这里Simplified Chinese Language Pack for NextGEN Gallery,使用方法参考这里。注意在插件设置-选项-效果中将JavaScript 缩略图效果设置为不显示。
使用wp-jquery-lightbox插件形成Lightbox特效:WordPress ? WP jQuery Lightbox ? WordPress Plugins。无需设置。
wordpress插入视频怎么实现lightbox效果模式
使用 NextGEN Gallery 插件代替WordPress自带媒体库:WordPress ? NextGEN Gallery ? WordPress Plugins,汉化包在这里Simplified Chinese Language Pack for NextGEN Gallery,使用方法参考这里。注意在插件设置-选项-效果中将JavaScript 缩略图效果设置为不显示。使用wp-jquery-lightbox插件形成Lightbox特效:WordPress ? WP jQuery Lightbox ? WordPress Plugins。无需设置。。
WordPress的colorbox插件安装问题
jQuery Colorbox是WordPress的一个图片效果插件,它自带着11个效果主题让你自由选择,>>查看主题效果。这个插件要与NextGEN Gallery相册插件结合使用,并在NextGEN Gallery的设置中设置没有效果。当我们新写一篇日志或页面的时候,经常会生成缩略图并指向或链接到原始图片,当点击一个缩略图时,所有的图片都可以在显示在另一层上,所有指向一个图片或链接的图片可以给组织到一个相册中进行显示,并可以进行特效播放。私人照片可以通过CSS屏蔽,不让显示。。
怎样给wordpress加上在线聊天组件
在WordPress编辑文章(post)的时候,我们可以看到有很多小组件——发布、分类目录、标签等,那我们如何自定义一个呢?请看后文。
玉照
[caption id="attachment_3402" align="aligncenter" width="934"]post_meta_box post_meta_box[/caption]
代码
[codesyntax lang="PHP"]
add_action('add_meta_boxes', 'suren_add_meta_boxes', 10, 2);
function suren_add_meta_boxes($post_type, $post)
{
add_meta_box(
'my-meta-box',
__('meta-box'),
'suren_render_my_meta_box',
'post',
'normal',
'default'
);
}
function suren_render_my_meta_box()
{
echo 'hello meta box';
}
[/codesyntax]
如何在WordPress后台添加Meta信息
打开你的主题里面的functions.php文件,粘贴下面的代码到文件中。
$prefix = 'dbt_';
$meta_box = array(
'id' => 'my-meta-box',
'title' => 'Custom meta box',
'page' => 'post',
'context' => 'normal',
'priority' => 'high',
'fields' => array(
array(
'name' => 'Text box',
'desc' => 'Enter something here',
'id' => $prefix . 'text',
'type' => 'text',
'std' => 'Default value 1'
),
array(
'name' => 'Textarea',
'desc' => 'Enter big text here',
'id' => $prefix . 'textarea',
'type' => 'textarea',
'std' => 'Default value 2'
),
array(
'name' => 'Select box',
'id' => $prefix . 'select',
'type' => 'select',
'options' => array('Option 1', 'Option 2', 'Option 3')
),
array(
'name' => 'Radio',
'id' => $prefix . 'radio',
'type' => 'radio',
'options' => array(
array('name' => 'Name 1', 'value' => 'Value 1'),
array('name' => 'Name 2', 'value' => 'Value 2')
)
),
array(
'name' => 'Checkbox',
'id' => $prefix . 'checkbox',
'type' => 'checkbox'
)
)
);
转载请注明出处51数据库 » wordpresspirobox