2010/1/29 (金)

WordpressでHTMLファイルをインクルード

寝ている間に乾燥した空気で喉をやられたYu-ichiです:neko:

さて、Wordpressネタというよりも簡単なphpネタですが
近頃ホームページを自分で更新したい!という声を多く頂きます。:wa-i:

最初からすべてCMSでサイトを構築してしまえば、
如何様にもいじれるのですが、静的なHTMLで作ったものに
後からCMSを追加した場合、元の静的なHTMLにテンプレートを合わせて作成するのは
非常に大変だと思います。:naku:

そこで、Wordpressのテンプレートを少しいじって
静的なHTMLのテンプレートをはめてみようと思います。:kaoemoji1:

まずは条件として、静的なHTMLがSSIなどで部品化されている必要があります。
SSIに関してはこちらの記事を参考に


静的なHTMLの部品としては、こんな感じが一般的でしょうか

これをWordpressの現在のテーマに移植します
/wp-content/themes/使用中のテーマ/
の中にある以下の3つのファイルを修正します

  • header.php
  • footer.php
  • sidebar.php

テーマによって記述する位置が異なりますが、
以下のような記述を追加します。
<?php
$out = file_get_contents(”呼び出すSSIのhttpから始まるフルパス”);
print $out;
?>

これでたいていは表示されるはずです。

私もうっかりしていてハマってしまいましたが・・・:ga-n:
静的なHTMLの文字コードがShift_jisな場合、
このままインクルードしてくると文字化けします:naku:

回避方法としては、以下のように文字コードを変換する記述を1行付け足します:kaoemoji3:
<?php
$out = file_get_contents(”呼び出すSSIのhttpから始まるフルパス
“);
$out = mb_convert_encoding($out, “UTF-8″, “SJIS”);
print $out;
?>

これでバッチリ表示されると思います:cat_5:

phpなので、Wordpress以外のものでも応用できます。
1つの資源を皆で共有したり、様々な場所から資源を集めてきて整理するような
そんなホームページができそうですね:wa-i:

また少しずつ技術(?)をご紹介していきたいと思いますので、
ランキングのクリックと応援お願いします:neko:
:onegai: :yubiright: 人気ブログランキングへ:yubileft:

2010/1/27 (水)

2010/01/26 Yahoo!検索 Index Update

カテゴリー: Yahoo!インデックスアップデート — taka @ 1:16:55

Yahoo! Japanから、Yahoo!検索 Index Updateのフルアップデートが発表されました。

内容は、以下の通りです。

Index Updateとは?

YSTでは、日々検索エンジンをより使いやすいものにするために、世界各国に対応するものや日本独自向けなど、新しい機能の開発や機能修正・改良作業を計画的に実施しています。この成果を検索エンジンに反映するため、インデクサに組み込み、インデックス全体の更新を行います。

これにより検索結果が改善されるとともに順位変動が予想されます。なお、フルアップデートの完了には数日を要します。

また、インデックスのフルアップデートにはかかわらず、小規模な順位変動は日々発生することがあります。

 

先週から、YSTのキャッシュが表示されない現象が続き、

ここのところ、週末に変動する事の多かったYahoo!が、先週末は、静粛状態だったので

週明けから、何かあるかも?と思っていましたが、今朝から大きな変動が発生していました。

Index Updateは、実に4ヶ月ぶりです。 

現在も変動中と思われますので、しばらく経過を観察していきたいと思います。

2010/1/26 (火)

Photoshopのアクション

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 10:48:20

向かい風にも負けず自転車通勤中のatsushiです。:wa-i:

最近Photoshopのアクションを使う機会があったので、ちょっとアクションについて調べていたらなかなかいいアクションがあったのでご紹介します。

画像をポラロイド写真のように加工するアクション
Polaroid GENERATOR V2

結構この手の加工は、雑誌やポスターで目にするのですが、いざ作ろうとすると結構時間がかかってしまいます。

これなら素早く加工できるのでWEB素材づくりにも活用できそうです。:b_body_jump:

また、このアクションを使ったことで、アクションってあまり使ってこなかった機能ですが、使いこなせばここまでできるんだなと感じさせてくれましたね。:kaoemoji3:

アクションも研究してWEB素材づくりに活かせそうなアクションを作っていきたいですね:ganba:

ブログランキング参加中!応援宜しくお願いします:kaomoji6:

:onegai: 人気ブログランキングへ  :yubileft:

2010/1/23 (土)

ツイッターの人気度

夜はめっきり弱くなったsinosanです。

人気ブログランキング挑戦中です。
よろしかったら、クリックお願いいたします。

:hand:    人気ブログランキングへ  :kurikku:

 

ツイッターという言葉をご存じと思いますが、渋谷のヤング(10代) 100人に聞いたところ
80%の人が知っていると答えたそうです。
では、そのうちツイッターの内容を知っている人はというと、約50%の人だそうです。:roll:

ツイッターとは、「さえずる」と訳され、日本語では「つぶやき」と行っています。

使い方はいたって簡単、ツイッターのサイトに接続して、名前・愛称・メールアドレス・パスワードを
入力するだけ。:hakusyu:

ツイッター利用者は日に日に増加の一途をたどっているようです。:shock:
街角でランチをしたいと思った時、携帯からツイッターに接続して、「今、渋谷の○○にいます。
おいしいラーメン店教えてください。」などと送信すれば、1~2分で誰かが投稿をしてくれる、
「その信号から200メートル先に○○があります」などと教えてくれます。

「ブログと違って構えることがない、気重感がない、人との繋がり感がある」などが人気の秘密のようです。
遊び心で参加できるところも、うけているのでしょう。:razz:

さらには、お得情報も配信しているところもあります。
ユニクロや近畿日本ツーリストなどは商品情報をツイッターで配信しているそうです。:hakusyu:

Webページを作成するほどの事でもないし、パンフレットやチラシをつくる時間もない、そんな期間限定や
数量限定の商品など、ツイッターで配信する、商用利用もあるようです。

有名人や芸能人のツイッター利用者も増加する中、それらの人たちに「なりすまし」で投稿するやからも
増加しています。:mad:

ツイッターのつぶやきも受け取る側で、情報の整理が必要になっています。

世の中人気の事柄には、とかく危険が伴うものです。気を付けましょう。

車の情報化の発展を感じました

カテゴリー: 日記(ホームページ制作会社の雑談) — taka @ 9:47:29

海外ドラマ バーン・ノーティスにはまっているtakaです。

車の情報化の発展   :welcome2:

最近、車を買い替えました。
今回は、車の情報化の発展について書きたいと思います。

新しい車になって感じたのは、
もちろん今トレンドの燃費の向上やエコメーターなど
次世代に向けてのエコ技術の実用的な進歩もありますが、
何より感じたのは、センサーやネットワークなど車内の情報化の発展です。

センサーでは、

車の傾きを検出するジャイロセンサー、
車外の気温や雨の降水量のセンサー、
車外の明るさを検地するセンサー、
車内の運転席、助手席など場所に応じた温度センサー、
セキュリティーのセンサー、

・・など 車の内外の環境を捉えるセンサーが装備され
  「感じる」という事が数字化され情報化されました。

ネットワークの進歩

一方、情報化をつなぐネットワークも進歩しています。

車両と車のキーとの間の通信(Electoronic Control Unit)や(Body Control Unit)
携帯電話とは、自動的にBluetooth(ブルートゥース)で接続
カーナビは、GPSだけでなく、外部から変化する交通情報を取得し
またパソコンやDVDなどの情報は、USBで車に転送できます

 上記のセンサー類や車の外部の世界と
「情報を繋ぐ」役割を担うネットワーク化も大きく進展しています。

音声認識の進歩

また一番驚いたのは、音声認識の進歩です。
難しいと思われたも音声認識が実用ベースに近づいたことです。

音声認識については、次回記載したいと思います。

 

ガソリンから電気へ10倍?のスピードで変わる

ビジネスやWEBの世界でも、可視化、仮想化、メディアの融合・・など
大きく環境が変わろうとしていますが、車の世界も負けないぐらい変わっています。

おそらく、ガソリンを燃やして発展してきた100年の車の歴史が
今度は、電気というインフラに10年(10倍ぐらいの速さで)ぐらいで
急速に変わっていくのでしょう。:ecoemoji2:

次に乗る車は、きっと、プラグインハイブリットか 電気自動車になるだろうと思います。

みなさんは、どう考えますか?:sayonara:

 

ブログランキングに参加中です! ただいま6位、FC2が、2位です。
よかったら投票お願いします。
 :onegai: :yubiright:人気ブログランキングへ:yubileft:

2010/1/22 (金)

【HTML】ウィンドウサイズ指定【ちょっとした小技】

東北地方を彷徨っていた友人からもらった日本酒が気に入ったYu-ichiです:neko:

今回はアンカータグを使い、新規ウィンドウを開いたときに
ウィンドウサイズを予め指定して開く小技です。:wa-i:

調べるとjavascriptを使ったものがたくさん出てきますが、
やりたいことはただウィンドウサイズを指定することだけ。
表示するウィンドウの位置や、メニューバーなどの表示・非表示などのコントロールは不要なのです。:cat_5:

そんなわけで、すごく簡単なやり方を2種類ご紹介したいと思います。:b_body_jump:

まず1つ目は、アンカータグに埋め込む方法。
こちらのリンクをクリックしてみてください:yubiright:ホームページ制作ネットインパクト
いかがでしょうか?
別ウィンドウで開き、さらにウィンドウサイズが変わったと思います。:cat_5:

やり方は簡単で、以下のようにアンカータグ内に「resizeTo」にてウィンドウサイズを指定するだけです。

— ソース —
<a href=”http://www.netimpact.co.jp” onClick=”resizeTo(1024,800)” target=”_blank”>
ホームページ制作ネットインパクト
</a>
————-

resizeTo(横,高さ)
これは覚えておくと便利ですね。
外部リンクに飛ばす場合などに使えるやり方です。:neko:


さて2つ目は、リンク先ページのヘッダー内に埋め込む方法。

これはリンク先のページの<head>タグ内に「resizeTo」を埋め込みます。

— ソース —
<head>
<script language=”javascript”>
resizeTo(800,600);
</script>
</head>
————-

これは<head>タグ内に書かなければなりませんので、HTMLが編集できることが条件になります。
内部リンクなどで使えそうなやり方です。:kaoemoji3:
この記述のメリットは、リンク先のHTMLに書かれているので
どこからリンクされても、必ず同じウィンドウサイズになる点です。
つまり、外部から直リンクされても大丈夫というわけです。:cat_5:

たったこれだけの記述で、ウィンドウサイズを操れます。
とっても簡単ですね。

ちなみにこの記事のタイトルは、とある実験の為にこのように書いてみました。:hamster_4:

今回の小技、役に立った!と思ったらクリックお願いします:kaoemoji2:
:onegai: :yubiright:  人気ブログランキングへ:yubileft:

PhotoshopCS4の新機能を使ってみた

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 19:42:57

最近、映像を見ていると30分ぐらいで睡魔に襲われるatsushiです。:kaomoji8:

PhotoshopCS4をちょいちょいいじり始めましたが、ちょうど写真の加工をしていてCS4の新機能が使えそうなことがあったので試してみました。

試した機能は、「コンテンツに合わせて拡大・縮小」です。

この機能は、画像を拡大・縮小しても元の画像のバランスをなるべく保ったまま拡大・縮小できるという機能らしいです。

サンプルで作ったものがあるので効果のほどはこちらを参考にしてください。

元の画像

通常の拡大・縮小(高さを80%縮小)

「コンテンツに合わせて拡大・縮小」(高さを80%縮小)

どうでしょうか?
コンテンツに合わせて拡大・縮小では、空の部分がカットされてますね

こんな感じで自動でバランスを保ったまま画像を拡大・縮小してくれるようです。
あんまり極端な拡大・縮小は、やっぱりだめそうです。:body_deject:

:kaomoji6:ブログランキングに参加中!投票お願いします。

:onegai: 人気ブログランキングへ 

2010/1/16 (土)

インターネット募金

カテゴリー: 日記(ホームページ制作会社の雑談) — sinosan @ 23:59:18

強風でポタリングもままならないsinosanです。

人気ブログランキングの順位も低迷しています。
よろしかったら、クリックお願いいたします。

:hand:    人気ブログランキングへ  :kurikku:

 

先日、中米のハイチで大規模な地震が発生してしましました。:orooro:

世界各地で大きな地震が起きる中、日本ではというと
阪神淡路大震災や中越地震があります。
古くは関東大震災もありました。:naku:

阪神淡路大地震から15年になりますが、あの時には国内ということで
あちこちから、ボランティアの人たちが駆け付つたり、募金活動も盛んに行われていました。:hakusyu:

コンビニや金融機関などでも、募金を受け付けていましたね。
私も、微力ながら募金をしたのを覚えています。
あの頃は、今と違ってインターネット環境が整備されていませんから、民間の金融機関で
募金をしたように記憶しております。:oops:

今回のハイチ地震でも、世界各地から救援活動に集まってくる方たちに頭が下がる思いです。
ですが、飲料水・医薬品・食糧など思うような活動ができていないのが実情のようです。:kaomoji4:

このようなときには、募金詐欺も横行します。気をつけましょう。:cuss:

ところで、募金といえばコンビニや金融機関への現金払いが頭をよぎりますが、
いまでは、インターネット環境の整備が進み、家に居ながらにして募金ができるように
一部の団体では、インターネットバンキングも可能になりました。

なにか、お役に立ちたいとお思いの方、是非インターネットバンキングを利用して
募金をしようではありませんか。:ganba:

ビジネスブログの未来

カテゴリー: ネットの未来 — taka @ 10:07:38

突き指をして、左手が痛いtakaです。

ブログのビジネス利用

以前ブログは、Yahoo!やGoo、楽天・・といった大手サイトが提供するものを利用するのが一般的で、
ブログの企業利用には、制約がありました。

その頃はもっぱら、ブログは個人のプライベート利用が主でした。

現在では、自社のサイト内にビジネスブログを導入する事は、容易になりました。

このブログもWordPressをプラットフォームにしています。

しかし、社内のサイトにブログを導入する事が容易になったにもかかわらず、
今日でも多くの企業にとって、社内ブログやSNSの利用は、いまだ遅れています。

ブログやSNSの、進んだ新技術が企業ではあまり利用されていません。
(この前の記事でYU-ichiが消化したRSSなども、とても利用範囲の広い、有望な技術の1つです。)

ビジネスブログ導入の阻害要因

ビジネスブログ導入を阻害する要因の1つに企業の文化や組織の問題があるように思います。

IT関連の企業にとっては、これらの進んだ技術は、自然に文化として受け入れられていますが
社内に過去の遺産(負債?)とも言えるシステムや組織を維持する大手企業にとっては
この文化には、アレルギーがあり、容易には受け入れがたいようです。

新技術活用の逆転現象

一方、小さな会社や個人経営者の方が、既存の制約が無く
WEBの新技術にも抵抗が無く、ビジネスブログ普及が進んでいます。

以前では、大手企業の方が新技術の導入は、当然早かったのですが
今では、WEBの新技術の利用は、個人や小さな企業の方が進んでいる感があります。

WEB新技術の導入に関しては、確実に逆転現象が発生しています。

ライフログの活用

これからは、WEB上に個人が発信した情報や個人のWEBの行動履歴(買い物や閲覧履歴・・など)の
膨大な情報の中に貴重な情報があると思われます。

企業にとってもこの消費者の行動の中に自社のサービスや商品、情報を組み込む事が
必要な時代になってきたと思います。

この個人のWEB上の行動履歴をデジタル化したものをライフログと呼ぶそうです。

今後の情報収集の主戦場は、このライフログに移って行く事と思われます。

みなさんは、どう考えますか?

 

ブログランキングに参加中です! ただいま6位、FC2が、3位です。
よかったら投票お願いします。
 :onegai: :yubiright:人気ブログランキングへ:yubileft:

2010/1/15 (金)

WordpressのRSSを取得する

インフルエンザから完全復活のYu-ichiです:neko:

RSSには様々な使い方があると思います。:wa-i:
一般的には、お気に入りのブログのRSSを登録し、
最新の記事が登録されたらすぐに読むといった使い方があると思います。

このRSSは、Wordpressも使用しており、上記の利用方法ができます。:cat_5:

Wordpressの場合は、このブログを例に挙げると
RSSを取得する場合、以下のようなURLを登録することでRSSリーダーで読むことが出来ます。
  :yubiright:http://www.netimpact.co.jp/blog/feed

とまぁ、ここまではごく普通のお話です。:kaoemoji2:
上記方法だと、このブログに書かれる記事全てのRSSとなり
興味のないカテゴリーに投稿があった場合も通知してしまいます。:naku:
Wordpressが便利なのは、カテゴリー毎にRSSを簡単に取得できる点です。:cat_5:

このブログを例に挙げると、例えば「ホームページ制作の裏話」というカテゴリーだけを
取得したい場合は、以下のURLを登録してみてください。
  :yubiright:http://www.netimpact.co.jp/blog/?feed=rss2&cat=3

すると、この「ホームページ制作の裏話」のRSSのみを取得することができるはずです。:cat_5:
  :yubiright:ブログURL/?feed=rss2&cat=カテゴリーID

この方法だと1つのカテゴリーのみ取得できますが
その他のカテゴリーにも興味がある場合、以下のようにカテゴリーIDを「,」カンマで区切ることで
複数カテゴリーを登録することができます。:wa-i:
  :yubiright:ブログURL/?feed=rss2&cat=カテゴリーID1,ID2,ID3

その他にも、特定のカテゴリーを除くという場合には、
以下のようにカテゴリーIDの前に「」マイナスを付け加えます。
  :yubiright:ブログURL/?feed=rss2&cat=-カテゴリーID1

このような感じで、feed1つとってもいろいろなパターンで取得ができることも
Wordpressの魅力の1つではないでしょうか?

この方法を使って、動的なページもできますので
応用パターンを考えてみてはいかがでしょうか?:wa-i:

(´・∀・`)ヘー
と思った方は是非、クリックをお願いします。:kaoemoji2:
:onegai: :yubiright:人気ブログランキングへ:yubileft: