FC2ブログの英語版を作る方法

FC2ブログでは翻訳機能が密かに付いています。
外国からのアクセスがあるブログの場合、ちょっとは読んで貰えそうな程度の微妙な翻訳機能ですが、無いよりはマシということで。

FC2ブログに英語版を付ける方法

  1. 自分のブログURLの最後に「en」を付ける。
    (例: http://hogehoge.blog.fc2.com/en/)
  2. 実際にURLにアクセスして翻訳できているか確認。あとは、サイドバーの上の方にでも「English varsion」としてリンクを貼っておけばいい感じ。
Continue reading » · Written on: 02-22-07 · 1 Comment »

WordPressにパンくずリストを表示するプラグイン

その記事のサイト内での位置を分かり易く表示する「パンくずリスト」をWPで表示する方法です。検索エンジンからのサイト訪問者に分かり易くナビをする事で、ユーザビリティの向上に繋がります。

プラグインBreadcrumb Nav XTの導入

  1. Breadcrumb Navigation XTをダウンロード。
  2. 解凍したら wp-content/plugins/ にアップロードして、プラグインの管理から有効化。

コード埋め込み

テンプレート(シングルポストなど)に以下のコードをコピペします。

<?php if (class_exists('breadcrumb_navigation_xt')) {

	// New breadcrumb object
	$mybreadcrumb = new breadcrumb_navigation_xt;
	// Options for breadcrumb_navigation_xt
	$mybreadcrumb->opt['title_blog'] = 'Home';
	$mybreadcrumb->opt['separator'] = ' &raquo; ';
	$mybreadcrumb->opt['singleblogpost_category_display'] = true;
	// Display the breadcrumb
	$mybreadcrumb->display();
} ?>
  • url_blog : ブログURLを指定
  • title_blog : ブログのタイトルを指定
  • separator : セパレーター>の変更

プラグインエディタでカスタマイズ

FTPで /wp-content/plugins/breadcrumb-navigation-xt.php のパーミッションを707等にして、プラグインエディタで表示のカスタマイズをします。

ws000441.png
Blog article:という表示が邪魔だったのでソートして削除。

設定の変更はいろいろ出来ますが、パンくずリストとして表示できればOKなのでそこまで弄らなくてもいいかな。

Continue reading » · Written on: 02-21-07 · 3 Comments »

WordPressのタイトルをSEO向けにする

WPのtitleはデフォの状態ではSEO向きではないので、titleを改変するwp-title-suffixというプラグインがありますが、このwp-title-suffixはパンくずリストプラグインのBreadcrumb Navigation XTの動作に影響が出てしまいます。

そこで、プラグインを使わずにSEO向きにする事でそれを回避する方法。

プラグインを使わずにtiteのSEOカスタマイズ方法

テーマエディタでヘッダーテンプレートのtitle部分を以下のものに変更します。
ブログのタイトル部分には自分のサイト名を入れてください。

<title><?php wp_title('ブログのタイトル なくてもいい'); ?><?php if(wp_title('ブログのタイトル', false)) { ?> | <?php } ?><?php bloginfo('name'); ?></title>
Continue reading » · Written on: 02-21-07 · No Comments »

htmlやPHPなどのソースをBlogに表示する方法

< >をそのまま入力するとコードとして認識されるので、 < を &lt; に、> を &gt; にそれぞれ書き換えなければいけません。
基本的にhtmlコードなどをブログなどに記載する場合は、<pre>タグを使うようになっています。

<pre>タグタグを使う場合

<pre><code>
ソースコード
</code><pre>

という風に、<pre>タグで<code>タグを囲って使います。
ただ、このままだと折り返さないコードの場合は、横幅がスゴイことになってしまうのでcssでちゃんと折り返されるようにします。

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

WordPressプラグインを使用してコードを表示する場合

同梱されているcssはテンプレートcssに入れればOK。
このcssを編集すればフォントの大きさやボーターカラーの変更ができます。

/*
ハイライトする色の指定
*/
.hl-surround{
    -moz-border-radius: 5px;
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding: 8px;
    margin-bottom: 5px;
    width: 500px;
    overflow: auto;
    text-align: left;
}

.hl-surround, .hl-surround pre, .hl-surround span{
	font: normal 10pt 'Courier New', monospace;
}

.hl-default{
	color: Black;
}
.hl-code{
	color: Gray;
}
.hl-brackets{
	color: Olive;
}
.hl-comment{
	color: #ffa500;
}
.hl-quotes{
	color: #8b0000;
}
.hl-string{
	color: Red;
}
.hl-identifier{
	color: Blue;
}
.hl-builtin{
	color: Teal;
}
.hl-reserved{
	color: Green;
}
.hl-inlinedoc{
	color: Blue;
}
.hl-var{
	color: #00008b;
}
.hl-url{
	color: Blue;
}
.hl-special{
	color: Navy;
}
.hl-number{
	color: Maroon;
}
.hl-inlinetags{
	color: Blue;
}
.hl-main{
	background-color: transparent;
}

.hl-main pre{
	margin: 0; padding: 0;
}

MovableType用プラグインを使用する場合

エントリー投稿画面に追加される「&」ボタンを押すだけで、選択した文字列を実体参照化してくれる便利なプラグイン。

[MovableType用EntityRefButtonプラグイン v0.0.5 ]

Continue reading » · Written on: 02-21-07 · 1 Comment »

WordPressに、はてブ&del.icio.usに登録ボタンを付けるプラグイン

アクセスアップにも繋がりそうなブックマーク追加ボタンですが、WordPressには、エントリーに「はてなブックマークへ登録」「del.icio.usに登録」ボタンを付けるプラグインがリリースされているので、それを利用すればお手軽です。

[ WP-hatenaプラグイン ]

使い方は上記サイトでも解説されていますが、以下のコードをテンプレートの表示したい場所に埋め込むだけ。(del.icio.usのアイコンは他からダウンロードしてきて、delicious.12px.gif にリネームしてwp-hatenaフォルダに一緒にアップロード。)

<?php if(isset($wph)) {

     $wph->addHatena();

     $wph->adddelicious();

 }?>
Continue reading » · Written on: 02-21-07 · No Comments »

FeedBurnerに「ブックマーク系サイトに追加ボタン」を付ける

FeedBurnerには「FeedFlare」という、記事をソーシャルブックマーク系に登録するボタンを追加する機能があります。

FeedBurner日本版にはデフォで、はてなブックマークへ追加ボタンがありますが、FeedBurner本家にはdel.ico.usやDiggしかありません。が、パーソナルFeedFlareとして後から追加できます。

 

FeedBurnerに登録するFlare各種

Flareの登録方法

 
ws000433.png
FeedBurner本家の場合は、Optimize > FeedFlare から Add New Flareフォームに、上記リストの.xmlファイルURLを入力します。

日本版は、最適化 > フィード・フレアから。
ボタンを日本語にしたい場合は、.xmlファイルをダウンロードして「Add to ○○」の部分を書き換えて、自分のサーバーにアップロードするなどして対応してください。

Continue reading » · Written on: 02-20-07 · No Comments »

WPのフィードでFeedBurner文字化け対策

WPの出力したfeedをFeedBurnerに登録した場合、FeedBurnerが文字化けしてしまう事がありました。

文字コードはUTF-8なのですが・・・
原因がよくわからないのでAtomを登録してみたら治りました。

Continue reading » · Written on: 02-20-07 · No Comments »

MTの全てのRSSをFeedBurnerへリダイレクトする方法

MovableTypeでは、Atom/RSS2.0/RSDと複数のRSSフィードを出力しています。

フィードの観覧者数をカウントしたりと、いろいろ便利なFeedBurnerへ乗り換えた際に、今までRSSリーダーでAtomなどを登録していたユーザーも全てFeedBurnerにリダイレクトする事で、今までのRSSフィードの購読者の数も正確に把握できて一括管理が可能になります。

FeedBurner - フィードを登録ましょう。あとはFeedBurnerにお任せください
[FeedBurner.JP]
[FeedBurner.com]

手順

  1. MT管理画面から、Atom/RSS/RSDのテンプレート内容をコピーして新しくテンプレートファイルを作り再構築。こうすることでリダイレクト処理の無限ループを防ぐ。
    ws000432.png
    (index.xmlならindex2.xmlなど、別名ならなんでも。)
  2. FeedBurnerのフィード編集から、出力元フィードのURLを新しく作ったものに変更する。

次に、.htaccessファイルを作り以下を追記してアップロードします。
元々atomなどを出力してない場合は、出力していたファイル名のみ記載してください。

mod_rewriteが使えるサーバー用

RewriteEngine on
RewriteRule ^index\.xml$ feedburnerのURL [L,R=permanent]
RewriteRule ^atom\.xml$ feedburnerのURL [L,R=permanent]
RewriteRule ^rsd\.xml$ feedburnerのURL [L,R=permanent]

mod_rewriteが使えないサーバー用

RedirectPermanent /rsd.xml feedburnerのURL
RedirectPermanent /index.xml feedburnerのURL
RedirectPermanent /atom.xml feedburnerのURL

以前のRSSアドレス(index.xmlなど)にアクセスしてみて、feedburnerにリダイレクトされるかチェックして完了です。

[Feedburner Infomation | リダイレクト設定]

Continue reading » · Written on: 02-20-07 · 3 Comments »

WPで簡単にスマイルアイコンを導入「More Smilies 」

WPを個人日記系ブログとして使用する場合に使用すると効果的なスマイルアイコンを、簡単に導入できるWordPressプラグインです。

[ More Smilies Plugin ]

ws000428.png
インストールして有効化すると、オプションで使用するアイコンパックを設定できます。

ws000429.png
投稿画面のメニューにSmilesメニューが出ているのでクリックすると、ポップアップでアイコン画面がでてきます。 :o 8O:lol:

コメント欄のフォームにスマイルアイコンを使うには、テンプレートスキンの編集でコメントのテンプレートに以下を追加します。

<?php do_action('comment_toolbar', 'comment'); >
Continue reading » · Written on: 02-19-07 · No Comments »

XREAサーバーでIImage browserを使う

WordPressの画像アップロード機能を拡張するプラグイン「IImage browser」は、XREAではそのままで動作しません。

cgiとして動作させる事で使用可能になります。

IImage browserについては下記を参考に。
[ WordPress Japan - IImage browser 日本語版 ]

IImage browserをcgiとして動作させる方法

.htaccessファイルを作って下記のように入力。

<files iimage-browser.php>
AddHandler application/x-httpd-phpcgi .php
</files>

インストールディレクトリ/wp-admin にこれをアップロードして完了。

なお、IImage browserを使うにはビジュアルリッチエディタを停止しておかなければいけません。下記のようにして停止します。

  • オプション > 投稿設定の「ビジュアルリッチエディタを使用する」のチェックを外す。
  • ユーザーの「記事投稿時にビジュアルリッチエディタを使用する」のチェックを外す。
Continue reading » · Written on: 02-19-07 · No Comments »
Page 21 of 22« First...10...1819202122