CSSだけでWordPressのiPhone / ipod Touch用デザインを作ってみた
7 / 15 / 2010

いまさら感もあるが。

WordPressだと

WordPressをiPhoneなどのモバイル端末で表示させるプラグイン集
http://coliss.com/articles/blog/wordpress/plugin/1245.html

とかあるんだけれども、微妙にめんどくさい予感がしたので、CSSだけで。

UA判定もめんどくさいので、

<meta name=”viewport” content=”width=320, user-scalable=no” />
<link media=”only screen and (max-device-width:320px)” href=”<?php bloginfo(‘template_url’); ?>/touch.css” type=”text/css” rel=”stylesheet”/>
<link media=”screen and (min-device-width:321px)” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” rel=”stylesheet”/>

ってやって、touch.cssだけ適当に変えればおk。ブックマーク用のアイコンは

<link rel=”apple-touch-icon” href=”<?php bloginfo(‘template_url’); ?>/images/touch.png” />

ですね。さらに画像とかもめんどいので普通にCSS3で出来る範囲で色々装飾すればおk。2時間くらいで出来ます。

MobGを使って携帯からWordPressへ投稿する(画像も)
11 / 22 / 2009

ダウンロードはこちらから。
http://junklog.cocolog-nifty.com/blog/

WordPressプラグインではなくて、独立して動作するってのもなかなか良いかも。

メールアドレスの処理方法も

// ‘WP’:    WPモード
//            fromがWordPress登録ユーザーのアドレスのみ受け付けます。
//            fromのメールアドレスに対応するユーザーが投稿者になります。
// ‘anony’:匿名モード
//            どのメールアドレスからの投稿でも受け付けます。
//            mgmail_setauthorによる本文中のユーザー指定は無効です。
//            強制的にmgmail_defauthorのユーザーになります。
// ‘allow’:許可リストモード
//            mgmail_allowfromで指定されるメールアドレスのみ受け付けます。
//         mgmail_setauthorによる本文中のユーザー指定は有効です。
//         無指定ならmgmail_defauthorのユーザーになります。

と豊富。

どのメールアドレスからでも受け付けられる様にして、デフォルトの記事の状態はdraftにして、画像の投稿ギャラリーみたいな感じで使いました。

Related entry

WordPressで属しているカテゴリごとに異なるsingle.phpを使う
11 / 11 / 2009

カテゴリなら、category-1.phpとかでカテゴリごとのテンプレートを用意出来るが、単一投稿ページでsingle-1.phpは出来ない。なので、single.phpに

<?php
$post = $wp_query- >post;
if ( in_category(‘1‘) ) {
include(TEMPLATEPATH . ‘/single1.php‘);
} elseif ( in_category(‘2‘) ) {
include(TEMPLATEPATH . ‘/single2.php‘);
} else {
include(TEMPLATEPATH . ‘/single_other.php‘);
}
? >

などと書くと、属しているカテゴリごとに表示を変えられる。これ便利。

3 Comments

WordPressでよく使うプラグインまとめ
11 / 10 / 2009

Akismet

スパムコメント用。(デフォルト)

All in One SEO Pack

SEO関係はこれ一つで大丈夫かと。

Batch Categories

カテゴリの一括編集が出来る。

cforms

Ajaxな感じのコンタクトフォーム。幅広くカスタマイズ出来る。

Customizable Post Listings

WordPressのタグでは補いきれないあんなことこんな事を実現するプラグイン。
「カテゴリID1の最新記事を5件表示する」とか。
WordPressで特定カテゴリの最新記事を表示するのに役立つプラグイン「Customizable Post Listings」

Google XML Sitemaps

サイトマップ作成定番。もはや必須。

Similar Posts

投稿内に関連する投稿を表示するプラグイン

Simple Tags

タグクラウド等を実現するプラグイン。使い易い。

WordPressのタグクラウド「Simple Tags」設置とtag.phpの作成

WP Multibyte Patch

必須(デフォルト)

WP No Category Base

カテゴリページのURLから/category/を消してくれる。
WordPressでカテゴリーベースのパーマリンクを削除するプラグイン「WP No Category Base」

Exec-PHP

投稿内に書いたPHPを動かす。

Breadcrumb NavXT

ぱんくずリストを作る。
Wordpressでパンくずリストを自動生成するプラグイン「Breadcrumb NavXT」

CategoryOrder

カテゴリの順番を視覚的に変更出来る。
カテゴリの順番を変更出来るWordPressプラグイン

MySQLのエクスポートファイルを使ってWordPressのサーバ移行
5 / 15 / 2009

WordPressにはエントリのエクスポート機能がありますが、どちらにしろ再インストールとなると色々と設定しなければならないので面倒。なので、データベースごと移しましょう。ちなみにエンコーディングはUTF-8な前提です。

とりあえずFTPでサーバのファイルをすべてダウンロードして、新しいサーバにアップロードしましょう。wp-confing.phpはまだ触らずに。

元サーバのphpMyAdminに行って、エクスポートします。

phpmyadmin

ファイルに保存する、にチェックをいれて実行します。

つぎに先サーバのphpMyAdminにいって、インポートします。

インポートが完了したら、phpMyAdminの「構造」から「WP-options」を表示。

phpmyadmin

phpmyadmin

左側のペンみたいなアイコンをクリックして、siteurl、home、upload_pathなどを書き換える。

その後wp-confing.phpを開いて、データベース名や、ユーザ名を書き換える。あとは管理画面に行って、一回パーマリンクの設定をし直す必要があるっぽい。

WordPressでカテゴリーベースのパーマリンクを削除するプラグイン「WP No Category Base」
5 / 6 / 2009

WordPressでカテゴリーのページに行くと、

http://hoge.com/category/design/

みたいになる。WP No Category Baseを使うとこれを

http://hoge.com/design/

に出来る。

WP No Category Baseは下記からダウンロードする。

http://wordpress.org/extend/plugins/wp-no-category-base/

ダウンロードして解凍したものを/wp-content/plugins/にアップロードして、管理画面から有効化。

完了!

WordPressのタグクラウド「Simple Tags」設置とtag.phpの作成
4 / 18 / 2009

Simple Tagsはここからダウンロード

http://wordpress.org/extend/plugins/simple-tags/

/wp-content/plugins/にアップロードして管理画面から有効化します。

タグクラウドを挿入したい部分に

<?php st_tag_cloud(); ?>

と書く。タグクラウドは設定>Simple Tagsから色々変更出来ます。

タグクラウドのページ用にテンプレートを書きたい場合はtag.phpというテンプレートを作りましょう。無い場合なindex.phpが適用されます。

WordPressでカテゴリごとにsingle.phpの表示を変える
4 / 17 / 2009

カテゴリによって表示を変えるのは

category-カテゴリID.php

みたいにすれば良いものの、単一投稿のページは同じデザインになってしまう。という時の対処法。

<?php if (in_category(‘カテゴリID’)) {?>
ここに内容
<?php } else{ ?>
ここに内容
<?php } ?>

とやることでカテゴリごとに表示を変えられる。

Wordpressのテンプレートで条件分岐をする
3 / 10 / 2009

<?php if (is_home()) {?>
<p>ホームの場合に表示</p>
<?php } else if (is_category(‘1′)) { ?>
<p>カテゴリIDが1の場合に表示</p>
<?php } else{ ?>
<p>それ以外の場合に表示</p>
<?php } ?>

今まではcategory-1.phpみたいにテンプレートを分ける場合が多かったのだけれども、こっちの方がかなりスッキリするので良い。

ほかにも

is_single() 投稿の場合
is_single(‘1′) 投稿のIDが1の場合
is_single(‘hoge’) 投稿タイトルorスラッグがhogeの場合

など。さらに

is_page() ページの場合
in_category()

などなど。

archive.phpやsidebar.phpにとっても使える

MySQL5でXServerにWordPress2.7をインストールする
1 / 19 / 2009

諸事象あってXserverのMySQLをMySQL4からMySQL5にしたんですが、WordPressがインストール出来なくなってしまった。の解決策。XServer独特の現象っぽいです。

http://www.ikasuwp.com/wordpress_info/126/trackback/
http://www.xserver.ne.jp/man_db_change.php

まずXserverの管理画面から「MySQL Ver切替」に行き、MySQLのバージョンを5にします。

xserver-e382b5e383bce38390e383bce38391e3838de383ab

そこから「MySQL情報」に行きます。

xserver-e382b5e383bce38390e383bce38391e3838de383abefbc92

ここに書いてある「MySQL5 ホスト名」というのをWordPressインストール時に入力する「データベースのホスト名」に書きます。(普通ならlocalhostな場所)

ちなみにデータベースユーザー作成時のホスト名はXserverのサーバ名になります。

これで解決。あーびっくりした。

Related entry

You

are currently browsing the notizbloc blog archives for the tag WordPress