這次換skin，主题time
新增加的修改做一下記錄，方便以後修改。
1.側欄按照發售日排序。兩種寫法
以前用這種
<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $args=array( 'meta_key' => 'sort', 【按照sort 發售日排序 'tag__in' => array(1072), 【TAG的編號 'orderby' => 'meta_value_num', // 须 WordPress 2.8 及以上版本 'showposts' => -1, 【全部顯示 'paged' => $paged, 'order' => DESC 【順序 ); query_posts($args); while (have_posts()): the_post(); ?> <li class="cf"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a> <?php comments_number( '(0)', '(1)', '(%)' ); ?></li> 【以上為顯示的格式】 <?php endwhile;wp_reset_query();?> |
現在用這種。根據 ff-tab-widget 插件改編
<?php if(!empty($fftw_nav2)){ ?> <div class="fftw-pane2"> <?php // nav2 $popular = new WP_Query( array( 'posts_per_page' => $poplimit, 'meta_key' => 'sort', 【按照sort 發售日排序 'tag__in' => array(1072), 【TAG的編號 'showposts' => -1, 【全部顯示 'orderby' => 'meta_value_num', 'order' => 'DESC' ) ); $html = '<ul class="fftw-show-thumbnail">'; while ( $popular->have_posts() ) : $popular->the_post(); 【以下為如何顯示】 $html .= '<li>'; $html .= ''; $html .= get_the_post_thumbnail(get_the_ID(), array(40,40)); $html .= '<span>' . get_the_title() . '</span>'; $html .= ''; $html .= '</li>'; endwhile; $hmtl .= '</ul>'; echo $html; ?> </div><!-- /.fftw-pane2 --> <?php } ?> |
2.引用縮略圖的改進編
<?php if (has_post_thumbnail()) : ?> 【如果有特色圖片，就用特色圖片】 <a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_post_thumbnail(); ?></a> <?php elseif ( get_post_meta($post->ID, 'image', true) ) : ?> 【如果沒有特色圖片，自定義欄目有image】 <?php $image = get_post_meta($post->ID, 'image', true); ?> <a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a> <?php else: ?> 【如果上面兩個都沒有，就選取日誌中的第一張圖片作為縮略圖，如果日誌中沒有圖片，就用固定圖片來取代，要在function里配合使用後面那段代碼】 <a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><img src="<?php echo get_post_thumbnaill() ?>" / alt="<?php the_title(); ?>"></a> <?php endif; ?> 增加下面這段 function get_post_thumbnaill() { preg_match_all('/\< *[img][^\>]*src *= *[\"\']{0,1}([^\"\'\ >]*)/', get_the_content(), $matches); if (count($matches[1]) > 0) : return $matches[1][0]; else: return bloginfo('template_directory').'/assets/images/placeholder.png'; 【此為固定圖片】 endif; } |
3.增加使用簡易短代碼
function內增加
/* Hr /* ------------------------------------ */ function alx_hr_shortcode($atts,$content=NULL) { $output = '<div class="hr"></div>'; return $output; } add_shortcode('hr','alx_hr_shortcode'); /* Highlight /* ------------------------------------ */ function alx_highlight_shortcode($atts,$content=NULL) { $output = '<span class="highlight">'.strip_tags($content).'</span>'; return $output; } add_shortcode('highlight','alx_highlight_shortcode'); /* Pullquote Left /* ------------------------------------ */ function alx_pullquote_left_shortcode($atts,$content=NULL) { $output = '<span class="pullquote-left">'.strip_tags($content).'</span>'; return $output; } add_shortcode('pullquote-left','alx_pullquote_left_shortcode'); /* Pullquote Right /* ------------------------------------ */ function alx_pullquote_right_shortcode($atts,$content=NULL) { $output = '<span class="pullquote-right">'.strip_tags($content).'</span>'; return $output; } add_shortcode('pullquote-right','alx_pullquote_right_shortcode'); |
CSS內增加
/* shortcode : hr /* ------------------------------------ */ hr, .hr { background:url(../images/tags.png) repeat-x;height:3px;border:none;margin:15px 0 } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left { color: #444; border-left: 6px solid #eee; float: left; margin: 0.78em 1em 0.78em 0; padding: 0 0 0 20px; font-weight: 600; width: 40%; background:#f2f7f8} .pullquote-right { color: #444; border-right: 6px solid #eee; float: right; margin: 0.78em 0 0.78em 1em; padding: 0 20px 0 0; font-weight: 600; width: 40%; background:#F3F3F3} /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #222; border-bottom: 1px dotted #222; } |
效果如下
highlight
pullquote-left
pullquote-right
4.表格的CSS。
th,td{display:table-cell;vertical-align:inherit;padding:2px 3px; border:1px solid #d1d9db} th{ background:#d1d9db} th{font-weight:normal; } tr:nth-child(odd){ background-color: #f2f7f8} td{text-align:inherit;} td:hover { background-color:#dae3e5} |
5.增加skin記錄
6.簡化音樂格式的引用，不用文章格式來判斷，直接用自定義段來判斷。
<?php if ( get_post_meta($post->ID, 'track', true) ) : ?> 【如果自定義欄有track這個值】 Artist：<?php $key="artist"; echo get_post_meta($post->ID, $key, true); ?><br> Track：<?php $key="track"; echo get_post_meta($post->ID, $key, true); ?> <audio controls loop preload style="width: 100%; " name="media" src="<?php $key="mp3url"; echo get_post_meta($post->ID, $key, true); ?>"></audio> 【自動循環，支持ios端】 <?php else : ?> |
7.首页调用最新和分类文章
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | 最新文章 <?php query_posts('showposts=4&cat=-4');?> 【不包含分类编号4】 <?php if ( have_posts() ) : ?> <?php $count = 0; ?> <?php /* Start the Loop */ ?> <?php while ( have_posts() ) : the_post(); ?> <?php if($count == 0) echo "<div class='row'>" ; elseif($count%2 == 0) echo "</div><!--.row--><div class='row'>"; get_template_part( 'content', 'grid4' ); $count++; ?> <?php endwhile; ?> <?php echo "</div><!--.row-->"; ?> <?php else : ?> <?php endif; ?> 分类1表示法 <h2><li></li> </h2> <?php query_posts('showposts=2&cat=');?> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); get_template_part( 'content', 'grid4' ); endwhile; else : endif; ?> 分类2表示法 <h2><li></li> </h2> <?php query_posts('showposts=5&cat=');?> <?php if ( have_posts() ) : ?> <?php while ( have_posts() ) : the_post(); ?> <li><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title(); ?></a></li> <?php endwhile; ?> <?php else : ?> <?php endif; ?> |
更新日：2015/08/26 · 18:51
————本日志版权归花莫笑所有。
日志内的相关图文请勿转载。