A.K.A and more ブログ http://akaandmore.com/blog デザイナーズグループ「A.K.A and more」のブログ。MT4,WordPress2.3,xoops,Flash AS3,AJAX,XHTMLマークアップ&スタイルシート等。 Mon, 09 Aug 2010 03:03:04 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 デザイナーのための著作権ガイド http://feedproxy.google.com/~r/AkaAndMore/~3/czqQKWnwxrw/51 http://akaandmore.com/blog/archives/51#comments Mon, 09 Aug 2010 02:54:09 +0000 kr9 http://akaandmore.com/blog/?p=51 今まで使えないと思っていた写真や素材が、実は使えたりする。

デザイナー・クリエイターにとって、著作権の問題は大きな壁と言える。既存のものが使えれば、時間の短縮や経費削減につながるので、大いに活用したいところだが、著作権という言葉にはグレーな印象があり、仕事上でも怖いから使用をやめておこうという場面が多々あった。

そんな著作権の問題をわかりやすく解決してくれるのが下記の「デザイナーのための著作権ガイド」である。

デザイナーのための著作権ガイド

例えばQ．竹久夢二のイラストを広告のビジュアルとして使ってもいいのか？Q．既存の地図を書き写してチラシに掲載してもいいのか？Q．自分で撮影した六本木ヒルズの外観写真を雑誌広告として許可なく使えるのか？→答えはすべてYESです。※但し、個別のケースによっては、制限や注意事項があります。詳しくは本書籍をご覧ください。クリエイティブな仕事に携わる人が、知っておけば必ず役に立ち、知らなかったために損をする著作権をはじめとした法律や決まりごとがQ&Aですっきりわかります。

とにかくわかりやすい。これは使える、これは使えないという事例が非常にわかりやすく解説されている。デザイナー・クリエイターはこれを読んで、今までグレーだった部分をはっきりさせるといいのでは。絶対におすすめ。

]]> http://akaandmore.com/blog/archives/51/feed 0 http://akaandmore.com/blog/archives/51 Fireworks CS5でスライス書き出し時の「_s1」をとる http://feedproxy.google.com/~r/AkaAndMore/~3/1YG8M2InDsE/44 http://akaandmore.com/blog/archives/44#comments Fri, 16 Jul 2010 02:57:08 +0000 kr9 http://akaandmore.com/blog/?p=44 CS5から、「ファイル＞書き出し」でスライスを書き出す場合に、デフォルトで1番目のステートから、ステート名を付与するようになってしまった。
このステート名「_s1」がじゃまだったので外す。

設定

「ファイル＞HTMLの設定＞ドキュメントの詳細」で、ステート名のところを「なし」にする。
「デフォルトに設定」をクリックしてOKにすると、新規ドキュメントを作成時にいちいち設定し直さなくてもよくなる。
「OK」を押す。

これで「_s1」が外れる。
どこまでも余計なことを！

]]> http://akaandmore.com/blog/archives/44/feed 0 http://akaandmore.com/blog/archives/44 MediaWikiとWordPressのアカウント(ログイン情報)を同期 http://feedproxy.google.com/~r/AkaAndMore/~3/0ORj5jbk8N4/38 http://akaandmore.com/blog/archives/38#comments Thu, 18 Mar 2010 02:43:04 +0000 kr9 http://akaandmore.com/blog/?p=38 MediaWikiとWordpressのユーザー情報をシンクロさせる拡張機能。
詳しくは
New MediaWiki Extension: WPMU Single Sign-on
WPMW - CiaransWiki
MediaWikiとWordPressのアカウントを同期する - 何かしら図書館
を参照。

WordPress 2.9.2
MediaWiki 1.15.2
で正常に動作している。

何ができるか

  • WordPressアカウントが既にあれば、そのアカウントでMediaWikiにログインできる。MediaWikiに該当するアカウントがなければ、その都度作成される。
  • MediaWikiでアカウントを作成したら、WordPressにもアカウントが作成される。WordPressで作成されたアカウントの権限は"購読者"になる。
  • WordPressにログインしたら、MediaWikiにも自動的にログインされる。MediaWikiにログインしたら、自動的にWordPressにログインされる。
  • MediaWikiでメールアドレスや氏名を変更したら、WordPressのアカウント情報も反映される。
  • WordPressでメールアドレスや氏名を変更したら、MediaWikiのアカウント情報は次回ログイン時に反映される。

ダウンロード

まずはこちらのMediaWiki用エクステンションをダウンロード。

Download the WPMu Single Sign-on package here. (zip file)

ダウンロードしたものをextensionsフォルダにアップロード。
/extensions
　∟/AuthWP/AuthWP.php
　∟/Lockdown/Lockdown.php
　∟/LogoutLoginWP/LogoutLoginWP.php

セッティング

エクステンションを有効化するためにLocalSettings.phpに以下を追加

PLAIN TEXT
CODE:
  1. require_once( $IP.'/extensions/Lockdown/Lockdown.php');
  2. $wgSpecialPageLockdown['Preferences'] = array('');
  3. require_once('extensions/AuthWP/AuthWP.php');
  4. $wgAuth = new AuthWP();
  5. require_once($IP.'/extensions/LogoutLoginWP/LogoutLoginWP.php');

さらに.htaccessに以下を追加

PLAIN TEXT
CODE:
  1. RewriteCond %{QUERY_STRING} ^action=logout.*$
  2. RewriteCond %{REQUEST_URI} wp-login.php$
  3. RewriteRule ^.*$ wiki/index.php?title=Special:UserLogout [QSA,L]

修正

AuthWP.phpは、WordPressがインストールされたディレクトリに/wikiというディレクトリを作り、そこにMediaWikiをインストールしていることを想定している。
前提が異なる場合、つまり違うディレクトリにそれぞれインストールしてある場合、AuthWP.phpを開いて$WP_relpath=にWordPressがあるディレクトリを指定すると使えるようになる。

MediaWikiのアカウントは先頭が大文字になってしまうので、厳密にはWordpressと同一にはならない。ダウンロードしたAuthWP.phpではその変換がなされていないようなので、Wordpressのアカウントの先頭を大文字にして取得するように編集。

具体的にはIDをとっている部分

PLAIN TEXT
CODE:
  1. $id=User::idFromName($wpuser->user_login);

を

PLAIN TEXT
CODE:
  1. $id=User::idFromName(ucfirst($wpuser->user_login));

に変更。以上で双方の同期が行われるようになる。

]]> http://akaandmore.com/blog/archives/38/feed 0 http://akaandmore.com/blog/archives/38 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のアソシエイトリンクを作成すると、通常テキストリンクでも

PLAIN TEXT
CODE:
  1. <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;" />

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

PLAIN TEXT
CODE:
  1. <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文による条件分岐で解決できる。

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

PLAIN TEXT
CODE:
  1. <?php if (is_home() || is_single()) { ?>
  2. <dl>
  3.     <dt>この記事の投稿者</dt>
  4.     <dd>プロフィール</dd>
  5. </dl>
  6. <?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を表示するようにする。

PLAIN TEXT
CODE:
  1. <div id="contents"<?php if (is_category()) { ?> class="<?php $cat = get_the_category(); $cat = $cat[0];{echo $cat->category_nicename;} ?>"<?php } ?>>
  2.     <h2 class="pagetitle"><?php echo single_cat_title(); ?></h2>
  3.     <p>内容</p>
  4. </div>

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

PLAIN TEXT
CODE:
  1. <div id="contents" class="diary">
  2.     <h2 class="pagetitle">日記</h2>
  3.     <p>内容</p>
  4. </div>

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

PLAIN TEXT
CODE:
  1. <div id="contents" class="photo">
  2.     <h2 class="pagetitle">写真</h2>
  3.     <p>内容</p>
  4. </div>

と出力される。

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

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

PLAIN TEXT
CSS:
  1. div.diary h2.pagetitle {
  2.     color: #00F;
  3. }
  4. div.photo h2.pagetitle {
  5.     color: #F00;
  6. }

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

]]> 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タグ内に出力されるコード

PLAIN TEXT
CODE:
  1. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="BlogAddress/xmlrpc.php?rsd" />
  2. <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

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

PLAIN TEXT
PHP:
  1. <?php st_the_tags(); ?>

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

PLAIN TEXT
PHP:
  1. <?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'); ?>

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

PLAIN TEXT
PHP:
  1. <?php st_related_posts('number=10&title=&include_page=false&xformat=<a href="%permalink%" title="%title% (%date%)">%title%'); ?>

Add Meta Tags

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

Customizable Post Listings

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

PLAIN TEXT
CODE:
  1. <ul>Recently Commented
  2.    <?php c2c_get_recently_commented(3); ?>
  3. </ul>

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

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

Flexible Upload

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

Mobile Eye+

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

WP Super Cache

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

SBM Popular Entry

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

PLAIN TEXT
PHP:
  1. <?php SBM_count_get() ?>

ランキング表示

PLAIN TEXT
PHP:
  1. <?php SBM_popular_entry_list(10) ?>

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

PLAIN TEXT
CODE:
  1. $add['yahoo']      = "javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=".$title."&amp;u=".$permalink."&amp;opener=bm&amp;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

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

PLAIN TEXT
PHP:
  1. <?php if(function_exists('the_ratings')) { the_ratings(); } ?>

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

PLAIN TEXT
CODE:
  1. <?php if (function_exists('get_highest_rated')): ?>
  2.    <ul>
  3.       <?php get_highest_rated('both', 10); ?>
  4.    </ul>
  5. <?php endif; ?>

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

PLAIN TEXT
CODE:
  1. <?php if (function_exists('get_most_rated')): ?>
  2.    <ul>
  3.       <?php get_most_rated('post', 5); ?>
  4.    </ul>
  5. <?php endif; ?>

WP-PostViews

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

PLAIN TEXT
PHP:
  1. <?php if(function_exists('the_views')) { the_views(); } ?>

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

PLAIN TEXT
CODE:
  1. <?php if (function_exists('get_most_viewed')): ?>
  2.    <?php get_most_viewed('both', 10); ?>
  3. <?php endif; ?>

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

PLAIN TEXT
CODE:
  1. <?php if (function_exists('get_most_viewed_category')): ?>
  2.    <?php get_most_viewed_category(1, 'post', 5); ?>
  3. <?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行目を少し編集。

PLAIN TEXT
CODE:
  1. $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