Serendip » wordpress

WordPress で、テンプレートタグ the_excerpt による p タグの自動挿入を防ぐ

iNo — Mon, 20 Sep 2010 23:54:29 +0000

WordPress のテンプレートタグ the_excerpt で生成される内容が自動的に

タグで囲まれるのを防ぐ方法のメモ。

テーマフォルダ内に functions.php ファイルを作成し、以下の記述を追加する。


    // 省略...
    remove_filter('the_excerpt', 'wpautop');
    // 省略...
?>

WordPress で記事に mixi チェックボタンを設置する

iNo — Sat, 11 Sep 2010 03:43:49 +0000

mixi チェックとはサイトの記事をコメント付きでマイミク等と共有できるサービスらしい。
ページ内に設置された mixi チェックボタンをクリックしてチェックリストにそのページを登録していく。

この、mixi チェックボタンを WordPress テンプレートを編集して、記事内に設置する方法をメモしておく。

mixi チェックキーの取得

mixi Developer Center (ミクシィデベロッパーセンター) ページから『Developer Dashboard』にログインして、『mixi Plugin』ページに移動する。

『新規サービス追加』から『サービス名』（登録サービスの一覧に表示される名前）、『サービスのURL』（ボタンを設置するサイトのトップページURLなど）、『URL許可リスト』（チェック対象ページ内の画像などのデータ取得などを許可するURLのパターン?）、『定型文』（チェックリストのタイトルなどに表示される）を入力して、利用規約に同意するにチェックを入れて『入力内容を確認する』ボタンをクリックする。

確認画面から『作成する』ボタンをクリックすると登録が完了し、『チェックキー』が発行される。

サービス登録を行ったら、技術仕様 << mixi Developer Center (ミクシィデベロッパーセンター) の内容に従って WordPress テンプレートを修正していく。

mixi チェックボタンの設置

個別記事テンプレート（single.php）内の適当な場所に mixi チェックボタンのタグを挿入する。

href（必須）: http://mixi.jp/share.pl
class（必須）: mixi-check-button
data-key（必須）: 発行された mixi チェックキー
data-url: 記事のURL
the_permalink() で取得する
data-button: button-1 から button-5 までの 5 パターンのボタン画像がある。
指定しない場合はテキストリンクが表示される。

コード例

<a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="mixi チェックキー" data-url=" the_permalink(); ?>" data-button="button-1">Checka>
<script type="text/javascript" src="http://static.mixi.jp/js/share.js">script>

名前空間の追加

サイトの html 要素に以下の名前空間宣言を追加する。

mlns:og="http://ogp.me/ns#"
xmlns:mixi="http://mixi-platform.com/ns#"

コード例

<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml"
    xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#">

チェックのタイトル、本文を指定する

html の head 内に mixi チェックのタイトルと本文を指定する meta タグを追加する。
本文は mixi チェックの『続きを見る』リンクから見ることができる。

コード例

Single ページでのみ meta タグを入れるようにした。

 if (is_single()) : if (have_posts()) : while (have_posts()) : the_post(); ?>
    <meta property="og:title" content=" the_title(); ?> :  bloginfo('name'); ?> -  bloginfo('description'); ?>" />
    <meta property="og:description" content=" the_excerpt(); ?>" />
 endwhile; endif; endif; ?>

WordPress データベースの自動バックアップ (WP-DB-Backup)

iNo — Mon, 14 Sep 2009 13:25:25 +0000

WordPress のデータベースを自動でバックアップしてくれるプラグイン WP-DB-Backup をインストール・設定する。

ダウンロードしてアーカイブを展開したフォルダを wp-content/plugins/ ディレクトリに配置して、『プラグインの管理』ページから『使用する』をクリックして、使用開始する。
『ツール』の『バックアップ』をクリックするとディレクトリが無いとのエラーが出るので、wp-content/ ディレクトリに指定されたディレクトリ(backup-?????)を作成し、書き込み可能パーミッションに変更する。

あとは、バックアップ設定でバックアップファイルの扱いをしていしたり、定期バックアップの設定などをして完了。

WordPress での自動アップグレード (xrea サーバ)

iNo — Sun, 13 Sep 2009 11:44:33 +0000

xrea サーバで WordPress のプラグインの自動アップグレードを行う方法について。

初期状態では『ディレクトリが見つかりません』と表示されてエラーになってしまうので、wp-config.php に以下の記述を追加しておく。

define('FTP_BASE', '/vertual/account/public_html/wordpress/');
define('FTP_CONTENT_DIR', '/vertual/account/public_html/wordpress/wp-content/');
define('FTP_PLUGIN_DIR', '/vertual/account/public_html/wordpress/wp-content/plugins/');

また、xrea サーバは PHP がセーフモードで動作しているので、以下の記述を追加した .htaccess ファイルを wp-admin/ ディレクトリに配置する。

 upload.php>
AddHandler application/x-httpd-phpcgi .php


 update.php>
AddHandler application/x-httpd-phpcgi .php

以上の設定を行い、プラグインの管理ページからアップグレードするプラグインの自動アップグレードリンクをクリックする。
プラグインのアップグレードページの接続情報で、ホスト名に ftp サーバのアドレスを、ユーザー名を FTP ユーザー名を、パスワードにサーバのパスワードを入力し、開始ボタンをクリックすると、アップグレード作業情報が表示されながら進行してゆきアップグレードが完了する。

その他の .htaccess 設定

xrea サーバで WordPress のその他のアップグレード・インストール・アップロードのための .htaccess の設定方法は以下の通り。
wp-admin/ ディレクトリの .htaccess に各記述を追加する。

WordPress コアアップグレード

 update-core.php>
AddHandler application/x-httpd-phpcgi .php

WordPress ファイルアップロード

 async-upload.php>
AddHandler application/x-httpd-phpcgi .php

プラグイン自動インストール

 plugin-install.php>
AddHandler application/x-httpd-phpcgi .php

WordPress で画像の投稿をする方法

iNo — Thu, 10 Sep 2009 09:54:09 +0000

『画像を追加』画面の『自分のコンピューターからメディアファイルを追加』から『ファイルを選択』をクリックしてアップロードするファイルを選択する。

小さな画像（サムネイル）をクリックすると大きな画像が表示されるタイプ

『タイトル』に画像のタイトルを入力
『リンクURL』に『ファイルのURL』をクリックしてURLを入力(必須)
『配置』でサムネイルが記事のどの位置に表示されるかを指定
『サイズ』で『サムネイル(150×150)』または『中サイズ(???x???)』を指定
『投稿に挿入』をクリックして完了

小さな画像（サムネイル）をクリックすると別のページまたは別のサイトに移動するタイプ

『タイトル』に画像のタイトルを入力
『リンクURL』に移動先のURLを入力(必須)
『配置』でサムネイルが記事のどの位置に表示されるかを指定
『サイズ』で『サムネイル(150×150)』または『中サイズ(???x???)』を指定
『投稿に挿入』をクリックして完了

画像のみを表示するタイプ（リンクは無し）

『タイトル』に画像のタイトルを入力
『リンクURL』にURLが入力されていれば『なし』をクリックして消す
『配置』で画像が記事のどの位置に表示されるかを指定
『サイズ』で希望のサイズを指定
『投稿に挿入』をクリックして完了

WordPress でアーカイブリストの表示をカテゴリ別に行う

iNo — Mon, 07 Sep 2009 14:40:26 +0000

WordPress のテンプレートタグ wp_get_archives はカテゴリ別にリストを表示できない。

そこで、Archives for a category WordPress plugin を使うと、カテゴリを選択・除外したアーカイブリストを表示させることができる。

インストール・設定

リンク先から zip ファイルをダウンロードする。
zip ファイルを展開して、kwebble_archives_by_cat.php ファイルを WordPress の plugin ディレクトリに配置する。
管理画面の『プラグイン』から『Archives for a category』を『使用する』設定にする。
管理画面の『設定』→『Kwbble』から『Disable canonical URLs.』にチェックを入れて『Update Options』をクリックして設定を行う。

コード例

カテゴリ 1,3 を選択し、カテゴリ 2,4 を除外するアーカイブリストを表示する場合。

 wp_get_archives('cat=1,3&cat=-2,-4'); ?>

WordPress でヘッダ内のバージョン番号を消す

iNo — Sun, 06 Sep 2009 14:03:14 +0000

WordPress のテンプレートタグ wp_head() を使うと、利用している WordPress のバージョン番号が meta タグとして追加される。
そこで、functions.php に以下のコードを記述するとバージョン番号の表示が行われなくなる。

remove_action('wp_head', 'wp_generator');

WordPress で単独投稿ページにカテゴリ名をパンくずリストの中に表示させる

iNo — Sat, 05 Sep 2009 14:12:54 +0000

WordPress プラグイン Breadcrumb Navigation XT を使ってパンくずリストを表示させている場合に、デフォルトでは単独投稿ページではホーム直下に記事タイトルがくる。
これを、ホームの次にカテゴリ名を表示させ、その後に記事タイトルを表示させるには、次のオプションを設定する。

$mybreadcrumb->opt['singleblogpost_category_display'] = true;

以下のサンプルのように、カテゴリへのリンクが投稿記事タイトルとの間に表示される。

ホーム > カテゴリ名 > 投稿記事タイトル

WordPress で現在のページの子ページのリストを表示する

iNo — Thu, 03 Sep 2009 11:08:04 +0000

WordPress のテンプレートタグ wp_list_pages() を利用して、現在のページのサブページのみを表示させる。

パラメータの child_of に現在のページのページIDを指定する。
ページIDを指定しない場合はデフォルト値の 0 が指定されたことになって全てのページを表示することになる。

<ul>

$post = $wp_query->post;
$id = $post->ID;
wp_list_pages('title_li=&child_of=' . $id);
?>
ul>

参考：テンプレートタグ/wp list pages – WordPress Codex 日本語版

WordPress でブログの各アドレス情報を取得・表示する

iNo — Wed, 02 Sep 2009 12:12:16 +0000

比較的よく使いそうなブログのアドレス情報の取得の仕方をメモしておく。

以下の例に使用するサンプルアドレス。ブログのアドレスを WordPress をインストールしたディレクトリとは別のディレクトリに設定していると想定する。

http://hoge.com/wordpress/wp-content/themes/foo

bloginfo() を使った場合、取得したデータはそのまま表示される。
データを変数に代入することはできない。

bloginfo('name'); // ブログタイトル
bloginfo('url'); // ブログ URL : http://hoge.com
bloginfo('wpurl'); // wordpress ディレクトリ URL : http://hoge.com/wordpress
bloginfo('template_url'); // テンプレートファイル URL : http://hoge.com/wordpress/wp-content/themes/foo
bloginfo('stylesheet_url'); // style.css ファイル URL : http://hoge.com/wordpress/wp-content/themes/foo/style.css
bloginfo('stylesheet_directory'); // style.css ファイルのあるディレクトリの URL : http://hoge.com/wordpress/wp-content/themes/foo
bloginfo('template_directory'); // 使用中のテンプレートファイルのあるディレクトリの URL : http://hoge.com/wordpress/wp-content/themes/foo

get_option() を使った場合、取得したデータはそのままでは表示されない。表示させる場合は echo などを使う必要がある。
取得したデータは変数に代入して使用することができる。

echo get_option('home'); // ブログ URL : http://hoge.com
echo get_option('siteurl'); // wordpress ディレクトリ URL : http://hoge.com/wordpress
echo get_option('blogname'); // ブログタイトル
echo get_option('template'); // テンプレート名 foo

参考：テンプレートタグ/bloginfo – WordPress Codex 日本語版
　　　 Function Reference/get option « WordPress Codex