忍者ブログ

Wordpressメモとかアフィめもとか

Wordpress,PHP,アフィリエイトとかの個人メモを記録していくよ

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

CSSだけで角を丸くする

わかりやすいようにサイズは大きめ。
div {
    border-radius: 30px; /* CSS3 */
    -webkit-border-radius: 30px; /* Safari,Google Chrome */
    -moz-border-radius: 30px; /* Firefox */
}

実際はこんな感じ

拍手[0回]

PR

WPtouch(1.9.5.3)のカスタマイズ

WPtouch(1.9.5.3)のカスタマイズメモ
正しいかどうかは不明。。

 
 
やったこと(Wordpressの設定からできることは割愛。日本語化とかはWPtouch-ja (日本語化)を参考に。
 
  • カテゴリ一覧で見たときに投稿ごとのアイキャッチ画像を表示
  • 日付の書式変更(YYYY/MM/DD)をにする。
  • 記事ページの下にあるメールやTwitter,Facebookのアイコン消す(前後の記事へ移動するのは消さない)
  • 日本語化した時にタイトルバーの横にあるメニューボタンが改行してるのを直す
 

  • カテゴリ一覧で見たときにアイキャッチ画像を表示
 
/wp-content/plugins/wptouch/themes/defaultにあるfunctions.phpに以下を追加。
 
function catch_that_image() {
    $first_img = '';
 
    if(has_post_thumbnail()){ 
        $first_img = the_post_thumbnail( array(75,75) );
    } else {
        $first_img = "http:/ほげほげ/no_image.jpg";
    }
    return $first_img;
}
$first_img = the_post_thumbnail( array(75,75) );
 
75,75は画像のサイズ
 
$first_img = "http:/ほげほげ/代わりの画像ファイル.gif";
 
http:/ほげほげ/代わりの画像ファイル.gifは投稿にアイキャッチ画像が設定されていないときの代替画像
 
 
/wp-content/plugins/wptouch/themes/defaultにあるindex.phpのアイキャッチ画像を表示したいところに以下を追加。
<a href="<?php the_permalink(); ?>" ><?php echo catch_that_image(); ?></a>
 
今回は上で紹介した参考ページのと同じ箇所に設定。
Ver1.9.5.3では110行目
<div class="post-author">
の前に設定した。
 
  • 日付の書式変更
個人的に時分秒の表示はいらないのでYYYY/MM/DDだけ。
 
アーカイブやカテゴリーの一覧ページの日付書式変更
pluginを日本語化しても、そのままだと「24.09.2012 at 21:08」となじまない書式なので。。。
 
/wp-content/plugins/wptouch/themes/defaultにあるindex.php30行目の
<?php echo get_the_time('M') ?> <?php echo get_the_time('j') ?>, <?php echo get_the_time('Y') ?>
↓に変更
<?php echo get_the_time('Y/m/d'); ?>
 
アーカイブやカテゴリー一覧ページの記事内日付書式変更
111行目の
<?php echo get_the_time('d.m.Y') ?> <?php _e("at", "wptouch"); ?> <?php echo get_the_time('G:i') ?>
を↓に変更
<?php echo get_the_time('Y/m/d') ?>
記事単体の日付書式変更
/wp-content/plugins/wptouch/themes/defaultにあるsingle.phpを編集
 
8行目
<?php echo get_the_time( __( 'M jS, Y @ h:i a', 'wptouch' ) ) ?>
<?php echo get_the_time('Y/m/d') ?>
 
 
  • 記事の下にあるメールやFacebookとかのリンクアイコンを削除
 
/wp-content/plugins/wptouch/themes/defaultにあるsingle.php41行目からの
<ul id="post-options">
<?php $prevPost = get_previous_post(); if ($prevPost) { ?>
<li><a href="<?php $prevPost = get_previous_post(false); $prevURL = get_permalink($prevPost->ID); echo $prevURL; ?>" id="oprev"></a></li>
<?php } ?>
<li><a href="mailto:?subject=<?php
bloginfo('name'); ?>- <?php the_title_attribute();?>&body=<?php _e( "Check out this post:", "wptouch" ); ?>%20<?php the_permalink() ?>" onclick="return confirm('<?php _e( "Mail a link to this post?", "wptouch" ); ?>');" id="omail"></a></li>
<?php wptouch_twitter_link(); ?>
<?php wptouch_facebook_link(); ?>
<li><a href="javascript:return false;" id="obook"></a></li>
<?php $nextPost = get_next_post(); if ($nextPost) { ?>
<li><a href="<?php $nextPost = get_next_post(false); $nextURL = get_permalink($nextPost->ID); echo $nextURL; ?>" id="onext"></a></li>
<?php } ?>
</ul>
↓に
<ul id="post-options">
<?php $prevPost = get_previous_post(); if ($prevPost) { ?>
<li><a href="<?php $prevPost = get_previous_post(false); $prevURL = get_permalink($prevPost->ID); echo $prevURL; ?>" id="oprev"></a></li>
<?php } ?>
<?php $nextPost = get_next_post(); if ($nextPost) { ?>
<li><a href="<?php $nextPost = get_next_post(false); $nextURL = get_permalink($nextPost->ID); echo $nextURL; ?>" id="onext"></a></li>
<?php } ?>
</ul>
いらない(表示したくない)リストを消すだけ


  • 日本語化した時にタイトルバーの横にあるメニューボタンが改行してるのを直す
/wp-content/plugins/wptouch/themes/defaultにあるstyle.cssを編集

223行目からの#headerbar-menuにwidth: 100%;を追加
#headerbar-menu {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
width: 100%;
}
 

拍手[3回]

ブログ内検索

最新コメント

広告

プロフィール

なんとなくはじめてみたよ

忍者ツールズプロフィールは終了しました

カウンター