Home > WordPress

2008.06.23

WordPress のアップグレード

WordPress のアップグレード
WordPress のアップグレード/詳細
を参考にダウンロードした新しいWordPressディレクトリ内の以下のファイルを旧ファイルと入れ替える。
(1)wp-config.php ファイル。
(2)wp-content ディレクトリ内 のpluginディレクトリ、themeディレクトリとuploadsディレクトリ(僕は 設定→その他の設定「アップロード」でアップロードするファイルの保存場所をwp-content/uploadsにしているため)。
(3)wp-admin ディレクトリの「.htaccess」ファイルのファイル名を「htaccess」にしておきサーバーにアップロードしてから「.htaccess」に名前を変更。
(4)ファイルを入れ替えた新WordPressディレクトリをアップロード

元のURIにアクセスしデータベースのアップロードを行う。

2008.06.17

WordPressのバージョンアップ対策

アップデートにはデータベースのバックアップがまず必要と云う事で色々とやってみましたがPHPもMysqlも判っちゃいない僕にはちとハードルが高いのです。
当面は以下のサイトを参考に
WordPress のアップグレード/詳細
新しくバージョンアップされたWordPress ファイルに旧 WordPress ファイルの

wp-config.php ファイル
wp-content ディレクトリ のpluginとthemeディレクトリ
wp-admin ディレクトリの「.htaccess」ファイル(これはXREA独自のセーフモード対策です。)

をコピペ、旧 WordPress ファイルを削除、次に旧 WordPress ファイルの設置されていたディレクトリに新しいWordPress ファイルをアップロードし元のURIにアクセスします。

ログインするとデータベースのアップロードの指示が表示されるので表示に従いデータベースのアップロードボタンをクリックしデータベースのアップロードを行いました。

ただし、「.htaccess」ファイルはアップロード前には「0htaccess」とでも名前を変えておいてアップロード後に「.htaccess」にリネームする必要があります。

この方法なら当面データベースはいじらなくて良いようなのでいくらか楽になるでしょうか?

2008.05.10

pluginを使わずにSite mapを作る

pluginを使わずにSite mapを作る。

最初に、サイトマップ用のphpファイルを作成します。
/wp-content /themes /お使いのテーマ名 に page.php なければ index.php をコピーして新しくsitemap.php として保存します。(sitemapは任意の名前でokです。ここでは sitemap.php としました。)

sitemaps.phpファイルの最上部に

<?php
/*
Template Name: sitemap
*/
?>

を追加、保存します。

管理ページ → 投稿 → ページ作成 を開き、右側「ページ」のプルダウンメニューに「sitemap」が表示されているか確認しましょう。

管理ページ→表示 → テーマエディターで「sitemap.php」を編集します。

投稿記事の表示部分当サイトのテーマ「koikikuukan3」では以下の様になっている部分のコードを削除。

<div class="entry-body">
<?php the_content(’Read more &raquo;’); ?>
<?php link_pages(’<p><strong>Pages:</strong> ‘, ‘</p>’, ‘number’); ?>
</div><!– /entry-body –>

ここにカテゴリータイトルとエントリー(投稿記事)一覧を表示するためのコードを書き込みます。

<p>カテゴリータイトル名</p>
<ul>
<?php
$posts = get_posts(’numberposts=00&category=00‘);
foreach($posts as $post) : ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>

00は、表示したい記事数
00 は、表示したいカテゴリーIDです。
カテゴリーIDの確認は、管理ページ → 管理 → カテゴリー で行って下さい。

以下、表示したいカテゴリーの数分、カテゴリータイトルと 0000 を変更し繰り返します。

ご注意!
$posts = get_posts(numberposts=00&category=00);

この部分をこのままコピペして使用すると「Parse error: syntax error」をくらう事になります。欧文半角カンマが邦文のカンマに置き換わってしまうためなので2箇所の半角カンマを欧文半角カンマに修正してご利用下さい。(申し訳ありません)

一度作成すればエントリーは自動で表示されますが、カテゴリーを追加した場合やカテゴリー名を変更した場合には、このページも変更する必要があります。

最後にページ作成にてタイトル「sitemap」と書き込み、「ページ」のプルダウンメニューで「sitemap」を選択し公開します。

僕は「Site02」として設置しています、又「Site map」の方はプラグイン Sitemap Generatorを利用して設置していますがどちらがいいのでしょう?。

カテゴリーの順序を並べ替えるPlugin category-order2.0.1を使用する事でカテゴリーの順序が自由に帰られる事になりました。

こうなるとプラグインで作成したカテゴリーの順序は自由になりません、という事で当サイトでは「pluginを使わずにSite mapを作る」方を採用する事にしました。

2008.05.08

携帯サイトに「友達に教える」リンクをつくる

携帯TOP
携帯サイトサンプル

WordPressを携帯から閲覧するpluginの導入でこのサイトも携帯から見る事が出来るようになりました。

ところが、携帯のサイトに寄って頂くためには此のサイトからQRコードを読み取って頂くしか方法がありません。

知り合いが此のサイトのQRコードをを読み取ってそれを次の友達にも教え安くするためには「友達に教える」というリンクが在るページが欲しくなります。

そこで別に携帯用のページを作成し、そこから携帯ブログへのリンクと「友達に教える」というリンクを作成する事にしたらどうでしょう。

なるべく携帯ページの下の方の位置に置くのがいいと思います。

「友達に教える」というリンクは以下のように作成しました。

<a href="mailto:?body=ここに自分のサイトのURL">友達に教える</a>

ついでにお問い合わせ先も作成しておけば安心感も与える事が出来るかも?

<a href="mailto:ここに問い合わせ用メールアドレス">お問い合わせ</a>

2008.05.05

プラグインのバックアップ

管理画面→プラグインを覗いてみるとサイトマッップ作成用プラグインの「Dagon Design Sitemap Generator」の所に「新しいバージョンの Dagon Design Sitemap Generator が利用可能です。バージョン3.13をこちらからダウンロードするか、または自動アップグレードを実行してください。」とありました。

おう、自動アップグレードなんてすばらしい!と早速ページに飛び
ホスト名:ーザー名:パスワード:
を書き込み「開始」ボタンをクリック

エラー: サーバー接続中にエラーが発生しました。設定を確認してください。

となりアウト。入力項目の内容はFetchで接続する時と全く同じなので間違いはないはずなので僕の場合「自動アップグレードの実行」は不可のようです。

結局旧プラグインを削除、新しいプラグインをに入れ替えました。

あ〜あ!もう3時になっていまいました。
アップグレードはもうちっと勉強してからになりますか?

2008.04.16

wp tag cloud(タグクラウド)

WordPress日本語2.5にしてから、せっかく記事投稿欄の下のタグの項目に追加というボタンがあったので訳は解らなかったのですがいくつかの記事にタグを付けておいたんです。

最近のブログのサイドバーに何か付いているけど面白そうだな!くらいだったのですが、今回「Widgetってなんだ!」を書いていて「タグクラウド」と云う物の形がなんとなく解りかけて来たみたいで、自分のサイトにも貼付けてみようかと!

出て来ましたですね、いくつかのpluginの紹介等が、でも記事投稿画面でタグを付ける事が出来るという事はpluginではなく何かコードを貼付ければいいのではないかと色々と検索してみたら、ありましたね!すぐ近くに右サイドバーの「お助け何処」のぼ’s日本語 Codexに立派に「テンプレートタグ/wp tag cloud」として記事があるではあ〜りませんか!。

僕はタグクラウドをサイドバーに設置したいので「タイトル「Popluar Tags」の下にタグクラウドを表示」を採用。

<?php if ( function_exists(’wp_tag_cloud’) ) : ?>
<li><h2>Popular Tags</h2>
<?php wp_tag_cloud(’smallest=8&largest=22′); ?>
</li>
<?php endif; ?>

すばらしいですね!

これからせいぜい各記事にタグ付けをしていきたいと思っています。

2008.04.10

画像の配置とキャプション付け

キャプション付き画像を左に寄せて配置するにはまずstyle.cssにどんな名前ででもいいのですが、取りあえずはcaprightと言う名でクラスセレクタを作成し以下、必要そうなプロパティーに夫々値を入れ

.capright {
float: right;/*画像の左寄せ*/
margin:0px 10px 0px 0px;/*画像の周囲からの空き*/
font-size: 0.9em;/*文字サイズ*/
color: #333;/*文字色*/
}

のように書き加えておきます。そして投稿記事書き込み画面では

<div class="capright">
<a href="http://リンク先元の画像のURLjpg">
<img src=’http://アップロードしたサムネイル画像のURL.jpg’ /></a>
<br />キャプション</div>

のように青いタグとキャプションを書き込むと「キャプション付き画像の右寄せ。」になり画像をクリックした場合元の大きい画像が開かれるようになります。

江ノ島
江ノ島

という事で、左に寄せた「江ノ島の画像」表示のサンプルです。

style.cssの「.capright」のfloat: rightを「.capleft」を作成しfloat: leftも作っておけば「.capright」「.capleft」の選択だけで左寄せ、右寄せが出来るようになります。

この場合はサムネイル画像を使用したので画像をクリックすると左右800pxの大きい画像を見る事ができます、又その場合はブラウザの戻るボタンで戻って下さい。

又、画像にテキストを回り込みさせた後に続くテキストは回り込みの解除をする必要があります、そんな場合は<br style="clear:right" />と書き込んで回り込みの解除をします。

InternetExplorer6でレイアウトずれが発生する
「float」を使ってレイアウト設定をした場合「margin」が指定したものより大きくなり、レイアウトずれを起こしてしまうそうです。

これはIE6(IE5も)のバグで、IE7では修正されているそうです。

ともかく僕も「float」を使ったCSSにそれぞれ『display:inline; /*IE6対応*/』を加える事にします。

画像アップロード

画像をアップロードテスト
投稿画面の「メディアを追加」右の画像を追加ボタンをクリックし画像をアップロードしてみましたがアップロード出来ません。

このサイトはサーバーにXREAを利用している為かもしれません。

ググってみると
XREA で WordPress ファイルアップロード機能を利用する
が引っかかってきました。これを参考に
XREA SUPPORT BOARD - PHPをCGIとして動かす方法について」の記述がありました。

適当なテキストエディタに下記の内容を書き、「htaccess.text」と名前をつける。

<files admin-functions.php>
AddHandler application/x-httpd-phpcgi .php
</files>

「htaccess.text」ファイルを、wp-admin ディレクトリにアップロードし名前を「.htaccess」に変更。

設置したWordPressの管理画面→設定→その他の設定→アップロード
のアップロードするファイルの保存場所を「wp-content/uploads」とし、
にて「アップロードしたファイルを年月ベースのフォルダに整理」にチェックを入れ設定を更新。

WP設置サーバーの「wp-content」配下に「uploads」ディレクトリを設置、その配下に「2008」年名のディレクトリをその配下に「04」月名と次の「05」月名のディレクトリを設置しそれらのディレクトリに書き込み権限(707)を与えました。

wp-content/2008/03/とwp-content/2008/04/の二月分のディレクトリを設置した事になります。
相模上臈杜鵑草
再び投稿画面「メディアを追加」右の画像追加ボタンをクリックし画像をアップロード、今度はアップロード出来ました。

ダッシュボード→設定→その他の設定→アップロード
にてサムネイルのサイズを幅200高さ200、中サイズ幅の上限800高さの上限600としました。
ダイヤモンド富士
しかし、画像のタグにclass=”alignright”等が挿入されるものの、 画像配置の左、中央、右寄せとはなりません。

欧文WordPressリンク

WordPressのサイドバーにあった欧文のリンクが僕には全く読めません、しかしなんとなく必要を感じる記事が沢山ありそうです。
そこでリンクを移動しておく事にしました。

Development Blog
Documentation
Plugins
Suggest Ideas
Support Forum
Themes
WordPress Planet

2008.04.09

WordPress日本語2.5

WordPress日本語を使用するにあたって、問題が生じていました。

僕はMacをですのでFTPソフトにWYSIWYG系エディターの「Adobe GoLive CS_JPN」を使用していましたが、これに問題があったようです、FTPソフトを「Fetch日本語版」にしてアップロードしなおしたところ全く問題なくアップできました。
最初はHTMLが何なのか全く解らなかったため、WYSIWYG系エディターに頼らざるを得なかったのですが、最近はFTPのみに使用するのがほとんどになっていたのですが、こんな所に落とし穴があるとは、これからは「Fetch日本語版」を大事にしなくては!。

Web KANZAKIさんに「HTML用テキストエディタを選ぶため若干のヒント」こんなページがありました。

Next »