【 更新備忘 】

TIME 更新記錄

這次換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記錄

http://fqfm.info/blog/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


————本日志版权归花莫笑所有,日志内的相关图文请勿转载!!

Leave a Reply

Your email address will not be published.

[愛你] [害羞] [饞嘴] [可愛] [拜拜] [親親] more »