カスタマイズ – WordPress実験中！

コメントをスレッド対応にする

千絵2014年3月8日2014年3月8日にコメントを残す

WordPress2.7から、コメントを階層（入れ子）にできるようになりました。
「設定」－「ディスカッション」で階層を指定するだけでできます。
このブログで使っていたコメント用プラグインを削除しました。
コメントフォームは次のようになりました。

しかし、メインブログ（きまま日記）で使っている自作テーマ（GreenBase）では対応しておりません。

そこで、少しだけ comments.php に追加をしました。
残念ながら段落が下がらないのですが、それは次への課題とします。

コメント欄に、ウェブサイトを入力

千絵2013年12月10日2013年12月10日にコメントを残す

きまま日記のコメント欄の変更です。
comments.php の、$defaults　の中に次のコードを加えました。

'url' => '<p id="inputtext"><label for="url">' . __( 'Website' ) . '</label>' .
'<br /><input id="url" name="url" type="text" value="'
. esc_attr( $commenter['comment_author_url'] ) . '" size="70" /></p>'

メインブログのコメントは、WordPress　標準のテンプレートを使っております。多機能で便利なものは、一部の人に不人気なもので(^^;
コメントを表示しているのは、小粋空間 Yujiro Araki　さんの「Commented entry list」プラグインです。シンプルで気に入っております。

Suffusionのヘッダーの検索ボックスを消す

千絵2013年5月12日にコメントを残す

次のようにオプションを設定しました。
検索ボックスがあると、ヘッダー画像がうまく表示されないので削除しました。
実行結果はコチラです。

Livefyreの導入 3

千絵2013年4月6日2013年4月6日3件のコメント

コメントシステムを、DISQUS から Livefyre に変えてみました。
参考にさせていただいたのは、「http://www.imamura.biz/blog/cms/wordpress/1507」さまです。ありがとうございました。

DISQUS と比べると、とても軽くていいです。

アクセスカウンター設置

千絵2013年3月14日2013年5月12日にコメントを残す

アクセスカウンター（Counterize II）をジャズピアノ練習ブログ（Wordpress3.5.1）のサイドバーに設置してみました。

設置のやり方はこちらのサイト（Memoteki様）を参考にさせていただきました。
簡単に設置できますが、テキストでPHPを扱うためのプラグイン（Exec-PHP）が必要です。
どちらも、Wordpress のプラグインから検索してインストールすることができます。

ディフォルトでは昨日のカウントはできません。が、こちらのサイト（Date Assist In Aizu様）にカスタマイズ方法が書いてありました。
使わせていただきました。

ヘッダー画像のスライドショー 2

千絵2012年10月6日2013年8月6日2件のコメント

実はこれはやりたかった機能の一つです。
使用ブログ

WordPressには、jQuery(ジェイクエリー)というライブラリが用意されていますので、あらかじめこれを使う設定だけしておきます。

次に、CrossSlide サイトから「jquery.cross-slide.min.js」というファイルをダウンロードします。Download minified を右クリックして保存することができます。

このファイルは、Themeフォルダにアップロードします。

WordPressでは、「外観」→「ヘッダー」をクリックし、カスタムヘッダーの画像をアップロードしておきます。※画像は、Function.php で指定したサイズにします。
「ランダム」という項目をチェックします。ここをチェックしてある場合だけ、スライドショーにするようにします。
ループは1回に設定しました。設定しないといつまでも動いています。

Function.php でJQueryの出力設定を指定します。

//jQueryの設定を出力
add_action('wp_head', 'myScript', 1);
function myScript() {
	wp_enqueue_script('jquery');

wp_enqueue_script('jquery.cross-slide.min.js', 
get_bloginfo('template_url') . '/jquery.cross-slide.min.js');
}

ヘッダーファイル（header.php）に、ヘッダー画像のURLを出力する設定をします。

<?php if(!is_single()): ?>
<?php if(get_header_image()): ?>

<script>
  jQuery(function() {
    jQuery('#slideshow').crossSlide({
      sleep: 3,
      fade: 1,
	  loop: 1
    }, [
<?php $headers = get_uploaded_header_images(); ?>
<?php foreach ($headers as $key => $value): ?>
	{ src: '<?php echo $value['url']; ?>' },
<?php endforeach; ?>
    ])
  });
</script>

<div id="slideshow"></div>
<?php endif; ?>
<?php endif; ?>