竹磬网-邵珠庆の日记 生命只有一次,你可以用它来做些更多伟大的事情–Make the world a little better and easier


29月/130

二十五个精美的后台管理界面模板和布局

发布在 邵珠庆

任何系统都会有一个管理后台,好看的管理后台看起来赏心悦目,管理的时候心情也舒畅,本文给大家推荐 25 个制作精美的后台管理界面的模板和布局,你值得拥有。

Free Admin Template

Web App Theme

Spring Time

Free Admin Template For Web Applications

Free Admin Template

INADMIN

Free admin skin

AdminPraise Lite

Premium Admin HTML Website Templates

MWS Admin – Full Featured Admin Template

Color life – Premium Admin Template

AdminCP

Spina – Premium Admin Template + Tablet Theme

Cupcake – Premium Admin Template + Mobile Theme

xSystem – HTML5 and CSS3 Admin Template

Mandy Lane Premium Admin Template

It’s Brain – premium admin theme

vPad – HTML5+CSS3 App Framework

Adminium – Modern Admin Panel Interface

Peach – Clean & Smooth Admin Template

Lagu Admin Premium Template

Ready Made Admin – Full Featured Admin Theme

Grape – Professional & Flexible Admin Template

Chameleon Circuit – Full Featured Admin Theme

Admin Control Panel v2

White Label – a full featured Admin Skin

 

29月/130

五十个挑花眼的 Twitter Bootstrap 模板(第二部分)

发布在 邵珠庆

Twitter Bootstrap Bootstrap 是一个基于 HTML,CSS,JAVASCRIPT 的简洁灵活的 网站前端框架及组件包。

BootAdmin – All-In-One Admin Responsive Template

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Online Shop
  • Site Pages/ Photo Gallery
  • Booking System
  • Finance

Supr – Responsive Admin Template

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Fully Responsive Layout
  • Build on Twitter Bootstrap
  • jQuery Plugins

Conquer – Responsive Admin Dashboard Template

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Clean and Responsive Design
  • Fixed Header Layouts
  • Friendly code & Template Pages
  • 42+ jQuery Plugins

Beoro Admin Responsive Template

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Responsive Layout (Bootstrap Framework)
  • HTML5/CSS3
  • custom pages, invoice,mailbox, blog, help/faq
  • Charts

Start – Metro UI Responsive Admin Template

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Responsive Layout (Bootstrap Framework)
  • Beautiful Clean Design
  • Plugins Everywhere
  • Easy to Adapt

Chromatron HTML5 Admin Backend

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • HTML5 syntax & CSS3 markup
  • Twitter Bootstrap compatible
  • Responsive design
  • Fluid grid system

WordPress Bootstrap Themes

Free Roots Theme for WordPress

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Roots WordPress Starter Theme
  • HTML5 Boilerplate & Bootstrap

AlYoum | Retina Magazine & Blog WordPress Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • 19 Ready Widgets
  • 8 Ready HomePage Templates
  • Drag and Drop layout builder
  • Retina Display Ready

Point Business Responsive WP Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Fully Responsive
  • HTML5 & CSS Code
  • Woocommerce 2.0.5 Ready
  • Drag & Drop GT3 Page Builder

Alterna – Retina Responsive Multi-Purpose WordPress Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Retina-Ready
  • Visual Composer page builder
  • 5 Header Layout style
  • Bootstrap builder
  • Layer slider and Revolution Slider

Frenzy Responsive Multi-Purposes Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Fully Responsive
  • WooCommerce Compatibility
  • Post Formats

Black Label – Fullscreen Video & Image Background

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Fullscreen Video Background Support
  • Fullscreen HTML5 Video Background Support
  • Fullscreen Images Background Support
  • Responsive HTML5 & CSS3
  • Retina Display ready
  • Audio Background while viewing images

SmartBox – Responsive WordPress Bootstrap Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Responsive Design
  • Based on Bootstrap
  • Retina Display Ready
  • Custom Widgets

BUILDER – Responsive Multi-Purpose Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • HTML5 & CSS3 & jQuery
  • JQuery Responsive Dropdown menu
  • Respinsive Design

One Touch – Multifunctional Metro Stylish Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Fully Responsive WordPress Theme
  • Retina Ready
  • Google Fonts
  • Drag Drop page Builder

Fundraising/Charity Premium WordPress Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Create Cause
  • Promote Causes with Landing Page Builder
  • Responsive Design

Studiofolio: A Versatile Portfolio and Blog Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Infinite Portifolio and Galleries
  • Fluid or Fixed Width Layout
  • Custom backgrounds for pages

Blogbold – Responsive Metro Blogmagnews Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Blogbold is Responsive WordPress theme
  • layout builder and module
  • Developed base on Bootstrap

Quartum Responsive Portfolio WP Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • 45+ Custom Shortcodes
  • Shortcode Generator
  • Translation Ready
  • Built with Bootstrap

Knowledge Base – A WordPress Wiki Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Modern Design
  • Responsive Layout
  • Ajax Based Live Search
  • Bult in Twitter Bootstrap

Metro Mobile Premium WordPress Mobile Template

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Metro Style Layout
  • Create your own Metro Style
  • Camera Slider
  • Mobile Detection

Valencia | Responsive WordPress Theme

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Responsive Layout
  • Powerful Admin Panel
  • Layout Builder

TrustMe – Responsive WordPress Magazine / Blog

50 个让你挑花眼的 Twitter Bootstrap 模板(第二部分)

Features

  • Builtin Review Posts
  • Fully Responsive Design
  • Ajax Rebuild Thumb
29月/131

五十个挑花眼的 Twitter Bootstrap 模板(第一部分)

发布在 邵珠庆

Twitter Bootstrap Bootstrap 是一个基于 HTML,CSS,JAVASCRIPT 的简洁灵活的 网站前端框架及组件包。

Free Bootbusiness

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Twitter Bootstrap version: 2.1.1
  • HTML5 & CSS3 with Responsive
  • Slider in Home page
  • Lightbox in Portfolio page

Free Responsive HTML Template Andia

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Responsive Layout
  • 5 Pages: Home, Portfolio, Services, About, Contact
  • Responsive Image Slider (Flexslider)
  • Filterable Portfolio (jQuery Quicksand and PrettyPhoto)
  • AJAX Contact Form with Form Validation

Readable (Free)

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Responsive Layout
  • Typography, navbar, buttons, forms and tables

Smashing Theme – Responsive HTML5 Theme

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Responsive
  • Retina support
  • 250 vector icons
  • Contact Form 7 support
  • Custom Portfolio

Myway – Onepage Bootstrap Parallax Retina Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Fully Responsive
  • Parallax Effect
  • Retina Ready
  • Google Fonts

VALOR – Responsive HTML Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • HTML5 & CSS3 & jQuery
  • Responsive Bootstrap grid
  • Filtered portfolio with css3 animations
  • Working js/php Contact Form

YellowProject Bootstrap Responsive Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Bootstrap Based
  • Valid HTML5 & CSS Code
  • Responsive Design
  • Retina Ready

OHMY! HTML5, CSS3, Bootstrap website template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • HTML5 & CSS3 Bootstrap Based
  • 10 color schemes
  • 4 sliders and 3 functional widgets
  • Fully Responsive

Edge Corporate Web Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Fully Responsive
  • Incredible design
  • Twitter Bootstrap Framework

Xiara – Responsive Onepage Parallax HTML Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Contact Form Ready
  • Fully Responsive
  • Based on Bootstrap

Verendus – Responsive Business Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Two Premium Sliders worth $20
  • Unlimited Styles
  • 22 Layered PSD Files

Joiee – Multipurpose Responsive HTML5 Theme

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Clean, Blod, Responsive
  • Retina Ready HTML5 Theme
  • suitable for any business

Crafty – Responsive Retina-ready HTML Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Fully Responsive
  • Retina-Ready template with BootStrap

Viva – HTML5 Responsive Unique Theme

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Fully Responsive on bootstrap
  • CSS3 + Sorting Portfolio

oRESUME – Responsive Vcard & Portfolio

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Sortable Portfolio
  • Skin Maker

Roy – Responsive Vcard With Facebook Layout

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Twitter Bootstrap
  • HTML5 & CSS3
  • Unique Design
  • Fully Responsive

Night Life Bootstrap Responsive Dark Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Fully Responsive
  • Background Animation
  • Creative Gallery Montage
  • Bootstrap Enchanced

Plain Responsive Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Responsive HTML5 and CSS3 design
  • Based on latest Twitter bootstrap (v2.2.1)
  • jQuery 1.7.2
  • Support for touch gestures on mobile devices

Jday – Coming Soon page

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Responsive HTML5 and CSS3 design
  • Contact Form
  • PHP Scripts
  • 3D amazing Backgrounds

Greened – Bootstrap Coming Soon Page

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Bootstrap v2.2.1 and Responsive Layout
  • Optimized for Ipad and Iphone
  • 40 Pattern Background
  • FullScreen Slideshow Transition Effects

Caelus – Bootstrap Coming Soon Page

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Built with Bootstrap 2.2.2 and Responsive
  • jQuery countdown timer
  • CSS3 animated sign up

Charisma – free, responsive admin template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • 9 different themes
  • Fully responsive
  • Based on Bootstrap
  • HTML5 valid and CSS3

MWS Admin – Full Featured Admin Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • Responsive Layout
  • unlimited Colors
  • Bootstrap Integration
  • jQuery-UI Integration

Boo Admin – Responsive Template

50 个让你挑花眼的 Twitter Bootstrap 模板

Features

  • HTML5/CSS3
  • iPad & iPhone Friendly
  • Integrated Bootstrap Plugins

Amsterdam – Premium Responsive Admin Template

50 个让你挑花眼的 Twitter Bootstrap 模板

311月/119

制作标签云页面の模板标签-wp_tag_cloud()

发布在 邵珠庆

说明

该标签于WordPress 2.3版本投入使用,可在所谓的“标签云”中显示多个标签,所显示标签的大小取决于该标签的使用频率。WordPress 2.8中的wp_tag_cloud引入了taxonomy参数,使分类法被用作云的产生基础。这意味着,例如,你可以通过wp_tag_cloud向访 问者展示文章的分类云。

用法

<?php wp_tag_cloud( $args ); ?>

默认用法

 <?php $args = array(
    'smallest'  => 8, 
    'largest'   => 22,
    'unit'      => 'pt', 
    'number'    => 45,  
    'format'    => 'flat',
    'separator' => '\n',
    'orderby'   => 'name', 
    'order'     => 'ASC',
    'exclude'   => , 
    'include'   => , 
    'link'      => 'view', 
    'taxonomy'  => 'post_tag', 
    'echo'      => true ); ?>

默认情况下所显示的结果:

  • smallest —— 最小的标签(使用次数最少)显示大小为8
  • largest ——最大的标签(使用次数最多)显示大小为22
  • unit —— 最大值最小值的单位为'pt'
  • number —— 至多显示45个标签
  • format —— 以平面形式显示所有标签(标签之间用空格隔开)
  • separator —— 显示标签之间的空格
  • orderby —— 按名称为标签排序
  • order —— 以升序排列
  • exclude —— 不排除任何标签
  • include —— 包括所有标签
  • link —— 可视
  • taxonomy —— 用文章的标签作为云基础
  • echo —— 响应结果

参数

smallest

(整数)(可选)使用次数最少的标签的字号大小(单位由unit参数决定)

默认值:8

largest

(整数)(可选)使用次数最多的标签的字号大小(单位由unit参数决定)

默认值:22

unit

(字符串)(可选)对smallestlargest的值的测量单位。可以是任何CSS长度单位,如pt, px, em, %。

默认值:'pt'

number

(整数)(可选)显示在云中的实际标签数。(值为'0'时显示所有标签)

默认值:45

format

(字符串)(可选)所显示的云的格式。

  • 'flat' (默认值)标签被“separator”参数所定义的空格分隔
  • 'list' 标签与class='wp-tag-cloud' 共同在UL中
  • 'array' 标签在数组中,函数以数组方式返回标签云,以用在PHP中。注意:数组被返回,而非显示,引入于WordPress 2.5

separator

(字符串)(可选)标签之间的文本/空格。注意:该参数引入于WordPress 2.9

默认值:'/n' (空格)

orderby

(字符串)(可选)标签的排列顺序。有效值包括:

  • 'name' (默认值)
  • 'count'

order

(字符串)(可选)排列顺序(升序或降序)。有效值包括——必须大写:

  • 'ASC' ——默认值
  • 'DESC'
  • 'RAND' —— 以任意顺序排列标签。注意:该标签引入于WordPress 2.5

exclude

(字符串)(可选)将要被排除的标签(term_id)的ID,各ID用逗号隔开。如 'exclude=5,27'表示不显示term_id为5或27的标签。默认值为不排除任何标签。

include

(字符串)(可选)要包含的标签(term_id)列表,各ID用逗号隔开。例如, 'include=5,27' 表示只显示term_id为5或27的标签。默认为包含所有链接。

link

(字符串)(可选)设置链接,允许编辑某个指定标签。注意:该标签引入于WordPress 2.7。有效值包括:

  • 'view' (默认值)
  • 'edit'

taxonomy

(字符串)(可选)用以生成云的分类法。注意:该标签引入于WordPress2.8

  • 'post_tag' —— (默认值)将文章标签当作云的来源
  • 'category' —— 用文章分类生成云
  • 'link_category' —— 用链接分类目录生成云

echo

(布尔型)(可选)显示结果,或将结果保留在变量中。默认值为true(显示标签云)。注意:该标签引入于WordPress2.8。有效值包括:

  • 1 (true) —— 默认值
  • 0 (false)

示例

显示常用标签标题的云

<?php if ( function_exists('wp_tag_cloud') ) : ?>
<li>
<h2>Popular Tags</h2>
<ul>
<?php wp_tag_cloud('smallest=8&largest=22'); ?>
</ul>
</li>
<?php endif; ?>

限制标签大小且以使用次数而非名称排列标签的云

<?php wp_tag_cloud('smallest=8&largest=22&number=30&orderby=count'); ?>  

以数组形式返回云,但不显示

在变量$tag中包含标签云,以用在其它PHP代码中

 <?php $tag = wp_tag_cloud('format=array' );?>  

创建标签存档

WordPress 2.3新增了一个显著功能——标签,wp_tag_cloud标签可用来展示一个标签存档索引。这就表示,访问者在显示标签云的页面上点击某个标签时,该标签所属的所有文章都会展示在页面上。根据模板层级,如果tag.php模板不存在,那么就使用archives.php模板。通过tag,php模板你可以自定义标签存档索引的样式,为方便导航,模板会在最上方包含标签云。

要将标签云显示在模板上方,你需要将一个新模板添加到主题文件中。模板模板层级中有相关介绍。基础步骤包括:

1. 用下面的内容创建一个文件,命名为tag.php

2. 将新文件上传到主题目录下

3. 如果你希望在页面导航中加入一个指向标签索引的链接,可进行第三步骤,否则点击某个标签时会使用新模板。

  • 用新模板新建一个空白页面,将页面命名为标签存档索引。

对第三步的进一步阐述:

WordPress可为不同页面使用不同页面模板。在页面>添加新页面界面的最下方(或是侧边栏,取决于你安装的WordPress版本)有一个名为“页面模板”的下拉式菜单。你可以在这里选择显示某个页面所用的模板。

<?php /*
Template Name: Tag Archive
*/ ?>
<div>
<?php get_header(); ?>
<h2>Tag Archive</h2>
<?php wp_tag_cloud(''); ?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link('? Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries ?') ?></div>
</div>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="entry">
<?php the_content('Read the rest of this entry ?'); ?>
</div>

<?php endwhile; ?>
<?php endif; ?>
</div>
<?php get_footer(); ?>

注意,模板还没有添加样式。通过查看single.php主题文件可以了解你的主题所用的结构。