[WP]オリジナルテーマ作成方法いろは(壱)

wordpressのオリジナルテーマ作成について語ってみるテスト。
ブログっぽいWebサイトテンプレートを作ったので、これを利用して作る方法を追う。
同タイトルの連番シリーズになっています。合言葉は「欲しいテーマが無いなら作ればいいじゃない!」
この記事は配布テンプレダウンロードからheader.phpとfooter.php作成まで。

全体で出てくる主な内容

  • アーカイブページとシングルページのレイアウト変更(3カラムと2カラム分岐)
  • 自作テンプレ・CSSファイル呼び出し
  • サイドバーウィジェット関連
  • FLASHの表示
  • ループについての解説

用意するもの

  • UTF-8が扱えるエディタ(PHPとHTMLの色分け表示できると見やすい)
  • WordPress本体(ローカル環境が望ましい)
  • XHTML/CSSテンプレート(なんでもいい)

テーマのテンプレートファイル構造がいまいちよく分からないという方は
事前にテンプレートファイルの仕様と構成を見ておくと分かりやすくなるとおもいます。
ファイルの編集は一応wordpressのテーマエディタでも出来なくはないです。

注意

  1. 対象バージョンは2.5~2.6です。下位バージョン対策も一応します。
  2. 手順はすごく・・・俺流です
  3. サンプルデザインをそのまま使うならコピーライト消しちゃダメ
  4. 貼ってあるソースそのまま使うとエラーになるかも(全角混入注意報)
  5. 途中レイアウト崩壊したらXHTMLソースをチェックしよう

続きを読む

[WP]画像サムネイルを投稿された記事へのリンク付きで表示

記事で使われた画像を使って、記事へのリンクをテンプレート、またはサイドバー内に表示する方法について。
ver2.7でも動きます。

ver2.9の投稿サムネイル機能を使う関数はこちらにあります

使うとこんな感じになる▼
attachment_ancherlinks sample

以前書いた画像のサムネイル表示(ループ内)の応用です。
この記事の関数は特定のカテゴリ下にある画像に絞っています。
全てのカテゴリーに対応したい場合はこちらの記事をご覧下さい。

続きを読む

[JS]マウスオーバーでリンク画像の透明度とか変更

マウスオーバーの画像作るのメンドクセーと思ったときに、画像1枚でごまかせるから便利。
普通のロールオーバーよりも凝ったことも出来るので手抜きに見えない所が良いですw
難点はjavascriptオフで効果がなくなることですが、
javascriptを意識的にオフしてる人というのは限られてるので大丈夫だと思います。

prototype&script.aculo.us、jQuery、mootoolsでそれぞれ書いてみた。

続きを読む

[mootools]サムネイルクリックで画像とコメントを変更する

前に書いたサムネイルにマウスオーバーしたら画像を切り替える を、
mootools1.2使ってフェードインとかつけたサンプル。

注意※ソースはmootools1.2用なので1.1では多分動きません。

続きを読む

[WP]AutoExternalLinkプラグインをjQuery版にする

AutoExternalLinkプラグインはprototypeが使われてます。
前回書いた[WP]AutoExternalLinkプラグイン修正は、prototypeを使ったVicuna用の改造方法でしたが、
今回はリクエストにお答えしてjQuery版に変更する方法を解説します。
ついでにwp_enqueue_script()への対応方法も載せてます。

プラグイン作者はinoccoさん、jsソースはFsikiさんが作られたものです。
この記事では改造部分のみ掲載しており、変更後のソースそのものは配布してません。

続きを読む

Calendarizm ver0.55

0.5からの差分はサンプル用のindex.phpとcalendar.cssの修正だけなので、 すでにご利用の方はバージョンアップしなくても大丈夫です。 普段IE使わないんで、このブログも含めて大変なことになってましたね。 … 続きを読む

[JS]サムネイルにマウスオーバーしたら画像を切り替える

大きい画像1箇所とサムネイルいくつか配置して、サムネイルにマウスオーバーしたら大きい画像をサムネイルのやつに変更するスクリプト。
テーブル版、複数設置版、クロスフェード版の他、jQuery版とMooTools版も書きました。

シンプル版


イベントリスナーを使用したもの

thumbsというIDにあるimgタグを自動収集して、srcから_thumbを抜いたものを
viewに入ってるimgのsrcへ置換します。

続きを読む

iPhone購入適正度チェックシート

iPhone買おうかどうしようか迷ってる人向けに、購入検討用チェックシートを適当に考えてみた。100点満点。
質問が多く、他の携帯と大きく違う機能や、環境に関するポイントのまとめにもなってるんじゃないかな。

mixiのiPhoneコミュ、2chの各iPhoneスレ、ソフトバンク公式サイト、ニュースサイト、
個人の使用レポートなど参考にした。間違った情報があったらごめんなさい。

ソフトバンク公式サイト
Apple公式サイト
ASCII.jp iPhone 3G 最速レビュー

買った後の経験ふまえて色々追加
ガラケー=ガラパゴスケータイ[名詞]日本人(主に若い世代)用に向けて特化した、本来ついてなくてもいいだろうという機能を搭載したケータイを指す。携帯と書かない事に注意。

1.本体依存の機能

カメラはズーム・フラッシュなしで200万画素。動画撮影は出来ない。
ワンセグの受信は一切出来ない。

初期状態ではYoutubeの動画再生に対応。ストアで購入した動画も再生可能。
Orbというフリーソフト入れるとインターネットTVや動画サイトの動画再生が可能。

●ワンセグ
デフォルトでワンセグの受信が出来ないというのは同じだが、オプション次第で見れるようになった。
有名な所ではTV&バッテリーというのが出ています。

●カメラ・動画
3GSで画素数は300万にUPし動画撮影に対応。
旧型3Gの場合は動画撮影アプリを入れればそれなりな動画が撮れるようになる。
カメラアプリがかなり豊富。画素数は低いが表現は幅広く、高性能カメラでは取れない絵が撮れるトイカメラ的な利点が。
動画サイトは対応アプリによりほぼ網羅され、動画そのもののダウンロードも可能。
動画をダウンロードする際はWifi回線を使いたい。

●メモリーカード・外部保存機能
メモリーカードスロットは無いから使えません。
でも不自由さはない。PCサイトブラウジングが出来るのでストレージサービスの利用が出来るし、
DropBox、Evernote、Files、GoodReaderなどのファイル管理アプリも出ています。
iPhoneとPC間のファイル転送はBonjourで可能。
SMSやMMSの保存はソフトバンクのサービス依存になる所が大きいけど、これもまたアプリでカバーできてしまうし、
Webサービスのメールなら今は1Gとかザラなので、保存容量を心配する必要はまずない。
バックアップは基本的にPCになるから、必要性を感じることはあんまりないかも。

●修理とバッテリー
バッテリー交換が高いってのは有名な話。なんだけど、修理・交換してくれるサービスは結構あったりする。
加入時に資金的余裕があれば、AppleCare Protection Planに入っておいた方がいい。
Apple信者なら何も言わずショップにお任せという手を取るだろうから、交換で1万取られようが問題ないだろうと思う(笑)
あとは完全自己責任で自力交換するとかケース一体型の大容量バッテリーを使って凌ぐって手もあるかな。

  • この仕様で不満は感じない(+10)
  • オプションを買えばやれるのなら買います or 自力で修理できます(+9)
  • カメラが力不足な気がするが印刷用途じゃないから問題ない(+8)
  • 困ったらその時考える。とにかく欲しい(+7)
  • 他の周辺機器でカバーできると思う(+6)
  • カメラとかオプションはどうでもいいけど、保障や修理の値段が気になる(+5)
  • デジカメを持っていないし携帯の写真をよく使うから300万画素では困る(+4)
  • 動画撮りたいんですよね…(+3)
  • ワンセグ目的でアクオス携帯買った俺はどうしたら・・・(+2)
  • バッテリーの劣化が早そうなのに値段が高い。自分で交換したい(+1)
  • この仕様では買えない(+0)

続きを読む

[WP]moreタグの出力ソースを変更する

<!–more–> で記事を区切ったときに出力される続きを読むリンクや、ターゲットに使われてるspanタグそのものを変更する方法について。

デフォルトだと、全文が表示されたときに挿入されるソースはこうです。

<p><span id="more-4"></span></p>

たとえばこれを次のようにDivへ変更する

</div>
<div id="more-4">

the_content_more_link について追加

続きを読む

[WP]wordpressアクセス解析プラグインメモ

Google Analyticsは時間差あるからリアルタイムでブログのアクセスステータスが確認したい、というせっかちさんは結構いますね。
果ては今ブログ見てる人が誰か知りたいとかいう要求もたまに聞く。
そんなアクセス解析厨(笑)向けのメモです。
wordpressに解析搭載するタイプのプラグインから外部サービスに依存するものがあります。

メモったプラグイン一覧

独自搭載:

  • Counterize II
  • WassUp
  • Live