EZ-SPARROW

タグ: プラグイン

  • Meteor Slidesでタイトルを表示させる方法

    Meteor SlidesというWordpressプラグインはレスポンシブデザインにも対応した大変手軽なプラグインです。

    このプラグインで画像スライドショーに画像のタイトルを表示させる方法の備忘録です。

    詳しい解説は作者のホームページで確認できる。（英語）

    http://jleuze.com/plugins/meteor-slides/customizing-the-slideshow-template/

    Meteor Slidesでタイトルを表示させる方法

    meteor-slideshow.phpファイルの

    </div><!-- .mslide -->

    というコードの上に下のコードを貼付けます。

    <p><?php the_title(); ?></p>

    CSSを追加

    そのままでは表示されないので、CSSに下記を追加で完了です。

    .meteor-slides p {
    background: rgba(0,0,0,0.2);
    bottom: 0;
    color: #000;
    left: 0;
    line-height: 20px;
    margin: 0;
    padding: 2%;
    position: absolute;
    text-align: center;
    width: 96%;
}

  • WordPressのメニューに連番でclassをつける

    WordPressでメニューに連番のclass名をつける方法のメモです。

    個々のメニューにCSSを適用させたい時に便利ですね。

    add_fillterを使ってclassを追加することができる。

    function add_nav_menu_custom_class( $sorted_menu_items ) {
	$num = 1;
	foreach ( $sorted_menu_items as $key => $sorted_menu_item ) {
		$sorted_menu_items[$key]->classes[] = '任意の名前' . $num;
		if ( $num == 1 ) {
			$sorted_menu_items[$key]->classes[] = 'menu-item-first';
		} elseif ( $num == count( $sorted_menu_items ) ) {
			$sorted_menu_items[$key]->classes[] = 'menu-item-last';
		}
		$num++;
	}
	return $sorted_menu_items;
}
add_filter( 'wp_nav_menu_objects', 'add_nav_menu_custom_class' );

    上のコードの任意の名前に連番の前につけたい文字を入力しをfunction.phpに貼付ければOKデス。

    1番から連番で”任意の名前1″,”任意の名前2″・・・・という具合でclassが付与されていきます。

  • WordPressのログイン記録を表示するプラグインCrazy Bone

    Crazy Boneはユーザーのログイン履歴を表示するプラグイン。
    日時、ステータス(ログインしたかどうか)、IPアドレス、ユーザーエージェント(相手の端末やブラウザ情報)などがチェックできる便利なプラグインです。

  • 「Regenerate Thumbnails」でサムネイル画像のサイズを一括変更

    「Regenerate Thumbnails」はサムネイル画像を一括でサイズ変更できるプラグインです。

    テーマを変更した時等、ワンクリックで全ての画像サイズを変更できる。

  • カスタム投稿タイプの最近の投稿（新着記事）をサイドバーに表示する

    カスタム投稿タイプの最近の投稿をサイドバーに表示する

    [Googlead]

    「Executable PHP widget」というプラグインでサイドバーにPHPコードを使える様に設定します。

    「PHP CODE」というウィジェットが追加されますので、下記のコードを貼付ければOK。

    <ul>
<?php query_posts( array(
     'post_type' => array('ここにカスタム投稿タイプ名を入れる'),
     'posts_per_page' => 5 ));
 ?>
<?php if (have_posts()) : while(have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>

    カスタム投稿タイプを最近の投稿に表示する

    [Googlead]

    この場合は、カスタム投稿タイプと通常の投稿の両方を表示したい場合に使用します。’post’,を追加するだけですね。

    <ul>
<?php query_posts( array(
     'post_type' => array('post', 'ここにカスタム投稿タイプ名を入れる'),
     'posts_per_page' => 5 ));
 ?>
<?php if (have_posts()) : while(have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>

  • スクロールの位置をそのままにできるプラグイン「Save Editor Scroll Position」

    Save Editor Scroll Position

    「Save Editor Scroll Position」は投稿画面のスクロールの位置をそのままにできるプラグインです。

  • サイドバーにカスタム投稿タイプのカスタム分類（タクソノミー）を表示

    プラグインを使用する

    「GD Custom Posts And Taxonomies Tools」というプラグインを使用します。

    有効化するとウィジェットエリアに「gdTT Terms List」と「gdTT Terms Cloud」という項目が追加されサイドバーにカスタム分類を表示できる。

    やりたいことはこのプラグインで完結するのですが、プラグインに依存していますので、もう一つ、PHPで作成する方法をご紹介します。

    PHPとプラグインを使用する

    phpファイルに直接書き込んでも良いのですが、サイドウィジェットでPHPを使えるようにする「Executable PHP widget」というプラグインを使います。

    Executable PHP widgetをインストール

    Executable PHP widgetを有効化すると、ウィジェットエリアに「PHP Code」が追加されます。この中ではPHPが使用できる様になります。

    PHPコードを貼り付け

    <ul>
<?php wp_list_categories(
array('title_li' => '', 'taxonomy' => 'タクソノミー名をここに入れる')
); ?>
</ul>

    テンプレート内でタクソノミーを表示

    リンク付きでタクソノミーを表示

    「表示の前」、「セパレーター」、「表示の後」は任意、不要の場合は削除します。

    <?php
$taxonomy = タクソノミー名をここに入れる;
echo get_the_term_list( $post->ID, $taxonomy, '表示の前','セパレーター','表示の後' );
?>

    リンクなしでタクソノミーを表示

    <?php
$terms = get_the_terms( $post->ID, 'タクソノミー名をここに入れる' );
          echo "表示の前";
     foreach ( $terms as $term ) {
          echo "".$term->name."";　//li等があれば""の間に入れる
     }
          echo "表示の後";
?>