WebサイトのURLに「www」を付けるか付けないかを統一する。

2011.05.19 23:12

WebサイトのURLに「www」が付いていたり、付いていなかったりというのをよく目にします。一体、何が違うのだろうか。
ずっと知らないふりをしてましたが、ちょっとこれからのことを考えると知っておいたほうが良いと思って調べてみました。

「www」って何？

そもそも「www」とは、World Wide Webの略称でサーバーのホスト名を示しています。またサブドメインと呼ばれているものです。

「www」をホスト名に設定しなければならないという決まりはないので、WebサイトのURLに「www」が付いていたり、付いていなかったりということが起きます。

でも、両方が混在すると検索エンジンやソーシャルブックマークなどで別々のWebサイトとして認識されてしまいます。これは何とかしないといけません。

URLを統一させる。

URLに「www」を付けるのか、付けないのかを設定する方法があります。
Webサーバーの動作を制御する.htaccessファイルに下記のコードを記入することによってできます。

「www」を付ける

RewriteEngine on
RewriteCond %{HTTP_HOST} ^dakkie\.com
RewriteRule (.*) http://www.dakkie.com/$1 [R=301,L]

「www」を付けない

RewriteEngine on
RewriteCond %{HTTP_HOST} ^www\.dakkie\.com
RewriteRule (.*) http://dakkie.com/$1 [R=301,L]

「dakkie.com」の部分は自分のドメインに変更してください。

「www」を付けても付けなくてもSEO的に違いはありませんが、どちらかに統一させるのはしておいたほうが良いと思います。

Share on Facebook

no comments / website

△ page top

WordPressにソーシャルネットワークボタンを追加する。 番外編

2011.05.17 22:03

「WordPressにソーシャルネットワークボタンを追加する。」で紹介したソーシャルネットワークボタン、ソーシャルブックマークボタンをWordPressに追加するプラグイン『WP Social Bookmarking Light』の「ツイートする」ボタンはデフォルトでは記事タイトル、短縮URL、viaをツイートするようになっていますが、記事タイトルの後ろにブログタイトルを追加したいと思ってちょっとプラグインの中身を変えてみました。

services.phpの中に下記のような「ツイートする」ボタンについての記述があります。

/**
* @brief twitter
*/
function twitter()
{
　　$options = wp_social_bookmarking_light_options();
　　$twitter = $options['twitter'];
　　$width = $twitter['width'] != '' ? $twitter['width'] : '120';
　　$height = $twitter['height'] != '' ? $twitter['height'] : '20';
　　return $this->link_raw('<iframe allowtransparency="true" frameborder="0" scrolling="no"'
　　　　.' src="http://platform.twitter.com/widgets/tweet_button.html'
　　　　.'?url='.$this->encode_url
　　　　.'&amp;text='.$this->encode_title
　　　　.($twitter['via'] != '' ? '&amp;via='.$twitter['via'] : '')
　　　　.'&amp;lang='.$twitter['lang']
　　　　.'&amp;count='.$twitter['count']
　　　　.'"'
　　　　.' style="width:'.$width.'px; height:'.$twitter['height'].'px;">'
　　　　.'</iframe>');
}

これを解読してみると、「.’&amp;text=’.$this->encode_title」のあとに入れればいいことがわかったので、下記のようにブログタイトルを加えました。わかりにくいですが、太字で「.’ – dakkie blog’」って書いてあります。

/**
* @brief twitter
*/
function twitter()
{
　　$options = wp_social_bookmarking_light_options();
　　$twitter = $options['twitter'];
　　$width = $twitter['width'] != '' ? $twitter['width'] : '120';
　　$height = $twitter['height'] != '' ? $twitter['height'] : '20';
　　return $this->link_raw('<iframe allowtransparency="true" frameborder="0" scrolling="no"'
　　　　.' src="http://platform.twitter.com/widgets/tweet_button.html'
　　　　.'?url='.$this->encode_url
　　　　.'&amp;text='.$this->encode_title
　　　　.' - dakkie blog'
　　　　.($twitter['via'] != '' ? '&amp;via='.$twitter['via'] : '')
　　　　.'&amp;lang='.$twitter['lang']
　　　　.'&amp;count='.$twitter['count']
　　　　.'"'
　　　　.' style="width:'.$width.'px; height:'.$twitter['height'].'px;">'
　　　　.'</iframe>');
}

これで記事タイトルの後ろにブログタイトルが追加されました。
ただこの方法はプラグインの中身を直接変えてるので、プラグインを更新してしまうと元に戻ってしまいます。何か別の方法はないですかね。

Share on Facebook

no comments / wordpress

△ page top

最近の気になるWebサイト Vol.3

2011.05.16 22:34

ついにスッキリ！JAPANが公開されました。
ソースコードにアスキーアートで描かれていた謎の人物は松木安太郎さんでしたね。

ティザーサイトとはかなりギャップがあるデザインですが、このサイトはサンスタートニックシャンプーのキャンペーンサイトでスッキリしないモヤモヤした気分を入力すると、松木さんがそのモヤモヤを吹き飛ばすようなシュートを決めてくれます。そして松木さんがコメントをくれるというものです。

マウスの位置によって松木さんやキャッチフレーズが移動するので少し奥行き感があったり、松木さんがシュートを決めるまでの映像が流れたり、さらには松木さんがシュートを決めるときに画面のデザインが勢いよく壊れたりとダイナミックな演出が半端ないです。とてもユニークなサイトになっています。

PC向けサイトだけでなくスマートフォン向けサイトも用意されています。

Share on Facebook

no comments / website

△ page top

フルFlashのサイトにHTMLのフッターを付け加える。

2011.05.15 22:58

完全なフルFlashのサイトではなくて、一部だけHTMLを組み込むということがあります。今回はフルFlashのサイトに固定したHTMLのフッターを付け加える方法を紹介します。

1．HTMLにswfファイルを簡単に埋め込むことができるSWFObjectとウィンドウを指定したサイズよりも小さくした場合にスクロールバーを表示するようにするためにSWFForceSizeを使います。<head>内に下記を追加します。

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/swfforcesize.js"></script>

2．<body>内に下記を追加します。

<div id="flashcontent"></div>
<script type="text/javascript">var so = new SWFObject("xxx.swf", "xxx", "100%", "100%", "8", "#ffcccc");
　　so.addParam("wmode", "transparent");
　　so.addParam("menu", "false");
　　so.addParam("scale", "noscale");
　　if(so.write("flashcontent")){
　　　　var forcesize = new SWFForceSize(so, 900, 700);
　　}
</script>
<div id="footer_wrap">
　　<div id="footer"></div>
</div>

今回はSWFObject1.5を使っているので、上記のような書き方になっています。「var forcesize = new SWFForceSize(so, 900, 700);」の部分は幅900pxで高さ700pxの領域は最低限表示するという指定をしていて、もしこの指定したサイズよりもウィンドウを小さくした場合はスクロールバーが表示されるようになっています。

3．下記のようにCSSを記述します。

html, body, #flashcontent {
　　height: 100%;
}
body > #flashcontent {
　　min-width: 900px;
　　width: 100%;
　　min-height: 700px;
　　height: 100%;
　　background: #ffcccc;
}#footer_wrap {
　　width: 100%;
　　height: 105px;
　　margin: -105px 0 0;
　　position: absolute;
　　left: 0;
　　background: #ccffcc;
}#footer {
　　width: 900px;
　　height: 105px;
　　margin: 0 auto;
　　background: #ccffcc;
}

幅100%で高さ100%のフルFlashなので、#footer_wrapにmargin:-105pxを指定してHTMLのフッターを持ち上げるというのがポイントです。

Share on Facebook

no comments / css flash html javascript

△ page top

WordPressにソーシャルネットワークボタンを追加する。

2011.05.12 22:55

ブログの記事をTwitterやFacebookといったSNS（ソーシャル・ネットワーキング・サービス）、はてなブックマークやDeliciousといったSBM（ソーシャル・ブックマーク）で共有するためのソーシャルネットワークボタン、ソーシャルブックマークボタンをWordPressに追加するプラグイン『WP Social Bookmarking Light』があります。

このプラグインをインストールして、WordPressの管理画面にある「設定」から「WP Social Bookmarking Light」をクリックすると、上の画像のような設定画面があらわれます。

位置
ソーシャルネットワークボタンを追加する位置がWordPressで記事の内容を表示するテンプレートタグである<?php the_content(); ?>の「Top」なのか「Bottom」なのかを選択します。

個別ページのみ
個別ページ、つまりsingle.phpのみにソーシャルネットワークボタンを追加する場合は「Enabled」を選択して、トップページやカテゴリーページ、アーカイブページにも追加する場合は「Disabled」を選択します。

ページ
固定ページにソーシャルネットワークボタンを追加する場合は「Enabled」を選択して、追加しない場合は「Disabled」を選択します。

サービス
WordPressに追加するSNSやSBMを選択してドラッグ&ドロップします。

ソーシャルネットワークボタンのレイアウトに関してはCSSで調整してください。

このプラグインを使えば簡単にソーシャルネットワークボタンをWordPressに追加することができます。

『WP Social Bookmarking Light』
http://wordpress.org/extend/plugins/wp-social-bookmarking-light/

Share on Facebook

no comments / wordpress

△ page top

page 2 of 6123456