ブログ

WordPressの標準メニューでリンク先をtarget=”_blank”とし、別窓でリンク先を開く方法。

[Googlead]

上部の　表示オプション　から　詳細メニュー設定を表示　の　リンクターゲット　にチェックを入れる。

すると　リンクを新しいタブで開く　というチェックボックスが表示られるようになるので、チェックを入れるだけ。

 

商品一覧ページ等に価格帯　最低金額～最高金額　を表示する方法。

今回はカスタム投稿productで商品が登録されていて、カスタムフィールド price に価格の値が格納されており、任意の固定ページで最高価格を取得し表示するというケース。
ポイントは1件だけ表示し、並び替え（order）をDESCに指定する事。逆に最低価格はASCにすれば取得できる。

[Googlead]

<?php
$page = get_page(get_the_ID());
$args = array(
			'post_type'=>'product',/*投稿タイプ*/
			'posts_per_page'=>'1',/*1件だけ*/
			'orderby' => 'meta_value_num',
			'order' => 'DESC',
			'meta_key'=>'price'
);
$max_query  = new WP_Query($args); ?>
<?php while ($max_query -> have_posts()) : $max_query -> the_post(); ?>
<?php echo number_format($post->price); ?>
<?php endwhile;
wp_reset_postdata();
?>

 

wordpressでログイン中のユーザーのアバターを表示するコードのメモ。

100はサムネイル画像のサイズを指定。

<?php
global $current_user;
get_currentuserinfo();
echo get_avatar( $current_user->ID,100 );
?>

 

<span style="display: none;">お名前: [text* your-name default:user_display_name]
メールアドレス: [email* your-email default:user_email]</span>

 

<?php
if ( !is_page_template('テンプレート名.php') ) {
   $fixed_id = '追加したいID';
} else {
}
?>
<div class="<?php echo ( $fixed_id )?>">

 上記のコードはある特定のテンプレートを表示している時にテンプレートファイル内のｈｔｍｌにコードをふる方法だ。

これによって、ある特定のテンプレートだけデザインを変えたいという時に重宝する。

もちろんbodyタグにも標準で様々なクラスがふられているので、それらを利用することもできるわけだが

ピンポイントでIDを付与したいときにはこういったコードも役に立つことがある。

ソーシャルボタンのプラグインとして有名なのは「WP Social Bookmarking Light」だろう。

ただ、サイトのデザインに力を入れてくるとどうしてもサイトに合ったオリジナルのデザインで設置したくなるものだ。

かといって、開発者登録をして本格的に・・・・

というのもちょっと違っている。もっと手軽にやりたい。

という方にお勧めなのが

「simple share buttons adder」というプラグインだ。

このプラグインの優れているところは多数のデザインから

ソーシャルボタンのアイコンを選択できることに加え

オリジナルの画像を使用することもできる点だ。

ただ、メリットばかりではない。

[Googlead]

「simple share buttons adder」に「はてなブックマーク」ボタンを設置する

「simple share buttons adder」は日本のソーシャルボタンに対応していない

というデメリットがある。

人気のLINEやはてなブックマークといった類だ。

例えばはてなブックマークに対応したいという場合は

力技になるが、

「Tweet, Like, Google +1 and Share」

というプラグインとの併用がおすすめだ。

このプラグインはオリジナルボタンを追加する機能があらかじめ用意されており

オリジナルボタンだけを表示することも可能だ。

「Tweet, Like, Google +1 and Share」　＋　「はてなブックマーク」といったキーワドで検索すれば

情報が得られるが、簡単に手順を説明すると

1. 画像を準備
2. はてブのURLを取得
3. CSSを修正

といった流れだ。

設置サンプルは以下。

 

 

一番左のはてなブックマークは「Tweet, Like, Google +1 and Share」、

あとは「simple share buttons adder」を使用している。

はてなブックマークのURLは http://b.hatena.ne.jp/guide/bbuttonから取得できる。

入力したURLとタイトルは「Tweet, Like, Google +1 and Share」のオプションを利用する。

はてなブックマークボタン参考コード

<a href="http://b.hatena.ne.jp/entry/%%URL%%" class="hatena-bookmark-button" data-hatena-bookmark-title="%%TITLE%%" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="ここに作成した画像URL" alt="このエントリーをはてなブックマークに追加" class="hatena"></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

 

simple share buttons adderをテンプレートファイル内に挿入する

<?php echo do_shortcode('[ssba]');  ?>
<?php if(function_exists('display_social4i'))
echo display_social4i("large","float-right");
?>

 上記のコードで任意の場所に「Tweet, Like, Google +1 and Share」と「simple share buttons adder」の

両方を表示させることが可能だ。