WordPress Archive

ホームページの更新システムを一から構築するのは骨が折れるのでBlogを使ってしまおう。
今回ご紹介するのは弊社のブログでも採用しているWordpress。 最近のサーバーは簡単インストールと銘打ち、Wordpressをワンクリックでインストールするサービスが多い。
GMOインターネットサービスのお名前.comレンタルサーバーがスペック・サービス面でコストパフォーマンスが良いです。

さて、本題です。
■必要なもの
１．WordpressのRSSフィードURL…【インストール先のURL】+【?feed=rss2】です。（ここのブログの場合）
２．Google AJAX Feed APIのキー…ココから取得してください　※英語ですがURLを入れてGenerate API Keyボタンを押すだけ
３．表示させるHTML…設置をお考えのトップページ等
４．取得コード…後記

■設置方法
１．</head>直前に

<script type=”text/javascript” src=”http://www.google.com/jsapi?key=【取得したキー】”>
</script>
<script type=”text/javascript”>
google.load(“feeds”, “1″);
</script>

を挿入。

２．表示させるHTMLの希望箇所に下記ソース

<div id=”feed”></div>
<script type=”text/javascript”>
function initialize() {
//RSSフィードの取得
var feed = new google.feeds.Feed(“【WordpressのRSSフィードURL】”);

//取得するフィード数
feed.setNumEntries(10);

//実際に読む込む
feed.load(function(result) {

//読み込めたか判別
if (!result.error) {

//表示部分を選択
var container = document.getElementById(“feed”);

//変数の初期化
var useFeed = “”;

//Feedの処理
for (var i = 0; i < result.feed.entries.length; i++) {

//Feedを一つ抽出
var entry = result.feed.entries[i];

//リストに挿入
useFeed +=
‘<li><a href=”‘ + entry.link + ‘”>’ + entry.title + ‘</a>’;
}

//リストを表示させる
container.innerHTML = ‘<ul>’ + useFeed + ‘</ul>’;
}
});
}
google.setOnLoadCallback(initialize);
</script>
</div>

を挿入。

■CSS装飾
CSSで背景色やPaddingや下線をデザインすれば既存のHPのデザインとマッチします。

動きましたか？
時間があるときにWordpressで登録した画像の取得も書こうと思います。

Movable Typeの勉強をしようとサーバーのデータベースをいじっていて謝って削除してしまいました。

おかげさまで全てのブログやカレンダーがあぼーんしました。

Googleにキャッシュされていたので自力で取り出してシコシコUPし直します。

気をつけなはれや。

突然選択できなくなってふためいていたのですがルート権限のないレンタルサーバーを使っているため回避できなそうです。

サーバーの設定をこねくりまわせる方はこちらを参考にどうぞ。

肝はphp-gd5のようですが、今は何もできないのでしばらく様子見。

ここのブログでCASTAGEが運用しているサイトの更新情報を載せてるのですが、基本的に文面や画像はあまり変わらないので複製できないかと検索していたら見つけました。

テテテテッテテー（どらいもん）

Duplicate Post

このプラグをインすれば記事投稿するときに元となる記事を探して「複製」をクリックすればコピーされるので大変素敵です。

ご覧の通り余白が取り除けなくて困ってます。

WordPressのヘッダー部分に何かかっこよくて簡単にはめ込める物はないかとサーフィングしてたらs3Slider jQuery pluginというjQueryを使った素敵エフェクトに出会いました。

現段階ではテストなので全て絶対パスというおそ松くんですが、落ち着いたら直してコードなども載せようと思います。

wp.vicunaのテンプレートをカスタマイズしてます。

今まで使っていたテンプレートはAll in One　SEO Packで入力したタイトル部を引き継いでくれたのですが、vicunaはだめらしい。

All in One　SEO Packで設定した「ホームページ製作・グラフィックデザインならCASTAGE：キャストエイジ｜ブログ」にしたかったので、直接index.phpの二行目に直接書き込んでUPしたら化けらった。

一般設定のタイトル部を替えてしまえば良かったのですが悔しかったのでphp printをつかったり、php.iniをUTF-8的にしたり、URLエンコードしてみたり、function.phpのmb_substrをこねくったりしたけど全てだめ（所要時間4時間半）

phpの編集はDreamweaver CS3を使っていたんですが、なんだかとっても嫌なオカンがしたので彦麻呂（秀丸）でファイルを開いてみたらファイルのエンコードが「Shift-JIS」に。

UTF-8にして保存したら直りました（所要時間2分）

パソコンがどうしても立ち上がらなくて分解して全てのハードウェアを確認したけどコンセント抜けてたあの夏の日の夕暮れを思い出した。

SEO対策によいからと、以前までパーマリンクに.htmlをつけていました。

設定はこんな感じ。

/%category%/%post_id%.html

しかし上記の設定でSEO効果が得られる根拠はないと言うことと、トラブルが多いようです。

ここのブログもサーバーを引っ越した後パーマリンク構造を引き継がなかったため検索エンジンから飛んでくる場合表示されないページが多発しています（涙

検索ワードとしてFlash系やWordPressのカスタマイズ系があがってきていたので安心していたのですが、クリックしてみると

<?php

/**

* Front to the WordPress application. This file doesn’t do anything, but loads

* wp/wp-blog-header.php which does and tells WordPress to load the theme.

*

* @package WordPress

*/

/**

* Tells WordPress to load the WordPress theme and output it.

*

* @var bool

*/

define(‘WP_USE_THEMES’, true);

/** Loads the WordPress Environment and Template */

require(‘./wp/wp-blog-header.php’);

?>

こんな感じです。

PHPファイルをごり押しでhtmlとして読み込ませようとしているのが原因らしく、htaccessに

AddType application/x-httpd-php .php .html

を入れると対応できるようになるような文献もありましたがGMOサーバー（SD）では無茶五郎でした。

待受やFlashで検索してくれてる方が多いのですが残念です。

今後はプラグインのNice Trailingslashit（最初Slash ItがShitに見えた）＋パーマリンク設定（/%postname%/）で行きたいと思います。

ちなみにパーマリンク設定は最後にスラッシュ（”/”）を入れなきゃいけないとかいけなくないとか。

下記文献をお探しの方は現在のページをご紹介差し上げます。

WordPressのヘッダー部にロゴ挿入

古→http://www.castage.net/blog/headermod.html

新→http://castage.net/blog/change_header/

Flash Lite 1.1でランダムで画像が変わる待ち受け

古→http://www.castage.net/blog/idol_screen.html

新→http://castage.net/blog/idle_screen/

携帯Flash待ち受け用のアナログ時計を作ろう

古→http://www.castage.net/blog/how_to_create_analog_watch.html

新→http://castage.net/blog/how_to_create_analog_watch/

あけましておめでとうございます（2回目） おかげさまで実績も増えたのでページをこさえました。　←現在サーバートラブルのため休止中（2010/03/02） WordPressでいい感じのテーマがあったのでサクッといきましたよ。 ■制作実績ページで使ったもの ・WordPress 2.9.1 ・WordPressのテーマ Gallery, a Thematic child theme 1.2.1 ｢WordPress Theme Portfolio｣でググると結構出てきますが、今回は上記のやつでいってみました。 今流行りのTwitterなんかデフォルトでついてるし、Rating（評価）もプラグインを入れれば使えます。 英語の説明が多いのですが要望があれば説明書的なものを作ろうか作らまいか悩むまいか。 このブログは有名（？）な携帯用プラグインKtai Styleを使ってますが、あっちの方は人柱的にMobilePressNEOを挿れてみようと思います。

ココで使用しているWordPressのテンプレートは海外のもので、｢コメント｣や｢タグ｣などちょこちょこと英語表記になっていました。

（ブログの内容を棚に置き、）アクセス数に関わらずコメントが一件もないのはこのせいだとポジティブシンキングした結果編集することにしました。

今回編集したファイルは/wp-content/themes/テンプレート名の直下にある
　・index.php
　・search.php
の2つのファイル。

Dreamweaverで編集後サーバーにアップしたら完全に文字化けしおりました。

ファイル自体がShift-JISになっていたのが原因ぽいので彦麻呂（秀丸）を使ってUTF-8に変換したらいけました。