A.K.A and more ブログ

A.K.A and more ブログ http://akaandmore.com/blog デザイナーズグループ「A.K.A and more」のブログ。MT4,WordPress2.3,xoops,Flash AS3,AJAX,XHTMLマークアップ&スタイルシート等。 Thu, 11 Feb 2010 16:40:11 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Amazonアソシエイト(アフィリエイト)リンク短縮URL作成ツール http://feedproxy.google.com/~r/AkaAndMore/~3/eAZSOXViOJA/28 http://akaandmore.com/blog/archives/28#comments Thu, 11 Feb 2010 12:56:23 +0000 kr9 http://akaandmore.com/blog/?p=28 Amazon（アマゾン）のアソシエイトリンクが長すぎてコーディングが大変なので、短いアドレスに変換できるツールを作成した。作成時に使用したのは、PHP、jQueryとjquery.cookie。jQueryは本当に便利だな。

Amazon アソシエイト (アフィリエイト)　短縮URL作成ツール

何ができるか

Amazonのアソシエイトリンクを作成すると、通常テキストリンクでも

CODE:

<a href="http://www.amazon.co.jp/gp/product/B0017UE0TY?ie=UTF8&tag=akaandmore-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B0017UE0TY">魍魎の匣スタンダード・エディション [DVD]</a><img src="http://www.assoc-amazon.jp/e/ir?t=akaandmore-22&l=as2&o=9&a=B0017UE0TY" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

この様に非常に長いリンクになってしまう。これを

CODE:

<a href="http://amazon.co.jp/o/ASIN/B0017UE0TY/akaandmore-22" target="_blank">魍魎の匣スタンダード・エディション [DVD]</a>

こうしようというのがこのツール。もちろん画像リンクも作成可能。
クッキーを使ってアソシエイトＩＤも保存可能なので、一度入力してしまえばその後の入力の手間も省ける。
さらに「Amazon短縮」をブックマークしておけば、Amazonの商品ページを開いて、「Amazon短縮」ブックマークレットをクリックすれば、一発で画像リンクとテキストリンクを作成してくれる。

何ができないか

imgタグを消してしまうので、コンバージョンが取得できなくなる。
商品の値段なども表示させようと思ったが、そこまでするならリンクを短縮する必要もないかと思ってやめた。

何か不具合があればご連絡を。

]]> http://akaandmore.com/blog/archives/28/feed 0 http://akaandmore.com/blog/archives/28 引越し http://feedproxy.google.com/~r/AkaAndMore/~3/GiMqzEZI9Fw/20 http://akaandmore.com/blog/archives/20#comments Wed, 03 Sep 2008 13:53:16 +0000 Rena http://akaandmore.com/blog/?p=20

犬の散歩のように、家の散歩にあこがれる。

]]> http://akaandmore.com/blog/archives/20/feed 0 http://akaandmore.com/blog/archives/20 WordPressで特定のページのみコンテンツを表示する方法 http://feedproxy.google.com/~r/AkaAndMore/~3/H0JTEKrvqIU/13 http://akaandmore.com/blog/archives/13#comments Thu, 27 Mar 2008 02:22:50 +0000 kr9 http://akaandmore.com/blog/archives/13 is_何々というコンディショナルタグを使って特定のページにのみコンテンツを表示できる。
例えば当サイトの場合、ホームとシングルページのサイドバーには投稿者のプロフィールが表示されるが、カテゴリーや日付アーカイブでは表示されないようになっている。何故かと言うと、当サイトの場合カテゴリーページは記事の抜粋が最大10件並ぶように設定されているので、投稿者が複数いた場合にプロフィールの欄があると、誰の投稿かわからなくなってしまうからだ。
テンプレートごとに読み込むサイドバーを変更するのも手だが、今回紹介する方法は至ってシンプルで、if文による条件分岐で解決できる。

例：ホームとシングルにだけプロフィールを表示する

CODE:

<?php if (is_home() || is_single()) { ?>
<dl>
<dt>この記事の投稿者</dt>
<dd>プロフィール</dd>
</dl>
<?php } ?>

これは、is_home()またはis_single()の場合中身を表示しなさいよという命令文なので、表示されているページがホームとシングルの場合は投稿者のプロフィールが表示される。もちろんプロフィールだけでなく、どんなに長い文章も表示することができるので、極端に言ってしまえば、コンディショナルタグだけでまったく違うサイトにしてしまうことも可能なのだ。
この他にもページによる条件分岐は沢山用意されているので、以下にその一覧を記載する。

コンディショナルタグ一覧

is_admin, is_paged, is_archive, is_attachment, is_author, is_category, is_tag, is_comments_popup, is_date, is_day, is_feed, is_home, is_month, is_page, is_plugin_page, is_preview, is_robots, is_search, is_single, is_singular, is_time, is_trackback, is_year, is_404

この中でもよく使うと思われるものはこちら。

is_home（）・・・ホーム
is_single()・・・シングル
is_category()・・・カテゴリー（is_category('2')などとするとカテゴリーIDで絞れる）
is_page()・・・ページ
is_search()・・・検索結果画面
is_archive()・・・アーカイブページ

以前紹介したカテゴリースラッグでCSSを変更する方法と併用すると、MTの様にかなり自由なデザイン変更が可能となるはずだ。

]]> http://akaandmore.com/blog/archives/13/feed 4 http://akaandmore.com/blog/archives/13 WordPressでカテゴリー毎に表示スタイルを変更する方法 http://feedproxy.google.com/~r/AkaAndMore/~3/dmKm2bUAEn4/12 http://akaandmore.com/blog/archives/12#comments Wed, 26 Mar 2008 09:27:17 +0000 kr9 http://akaandmore.com/blog/archives/12 WordPressで、CSSを利用してカテゴリーごとにスタイルを変更する方法をメモ。MovableTypeにはそういったプラグインがあったが、WordPressにはプラグインが無い（見つからない）ので力技で対応。例えば特定カテゴリーだけヘッダー部分の背景を赤色にしたい場合などに使う。

例：カテゴリー「日記」「写真」のタイトル文字色をそれぞれ青と赤にする

1.カテゴリーごとに英文字でカテゴリースラッグをつける

カテゴリー作成時（作成済みの場合は編集画面）のカテゴリースラッグ欄に、英数字で名前をつけておく。この名前を後々cssのクラス名として使う。
今回の例の場合、「日記」のカテゴリースラッグを「diary」に、「写真」のカテゴリースラッグを「photo」にする。

2.カテゴリーを表示するテンプレート（今回はarchive.php）にカテゴリースラッグを出力

ページの階層は以下の通り。divのクラス属性としてカテゴリースラッグを出力するphpコードを挿入する。また、月別や日別アーカイブの時には表示しないように、if文でカテゴリーページの時だけclassを表示するようにする。

CODE:

<div id="contents"<?php if (is_category()) { ?> class="<?php $cat = get_the_category(); $cat = $cat[0];{echo $cat->category_nicename;} ?>"<?php } ?>>
<h2 class="pagetitle"><?php echo single_cat_title(); ?></h2>
<p>内容</p>
</div>

この状態で日記のカテゴリーページにアクセスすると

CODE:

<div id="contents" class="diary">
<h2 class="pagetitle">日記</h2>
<p>内容</p>
</div>

と出力され、写真のカテゴリーページにアクセスすると

CODE:

<div id="contents" class="photo">
<h2 class="pagetitle">写真</h2>
<p>内容</p>
</div>

と出力される。

3.スタイルシートを記述

ここまでくれば、あとはスタイルシートで各々のタイトルに色を設定するだけ。

CSS:

div.diary h2.pagetitle {
color: #00F;
}
div.photo h2.pagetitle {
color: #F00;
}

もちろん文字色だけでなく、背景色などスタイルシートで設定できるものはすべて変更可能。これを使えばカテゴリーごとにページのデザインをガラッと変更できる。

]]> http://akaandmore.com/blog/archives/12/feed 7 http://akaandmore.com/blog/archives/12 WordPressを使用する際の初期設定 http://feedproxy.google.com/~r/AkaAndMore/~3/EQE9w_ueWU8/11 http://akaandmore.com/blog/archives/11#comments Mon, 24 Mar 2008 02:20:41 +0000 kr9 http://akaandmore.com/blog/archives/11 2008.4.14追記

※WordPress バージョン 2.5ではインデントは正常に出力される。どちらにしろ表示したくない場合はプラグインで消してしまおう。

個人的に初期設定を忘れないようにメモ。WordPressを使用する際、サイトに合った適切なプラグインを選ぶことも重要だが、サイトを綺麗に見せるために今から上げる初期設定をしておくと、後々満足の行く結果が得られるはずだ。
まず第一に、ページの見た目とはまったく関係ないが、デフォルトでheadタグ内に出力されるコード

CODE:

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="BlogAddress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="BlogAddress/wp-includes/wlwmanifest.xml" />

のインデントが崩れ、且つその後に続くコードが同一ラインに続いて表示されてしまうという現象が見られる。
気にならない方もいるとは思うが、綺麗なXHTMLコードを整形したい場合には、/wp-includes/general-template.phpの当該箇所（832～835行目）を書き変えるか、WLW Disablerプラグインを使用して当該箇所を非表示にしてしまうのが良いだろう。当サイトは後者を採用。

その他、思いつく限り抜粋。
ユーザープロフィールでビジュアルエディタを使用するのチェックをはずす。
投稿設定の投稿入力欄の大きさを30ぐらいにする。整形はすべてチェック。
投稿設定の更新情報サービスでping先を追加。pingoo！に登録すれば一度に設定できる。
パーマリンク設定でURLをデフォルトから変更しておく。当サイトは数字ベース。
とりあえずこれだけはやっておく。あとはお勧めのプラグインを入れて各々設定する。

]]> http://akaandmore.com/blog/archives/11/feed 0 http://akaandmore.com/blog/archives/11 WordPress　推奨プラグイン一覧 http://feedproxy.google.com/~r/AkaAndMore/~3/VivVduZiqks/4 http://akaandmore.com/blog/archives/4#comments Sun, 23 Mar 2008 02:49:38 +0000 kr9 http://akaandmore.com/blog/archives/4 2008.4.16追記。ＷＰのバージョンを2.5にアップグレードしたのでいろいろ書き換えた。

WordPressの魅力の一つに、プラグインの数の多さがあると思うが、その中でも特に便利なものをリストアップした。今後WordPressを使用する際の確認のため、コードも同時に掲載する。
※一部を除いてすべてバージョン 2.5で動作確認済み。

推奨プラグイン

Akismet

コメントがスパムかどうかを確認。使用するにはWordPress.comにサインインして「API key」を取得する。

Simple Tags

タグ管理のプラグイン。関連する投稿やタグクラウドも表示可能。管理画面で自動挿入の有無を選択できるが、任意の位置に表示するためのコードの例を記す。
記事のタグを表示

PHP:

<?php st_the_tags(); ?>

タグクラウドを表示（タイトル、最小・最大の色とサイズ、ソート、リストスタイルなど）

PHP:

<?php st_tag_cloud('cloud_selection=count-desc&cloud_sort=random&number=100&title=Mon nuage de tags&largest=45&smallest=12&unit=px&maxcolor=#FF0000&mincolor=#00FF0B'); ?>

関連する投稿を表示（タイトル、表示のフォーマットなど）

PHP:

<?php st_related_posts('number=10&title=&include_page=false&xformat=<a href="%permalink%" title="%title% (%date%)">%title%'); ?>

Add Meta Tags

メタタグを自動で追加してくれる。フロントページのみのメタタグや、常に挿入したいキーワードなども設定可能。

Customizable Post Listings

最近の投稿と最近のコメントをカスタム表示。
最近のコメント

CODE:

<ul>Recently Commented
<?php c2c_get_recently_commented(3); ?>
</ul>

最近の投稿（カテゴリ１の最近の投稿を3件表示）

CODE:

<ul>
<?php c2c_get_recent_posts(3, "<li>%post_date%: %post_URL%<br />by: %post_author_posts%<br />%post_excerpt_short%", "1"); ?>
</ul>

Flexible Upload

画像のアップロード支援。リサイズ、サムネイルのサイズ、リンク、位置等を設定可能。
※2.5では使えないかもしれない。というか2.5ではいらない。

Mobile Eye+

WordPressを携帯から閲覧可能にするプラグイン。

WP Super Cache

ページをキャッシュして表示を高速化。キャッシュしたくないファイルを設定可能。

SBM Popular Entry

はてな、del.icio.us、livedoor、yahooの被ブックマーク数表示とランキング生成のプラグイン。
被ブックマーク数表示

PHP:

<?php SBM_count_get() ?>

ランキング表示

PHP:

<?php SBM_popular_entry_list(10) ?>

※どうやらYahoo!ブックマークでエラーが出ている様なので、暫定的にプラグインを書き換えておく。
wp-sbm_popular_entry.phpの376行目を以下に変更。

CODE:

$add['yahoo'] = "javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=".$title."&u=".$permalink."&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0);";

Custom Query String

ページごとに記事の表示数を変えられるプラグイン。当サイトはindex.phpとsingle.phpは一記事のみの表示に設定してある。

Multibyte Search

通常検索語に全角スペースを入れると、全角スペースを含めて一つの言葉として検索してしまうが、全角スペースで区切った文字を「and」として検索可能になるプラグイン。

便利なプラグイン

Download Counter for Wordpress

ファイルのダウンロード専用ＵＲＬを作成し、ダウンロード数をカウントしてくれる。

Search Word Highlight for Multibyte

サーチエンジンやサイトサーチの検索語をハイライト表示する。

Advanced-Admin-Menus

管理画面のメニューをドロップダウン型に変える。
※2.5では使えない。

WPlite

管理画面の不要なメニューを非表示にできるプラグイン。

WP-PostRatings

閲覧者に記事を評価してもらうプラグイン。ランキングも表示可能。
評価システムを設置

PHP:

<?php if(function_exists('the_ratings')) { the_ratings(); } ?>

投稿とページを合わせた中で点数が高いものトップ10

CODE:

<?php if (function_exists('get_highest_rated')): ?>
<ul>
<?php get_highest_rated('both', 10); ?>
</ul>
<?php endif; ?>

投稿の中で評価された回数が多いものトップ5

CODE:

<?php if (function_exists('get_most_rated')): ?>
<ul>
<?php get_most_rated('post', 5); ?>
</ul>
<?php endif; ?>

WP-PostViews

投稿やページの閲覧数を表示。ランキングも表示可能。
閲覧数システムを設置（閲覧数を表示）

PHP:

<?php if(function_exists('the_views')) { the_views(); } ?>

投稿とページを合わせた中で閲覧数の多いものトップ10

CODE:

<?php if (function_exists('get_most_viewed')): ?>
<?php get_most_viewed('both', 10); ?>
<?php endif; ?>

特定カテゴリの中で閲覧数の多いものトップ5(第一引数：category id)

CODE:

<?php if (function_exists('get_most_viewed_category')): ?>
<?php get_most_viewed_category(1, 'post', 5); ?>
<?php endif; ?>

FeedBurner FeedSmith

デフォルトで書き出されるRSSをFeedBurnerのフィードに置き換る。各種フィードリーダーへの登録リンク付き。FeedBurnerのホームページでfeedを取得後、プラグインの管理画面で設定。

Weasel’s HTML Bios

ユーザプロフィールでhtmlが使用可能に。

WP-AddQuicktag

投稿作成時に1クリックであらかじめ登録しておいたタグを書き出す。

iG:Syntax Hiliter

コードをカラーリングして表示。［html num=63］コード［/html］、［php］コード［/php］、［as］コード［/as］と使う。（実際は半角）
XHTML1.0 Strictに対応するためsyntax_hilite.phpの63行目を少し編集。

CODE:

$bBody .= "<div class=\"igBar\"><span id=\"l{$bId}\"><a href=\"javascript:void(0)\" onkeypress=\"p\" onclick=\"{$ig_jsPlainTxt}('{$bId}'); return false;\">PLAIN TEXT</a></span></div>";

WP Limit Posts Automatically

ホーム・カテゴリ・アーカイブ・検索を対象に記事を抜粋表示する。続きを読むなどの文章も自由に設定可能。Letterだと文字ばけする可能性があるのでWordをチェック。

]]> http://akaandmore.com/blog/archives/4/feed 1 http://akaandmore.com/blog/archives/4