カテゴリー: CMS

Google +1ボタン付けてみました・・・

投稿者:isc_blog

Google +1 ボタン・・・というのが話題になっていました。
正直、知らなかったのですが
概要はこんな感じ・・・ ※以下「Google +1 ボタン」より引用

+1 ボタンは「おすすめ」や「要チェック」などの情報を手軽にマークできる機能です。

+1 をクリックすると、あなたのおすすめの情報であることが世界中に公開され、友達や連絡先、ウェブ ユーザーが検索するときに参考にすることができます。

なるほどぉ~

つづけてこう書かれています。

+1 ボタンの詳細についてはこちら、ウェブにおけるサイトのパーソナライズの詳細についてはこちらをご覧ください。

というわけで詳細を見ました。

そちらにはこんな記述があります。

Google 検索に表示されるコンテンツの関連性を向上させるうえでも役立てられます。

・・・ということは押された数で検索結果表示順位が変わる・・・ということですね。

このブログを構築している「WordPress」には「WP Social Bookmarking Light」というソーシャルブックマークサービス・Twitterボタンなどを表示するプラグインがあり
それを使用しているおかげですんなり「+1」ボタンが表示されています。
このプラグイン「WP Social Bookmarking Light」オススメです。

通常サイト等でタグを貼る場合は下記のようになります。
[html]
<!– 次のタグを head 要素内または body 終了タグの直前に貼り付けてください –>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: ‘ja’}
</script>

<!– 次のタグを +1 ボタンを表示する箇所に貼り付けてください –>
<g:plusone></g:plusone>
[/html]

こんなタグを生成出来るページは ↓↓↓
Google +1 ボタンをウェブサイトに表示

まずは「+1」ボタンのテストにこの記事の「+1」を押してみましょう!!さぁどうぞ(笑)


追記・・・・・ 2011/06/08
InternetExplorer6,7 では「+1」ボタンが表示されていないことがわかりました。
うーん、残念。

2011年6月5日

WordPressプラグインの「SyntaxHighlighter Evolved」でタグがエスケープされちゃうぅと思ったら・・・

投稿者:isc_blog

先日、紹介したWordPressにプログラムコードを記載する際に便利なWordPressの
プラグイン「SyntaxHighlighterEvolved」ですが
記事の編集中に「HTML」のコードを掲載しようとしていたところ
「プレビュー」すると
[html]
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;TITLE&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
[/html]
こんなことに・・・(;_;)
本当は↓こんな感じにしたいのにぃ!
[html]
<html>
<head>
<title>TITLE</title>
</head>
<body>
</body>
</html>
[/html]
・・・と思って調べたらこんな記事が
WordPressのプラグイン「SyntaxHighlighter Evolved」でタグがエスケープされる(?)

実は「プレビュー」ではエスケープされてしまっているが「プレビュー」とは関係なく「公開」ボタンを押してみたらキチンと表示されていた・・・とのこと。

ちょっと悩みましたw

2011年6月2日

ブログに各種プログラムのコードを載せるときの方法[wordpress用](今更・・・)

投稿者:isc_blog

このブログを書くようになってからいろいろ知ることが多くて勉強になってるんですが
今更ながら、コードを記述するのに良い方法を知ったのでご紹介
(技術系のブログを書いている方は知っていると思いますが・・・)

ここを見たら・・・
http://en.support.wordpress.com/code/posting-source-code/

なになに
[sourcecode language=”css”]
your code here
[/sourcecode]
※上記、実際は半角です。

みたいな記述で出来るプラグインがある!?

http://alexgorbatchev.com/SyntaxHighlighter/

これは便利だ!(いまさらながら)

http://cho-co.be/blog/wordpress/wordpress-syntax-highlighter-for-wordpress/

なんでも[java](実際は半角)と[/java]で囲むとjavaコードがカッコ良く…

[java]
package jp.co.iscTokyo.sample;

public class Sample {
public static void main(String[] args) {
System.out.println("Hello Local!");
}
}
[/java]

どうでしょうか…(ブログ更新前の気持ち)

できた!(更新後の気持ち)

最終的に
SyntaxHighlighter Evolved
をインストールしました。

2011年5月22日