ホームページ作成

パーマリンクの設定

Wed, 17 Mar 2010 21:16:51 +0900

いろいろ調べていたら、WordPressでは、パーマリンクの設定っていうのをしたほうが良いらしく、これやらないと、標準で「http://○○○○.com/?p=123」のような動的なアドレスになっているため、SEOに悪いとか悪くないとか(^^ゞ

とにかく、デメリットがわからなかったのとりあえずやってみようかと。

やり方は簡単、設定画面内の「設定＞パーマリンクの設定」から設定できます。

最初からいくつか用意されていますが、個人的に気に入らなかったので、「/%category%/%year%%monthnum%%day%%hour%%minute%%second%/」にしてみました。

あと、カテゴリーベースに「/.」と入力。（これしないとカテゴリ名の前に「/category/」が入ってしまう）

これで、「http://○○○○.com/カテゴリ名/投稿日時/」になります。

投稿日時にしているのは、もともと、MTの時に「書き出し→インポート」するとアドレスが変わってしまうのを防ぐためにやっていただけで、なんかそのほうが落ち着くし、アドレスも絶対に被る事がないという単純な理由からです。

AkismetとWordPress.com API キー

Wed, 17 Mar 2010 20:55:50 +0900

MovableTypeにも似たような感じのものがありましたが、WordPressにもAkismetというスパム対策のプラグインがあり、それを利用するのに、WordPress.com API キーというのが必要らしく、それを取得してみました。

取得方法は簡単で、Akismet.comにアクセスして、メールアドレスを入力するだけ。で、届いたメール通りに作業を進めて終わり。英語できなくても何となくわかります(^^ゞ

あとは、取得したAPIキーを、WordPressの管理画面内＞プラグインのAkismet設定画面に入力すると使えるようになります。

ただ、私のサイトは、基本的にはトラックバックやコメントは受け付けない設定になっているので（管理が面倒）、あまり必要のないプラグインかもしれませんが、時々オンにしたい気分になるときがあるので、そういう時のために、一応入れておきたいと思います。

私のように、トラックバックもコメントも普段はオンにしないよ！という人は、急いで設定する必要もないでしょう。

WP Super Cacheをインストール

Wed, 17 Mar 2010 20:41:12 +0900

結局、自分でインストールしたWordPressをいったん削除して、hetemlの簡単インストールでインストールし直してみた。

理由は、予想外のトラブルが嫌だから。hetemlが用意している簡単インストールなので、一番hetemlにあったインストールを勝手にしてくれるだろうという単純な考えです。

で、インストールしたら、なんかWP Super Cacheというプラグインが勝手に入っていたのでオンにしてみたら、『警告（wordpress入れたアドレス）/wp-content が書き込み可能になっています！』と真っ赤な太字で表示されました。

なんのこっちゃい！ってちょっと迷いましたが、その下に小さな字で、755にパーミッション変えろよみたいな表示があったので、FFFTPで変更→管理画面再読込で表示が消えました。（成功？）

まぁ、これで解決かと思いきや、なんか設定の項目がさっぱり意味のわからないものばっかり。

特に、『使用しているサーバーが Digg に耐えられることを誇らしげに表示する (フッターにメッセージを表示する)』とか、なんだこれと思ってググったら、海外にDiggというニュースサイトがあるらしく、これに掲載されるとアクセスがドーンと増えるらしく、弱いサーバーだと落ちるらしく、これに耐えられるサーバー使ってるぜ！っていうのを自慢したいかどうかっていう設定らしい(^^ゞ

あと、大切なのが「Mobile device support using WordPress Mobile Edition.」っていう設定項目。WordPressで携帯用のサイトを作成するプラグイン『Ktai Style』を入れる場合、これをオンにしておかないと衝突するらしいです。

結局、まだまだ知識不足なので、知識がもう少しつくまで、このWP Super Cacheをオフにしておくことにしました（爆）

WordPressのダウンロードとインストール（heteml）

Wed, 17 Mar 2010 19:05:43 +0900

WordPressのダウンロードとインストールをしたので、その手順を書いてみようと思います。

インストールしたサーバーは、hetemlというレンタルサーバーです。

手動でインストールした後に気がついたんですが、hetemlには、簡単インストール機能で、WordPressとMovable Type (Open Source) 5.01、SOY CMSが管理画面でサクサクッとインストールすることができます。

自分でインストールして、動かないとか、なんか動きが変だな～と思うけど、どう対処していいのかさっぱりな方は、こういった機能を利用した方がトラブルは少ないと思いますのでオススメです。

私のように手動でインストールする場合、WordPressの本体はWordPress日本語公式サイトからダウンロードできますので、まずそこからダウンロードしなければなりません。

で、本体を解凍してFFFTPでまとめてアップロードし、同時に、hetemlのサイトで配布されている.htaccessファイルもアップロード。

アップロードしたフォルダにブラウザからアクセス。（その前にデータベースを作っておくと良い。）

そうすると、インストーラーみたいのが動くので、画面通りに進めるだけ。

画面通りに進めると、勝手にパスワードが作成されるので、それを必ずコピーしておき、ログインの時に使う。（これ忘れると面倒なことになる。）

ログインしたら、自分の好きなパスワードに変えて、とりあえずインストール作業は終了。

もっと詳しく書いてよ～という方は、hetemlもそうだけど、だいたいレンタルサーバーのヘルプ等にインストールの仕方が書いてあるのでそっちをみたほうが良いと思います(^^ゞ（そのサーバー特有の手順があったりするので）

WordPressを使い始めました。

Wed, 17 Mar 2010 18:20:53 +0900

今までずっとMovableTypeを使っていたのですが、最近のWordPressの人気と、商用ページ作成も無料ということもあって、WordPressもちょっと使えるようになっておこうと思い、使い始めてみました。

使いはじめたのは、というか、WordPressの本体をダウンロードしたのは３月１４日。

それから３日ほど経ちましたが、自分へのメモとしても、MTからWordPressに移行する人のためにも、経過等をちょこちょこと書いていこうかと思います。

今のところ一番いいなおと思ったのが、再構築がいらないというところ。

MTでもダイナミックなんとかとか、PHP化したりして再構築不要にはできますが、初心者がやるにはちょっと難しいところがあります。

その点、WordPressは最初からPHPなので初心者にとっても敷居は低いなと思います。

使い始めたばかりで、WordPressのいいところばかり目につきますが、MTにも良いところはたくさんありますし、個人的にはMTが気に入っているので、しばらくはこのような趣味っぽいページはMTで、アフィリエイトにどっぷり浸かったようなページはWordPressで作成するなどして併用していこうと思います。

Movable Typeでcron使って記事を日付指定で予約投稿する（heteml）

Sun, 13 Dec 2009 18:48:45 +0900

まず、シェルスクリプトというファイルをメモ帳などで作成します。

#!/bin/sh

cd /MTがあるとこのパス/
/usr/bin/perl ./tools/run-periodic-tasks

exit

これをmt.shというファイル名にして、FTPソフトで一番上のディレクトリにアップロード。（webとかappsってフォルダがあるとこ）

ここで注意しなければならないことが・・・

アスキーモードでアップロード
パーミッションは700にする

あとは、hetemlのコントロールパネルでmt.shにcron設定をしてやればOK。

それと、もう1つ注意することが、mt＞tools＞run-periodic-tasksがアスキーモードでアップロードされているか？と、パーミッションが700か755になっているかってことも重要らしいので、うまくできない方は試してみてください。

それでもうまくいかない方は、MTにログインして、ログを見ると、思いがけないエラーが出てたりすることがあるので、確認してみてください。（なぜかテンプレートで再構築エラーが出てた。→テンプレート修正で解決）

403エラーページを自作する方法

Wed, 25 Nov 2009 01:52:50 +0900

403エラーページを自作する方法って書きましたが、404でも、500でも大丈夫です。

表示させたいページを作って、.htaccessに、

ErrorDocument 403 （エラーページのアドレス）
ErrorDocument 404 （エラーページのアドレス）
ErrorDocument 500 （エラーページのアドレス）

このように書いて終わり。

私の場合だと、

ErrorDocument 403 http://anchan.jp/error/error.html
ErrorDocument 404 http://anchan.jp/error/error.html
ErrorDocument 500 http://anchan.jp/error/error.html

このように書いてます。

レンタルサーバーで用意されたページが表示されてしまってる方など、ぜひお試しください。

「.htaccess」でのファビコン設置方法【チカッパ！レンタルサーバー】

Wed, 18 Nov 2009 17:55:22 +0900

ファビコンを設置してみました。

ファビコンって何？？？って方、これです↓

設置方法は、実際に自分がこうやってみた！という方法を紹介します。
（チカッパ！レンタルサーバー使ってます。）

ファビコン用のアイコンを用意。（正方形）

できれば１６×１６pxにする。

・Favicon Japan!! -16×16の小宇宙ファビコン-

ここの、『Favicon自動生成』ってところで『favicon.ico』を作成。

FTPソフトでサーバーにアップロード。
（MT使ってる人は、そっちからアイテムのアップロードでもOK）

.htaccessってファイルに

AddType image/xicon .ico

ErrorDocument 404 （ファビコンをアップロードしたURL）

こうやって書く。

ですので、私の場合、

AddType image/xicon .ico

ErrorDocument 404 http://anchan.jp/img/favicon.ico

↑こう書きました。

.htaccessってファイルを作ったことがない方は、メモ帳とかで書いてアスキーモードでアップロードすれば良いです。（.htaccessってファイル名でパソコン上に保存できない方は、アップロード後にファイル名を「.htaccess」に変更すればOK!）

MT使ってる人は、インデックステンプレートを新規作成しても作れます。

で、パーミッションを６０４に変更で、設置完了です。

私の場合、なかなか反映されずに悩んでいましたが、FireFoxのキャッシュを消したらすぐ反映されましたｗ

注意する点は、

・.htaccessを書く時に、最後に絶対改行を入れる。（入れないとエラーになる。）
・パーミッションを６０４にする。
・アップロードする時はアスキーモードで。

以上のことに気をつければできると思いますので、設置したい方は頑張ってください。

Seesaaブログで、TOPページだけに表示するようにするタグ

Tue, 17 Nov 2009 19:00:32 +0900

Seesaaブログで、TOPページだけに表示させたいよな～っていう時に使うタグで、

<% if:page_name eq 'index' -%>●●●●●<% /if -%>

HTMLのカスタマイズの時にこれ使うと、TOPページだけに表示されます。

ブログのタイトルのとこらへんに使うと便利です。

たとえば、

TOPページのタイトル
『ブログタイトル - ブログ説明文』

記事ページ
『記事タイトル - ブログタイトル』

と、このようにしたい場合に使えます。私は使ったりするタグです。

の中身をしっかりとわかりやすく書くと、検索エンジンからくるユーザーに対して親切でわかりやすいと思うのでオススメです。

Movable Type 5.0 RC 1・CKEditor・MultiBlogなどを使ってみた感想

Thu, 12 Nov 2009 07:17:59 +0900

Movable Type 5.0のベータ版のBeta 1～Beta 4が段階的に公開され、私はBeta 4から使い始め、現在はMovable Type 5.0 RC 1を使っています。

最初は、簡単に思えたのですが、私の技術不足もあって、かなり苦戦しました。・・・が、なんとかなったみたいですｗ

前バージョンからBeta 4へ移行したときに、設定していたブログのＵＲＬが全部変わってしまったところから、苦戦ははじまったのですが、この辺は難なくクリアしたように思えたのですが、再構築時にエラーが出たりだとか、必ずウェブサイト下にブログが作成される感覚が、微妙にシックリいかなかったりと、まぁ、いろいろありました。

極めつけは、MultiBlogの再構築トリガーが作動せず、手動更新するしかない状態に陥ったことで、かなりのダメージをくらいました。

いろいろ調べて、何とか再構築トリガーも作動するようになり一安心です。

Movable Type 5.0 RC 1は、使い込めば、前バージョンよりもいろいろな事ができそうです。

あと、CKEditor for Movable Type　が公開されたので、早速使っています。細かく言うと、もう少し、こうしてほしいとか、あ～してほしいとか、いろいろとありますが、ＭＴ標準のリッチテキストで使っているよりはよっぽど良いです。

今まで、こういったものを使ったことない方、無料の高機能ブログサービスからＭＴに移行してきた方には特にオススメです。

HTMLでも簡単にページ分割する方法

Wed, 06 May 2009 23:59:51 +0900

Movable Typeでページ分割をしようと思うと、一般的にはPHP化が必須条件のようになっています。
確かにPHP化するといろいろな事ができますが、初心者にとってはちょっと難しいですよね。

PHP化していろいろなことをしなくてもいいから、とにかくページ分割だけしたい！という方に、とても簡単な方法があります。そこで、初心者でも簡単にできるページ分割の方法を紹介したいと思います。

プラグインを使うのですが、そのプラグインは、

静的ページ用ページ分割プラグイン:PageBute

この「PageBute」をダウンロードすると、「PageBute」というファイルがあるので、そのファイルをMovable Typeの「mt>plugins」フォルダにコピーします。それ以外、特に設定することはありません。

次にやるのが、テンプレートの編集ですが、タグの意味等はダウンロードしたページにある程度書いてあるので、私が実際にテンプレートに貼り付けてあるものを紹介します。

TOPページ

        <$MTInclude module="ブログ記事の概要"$><$MTPageSeparator$>




        <$MTPageBefore delim="前の7件"$>
        <$MTPageLists show_always="0"$>
        <$MTPageNext delim="次の7件"$>

記事ページ


<$MTInclude module="ブログ記事の概要"$><$MTPageSeparator$>





        <$MTPageBefore delim="前の7件"$>
        <$MTPageLists show_always="0"$>
        <$MTPageNext delim="次の7件"$>

月別ページ

        <$MTInclude module="ブログ記事の概要"$><$MTPageSeparator$>




        <$MTPageBefore delim="前の7件"$>
        <$MTPageLists show_always="0"$>
        <$MTPageNext delim="次の7件"$>

これで、PHP化せずにHTMLのままでもページ分割が簡単にできると思いますので、試してみてください。

私が実際に貼り付けているものの意味がわからない人は、PageButeのサイトや、Movable Typeの公式サイトのタグの説明等を見てみるとわかりやすいかと思います。

Googleアドセンスのクリック測定もできるアクセス解析

Sun, 19 Apr 2009 14:04:51 +0900

アクセス解析でクリックを測定

ホームページやブログサイトを運営していて、訪れたユーザーがどのようなリンクをクリックしてサイト内を移動しているか、どのような外部リンクをクリックしてサイトから去っていくのかが知りたい時があると思います。

また、Googleアドセンスをホームページやブログサイトに導入している場合、アクセス解析と合わせて、Googleアドセンスのクリック数や、どのページのどの場所にある広告がクリックされているのか知りたいという事もあります。

そういう時に便利な「リサーチアルチザン」というアクセス解析があります。

Movable Typeで「ブログ記事」テンプレートだけ２カラムにカスタマイズ

Sun, 19 Apr 2009 12:10:31 +0900

Movable Typeのテンプレート

Movable Typeのテンプレートは、「デザイン＞スタイル」でカラム設定を変え再構築すると、すべてのページのカラムが変更になります。

私の場合、右のサイドバーの横幅を大きくしたいため、どうしても中央の本文が入る部分の幅が小さくなってしまいます。

すべてのページを２カラムにしてしまえば簡単に片付く話なのですが、どうしてもＴＯＰページやカテゴリページ等は３カラムにしておきたいので、なんとか記事ページだけ２カラムにカスタマイズはできないものかと考えてみました。

Movable Typeの記事一覧で本文の文字数を同じにする方法

Wed, 08 Apr 2009 23:37:31 +0900

記事一覧で本文の文字数を統一

Movable Typeでブログを作成した時に、TOPページやカテゴリアーカイブ・月別アーカイブ等に、記事の一覧が作成されると思います。

１つ１つの記事の全文を表示させている方はそれでいいと思いますが、追記を使用して記事を途中まで表示させている方で、デザインの都合上、どうしても縦の幅・本文の文字数を統一して、一覧表示にしたいと思う方もいると思います。

Movable Typeで作成したブログの携帯版を作成する方法

Tue, 07 Apr 2009 17:56:24 +0900

Movable Typeの携帯版作成方法を探す

Movable Typeでブログを作成しているのですが、どうしても携帯版を作成したいと思ったのですが、現在のMovable Type単体では、他の一般的なブログサービスのように、携帯サイトを自動で作成してくれる機能がありません。

どうにかして、最初に設定したら、あとはほったらかしで携帯版を作り続けてくれるものはないだろうかと思い、調べてみました。