年末年始休業のお知らせ

-
カテゴリー:
お知らせ 

誠に勝手ながら、2014年1月1日(水)から2014年1月5日(日)は年末年始休業とさせていただきます。
ご不便をおかけしますが、何卒ご理解いただきますようお願いいたします。

query_postsでアイキャッチ画像が設定された記事だけを取得する方法

-
カテゴリー:
ワードプレス 

Webサイトの新着情報で記事にアイキャッチ画像が設定してあれば、アイキャッチ画像を横に表示といった事はよくあるのですが、アイキャッチ画像が設定された記事だけを取得するといった事もまぁ稀にあるということで、そんな時のための記事の取得方法のご紹介です。

 

ループ内の記述は内容に応じてご変更いただければと思いますが、query_postsの引数に「meta_key=_thumbnail_id」を指定するだけで、アイキャッチ画像が設定されている記事だけを取得することができます。

get_post_thumbnail_idやwp_get_attachment_image_srcは、アイキャッチ画像の情報を取得するための記述です。

 

 

jqueryで外部JSONファイルを読み込む

-
カテゴリー:
javascript 

たまにボタンを押したりした際に、クリックなどのイベントをトリガーにして外部の情報を読み込んだりすることがあるのですが、そんな時に使えるjqueryの外部JSONファイルの読み込み処理のご紹介です。

今回はサンプルなので、非常に単純な記述なのですが、商品Aと商品Bの情報が記載JSONファイルを読み込みます。

まず、HTMLの記述です。

もちろんサンプルなので、上記のHTMLはかなり適当です。
id=”product_a”に商品Aの情報を挿入し、id=”product_b”には商品Bの情報を挿入します。

続いて外部JSONファイル。※今回はtest.jsonとしました。

最後にjavascriptの記述です。

$.getJSONでjsonファイルの情報を取得し、完了したらdataにその情報が代入されます。

dataに代入された情報は配列で取り出すことができるので、一つ一つ取り出し、id=”product_a”とid=”product_b”に挿入します。
※for文を使った方が効率的なのですが、今回はサンプルのため使っていません。

 
サンプルはこちらこちら