English

プラグイン Search Word Highlight 使用の際のCSS

2009/3/13 (金曜日) | カテゴリー: Customise

Free Template Garden 配布の WordPress Theme ‘BlackBrown’ で plugin のSearch Word Highlight for Mutibyte を使用される時にお勧めの CSS Settings です。
管理画面から設定 ⇒ Search Word Highlight へ行き、CSS Settings に以下を入力してみてください。

background-color: #302c27; border: 1px solid #49432f; padding: .1em; margin: 0 .2em;

当サイトの検索フォームから適当な文字を入れて検索すると、表示例がご覧になれます。

当サイト使用レンタルサーバーのハッスルサーバー

2009/3/12 (木曜日) | カテゴリー: レンタルサーバー

当サイトでは【ハッスルサーバー】に WordPress をインストールして使用しています。

最初は本家サイト design maf でも使用している 80code.com を使用しようと思ったのですが、mod_rewrite が上手く行かず断念しました。80code.com で私は joomla! を使用しているのですが、そちらでの mod_rewrite は問題なしです。なぜ、WordPressでは上手く行かないのか不思議です。勿論サポートにも問い合わせたのですが、最初はすぐに返信が来たのすが、解決しないといつのまにか返事が1ヶ月待っても来なくなってしまいました。

ハッスルサーバーでは、 wp-config.php 10行目の
define('DB_HOST', 'localhost');
を localhost ではなく、
mysql4.naid.jpmysql2.naid.jp と設定する点に注意をすれば簡単にインストールできます。
この MySQLサーバー名はハッスルサーバーにログインして、使用する mysql をクリックすると参照できます。

インストールも無事に済み、記事のUP、配布テーマの細かいチェックも終わり、公開しようとした所で問題発見。
コメント投稿ができないんです…。

最初は xampp を使ってWordPress を localhost にインストールしました。
その際に記事やコメントなども一部UPして、そのデーターベースをハッスルサーバーに移していたのでサーバーにUPしてからコメント投稿のテストをしていなかったんです。
バックエンドの管理画面からは記事の編集、修正などができたので気づきませんでした。
なぜか、バックエンドからはコメント修正、そしてフロントエンドからコメント投稿ができないんです。
403 Forbidden となり、

You don’t have permission to access /wp-comments-post.php

とエラーの表示です。

私は海外からのアクセスの為、それでパーミッションエラーが出ていると思い、.htaccess に以下のように記入しました。これは、xrea で以前に同じような問題が出た時に使用した手です。

<Limit POST>
order allow,deny
allow from all
</Limit>

それでも、問題解決にならず、ハッスルサーバーに問い合わせる事にしました。
そうすると、30分もしない内に回答が送られてきました。

<Files *>
<Limit POST>
order allow,deny
allow from all
</Limit>
</Files>

と書き直してみてくださいとの事です。
早速書き直して、サーバーにUPしてみた所、無事問題解決。

月額208円からと安い上にサポートの的確さと迅速さ、名前はちょっと変ですが(笑) 【ハッスルサーバー】 気に入りました。

タイポグラフィーと分割されたページ

2009/3/11 (水曜日) | カテゴリー: Typography & Layout

タイポグラフィーの表示例とページ分割の際の例がご覧になれます。

リンクのあるテキストにはボーダー線が入ります。ボーダー線を消したい場合はクラス名noBorderを加えて下さい。
例: <a href="hogehoge.html" class="noBorder">hogehoge</a>
画像にリンクがある際に必要となってくるかと思います。

テーブル例です。

題名 作者 抜粋文章
「私の個人主義」 夏目漱石 たとい偶然を卒業者もすこぶるその吟味なかっずかものするがおきででは発表押しだんて、ちょっとには読まなましたん。
「セロ弾きのゴーシュ」 宮沢賢治 窓も野ねずみの遠慮ゴーシュたちを床下をなっ曲なまし。するとたった元気だましといううちました。

<!--nextpage-->を挿入して次のページへ行きます。

最近のコメントプラグインRecent Commentsのカスタマイズ (mb_substr で文字化け解消)

2009/3/11 (水曜日) | カテゴリー: Customise

私が配布しているWordPress Themeのテンプレートでは最近のコメントプラグイン、Recent Commentsが使用できるように設定してあります。WordPress2.7からは、最近のコメントがウィジェットに用意されていますが…。

最近の投稿のプラグインRecent Commentsでコメントの抜粋を表示させるのに、日本語だとコメントの文章が上手く抜粋できず全文が表示されてしまいます。そこでwp-content/plugins/recent-comments/recent-comments.phpを開いて25行目を見てみてください。

$words=split(" ",$comment_content);

で単語を数えるようになっているのですが、日本語の場合、単語ごとにスペースが入らないため上手くカウントされません。そこで25行目と26行目の

$words=split(" ",$comment_content);
$comment_excerpt = join(" ",array_slice($words,0,$comment_lenth));

を日本語用に以下のように変更してみました。// とコメントアウトしたのですが、25行目と26行目を削除してしまっても構いません。

// $words=split(" ",$comment_content);
// $comment_excerpt = join(" ",array_slice($words,0,$comment_lenth));
$comment_excerpt = mb_substr($comment_content,0, 20);

抜粋文章語に『…』を加えたい場合は42行目(カスタマイズした後の行数です)

$output .= '" title="View the entire comment by ' . $comment_author.'">' . $comment_excerpt.'</a>' . $after;

の $comment_excerpt.’</a>’にを加え…$comment_excerpt.’…</a>’とすると、抜粋コメント以降に『…』と点がつきます。

2009年11月追記:
クライアントの方が『さくらインターネット』を使用しているのですが、このサーバーだと、上のように表記しても文字化けしてしまいました。その場合は以下のように、一番最後に使用している文字コード(utf-8)を入れる事により解決しました。

$comment_excerpt = mb_substr($comment_content,0, 20,'utf-8');

コメントがある時の表示例

2009/3/11 (水曜日) | カテゴリー: Typography & Layout

コメントが複数ある時の表示例です。

Gravatar 使用可能です。
Gravatar (globally recognized avatar) は、コメントをする時などにメールアドレスを記入する事により、どのサイトでもあなたの登録した画像のアバターが表示されます。

no title

2009/3/11 (水曜日) | カテゴリー: Typography & Layout

題名のない投稿表示例

保護中: パスワード保護の記事例 (password: test)

2009/3/11 (水曜日) | カテゴリー: Typography & Layout

この投稿はパスワードで保護されています。表示するにはパスワードを入力してください:


沢山のトラックバックがある時の表示例

2009/3/11 (水曜日) | カテゴリー: Typography & Layout

This post has many trackbacks.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras ligula. Vivamus urna diam, mollis nec, pellentesque et, semper nec, lorem. Nam lobortis, eros a feugiat porttitor, nibh mi imperdiet nulla, eu venenatis diam enim non eros. Duis consectetuer augue a ante. Vivamus adipiscing orci et ipsum. Ut consectetuer lacinia magna. Etiam id orci. Vestibulum pede magna, feugiat et, adipiscing vitae, tincidunt non, mauris. Curabitur auctor diam non nibh. Fusce nec diam. Praesent laoreet blandit turpis. Phasellus et eros. Nulla venenatis nulla ut magna. Nunc porttitor eros sed quam. Morbi id nisi ut sem faucibus tempus.

特定のページをトップページに表示する方法

2009/3/11 (水曜日) | カテゴリー: Customise

ブログをトップページに表示させず、特定のページをトップページに表示させ、そのページのみに最新投稿とカテゴリーを載せるカスタマイズ方です。

管理画面からブログ用のページを作成します。

  1. 管理画面 ⇒ 作成 ⇒ ページ (WordPress2.7 の場合は ページ ⇒ 新規追加)
  2. タイトルを適当につけ(例:ブログ)、公開にチェックをいれ保存します。他の部分は記入しなくて大丈夫です。

(続きを読む…)

コメントが閉鎖されている時の表示例

2009/3/10 (火曜日) | カテゴリー: Typography & Layout

この記事ではコメントが閉鎖されています。

コメントフォームは現在閉鎖中です。

タグ: