6月, 2011

画像でGoogle検索

2011年6月29日 pachara デザイン, 0

お疲れ様です。パチャラです。

Google の新しい機能、「Google Images」を紹介します。

この機能を使うのは検索する画像をドラッグアンドドロップだけで検索できます。

このような結果が出ます。

この機能は画像のファイル名と画像の色をチェックして検索するらしいので、サイトを作るときはちゃんと画像の中身に関する名前を付けたほうがSEO対策に効果的だと思います

試して見たい方はこちらへ

記事に定型文をいれるには？

2011年6月28日 staff デザイン, 0

お疲れ様です。
今回は、Wordpressの記事に定型文を追加する方法について。

記事を追加する時に手動入力する方法や、
テンプレートを直接編集し、好きな場所に表示させるようにする方法がありますが、
内容に変更があった場合どちらも修正が大変です。もちろん融通は聞くのですが…。

そこでプラグインの紹介。

PostPost
http://www.marketingtechblog.com/projects/postpost/

このプラグインを使うと、定型文や署名、バナーなど好きなものを
記事の前や後ろに追加することができます。
テンプレートを変更してもそのままなのが有り難いですね。

閉じタグ手前にコメント追加

2011年6月21日 staff コーディング, 0

お疲れ様です。

HTMLを書く際、後から分かりやすいようにコメントを残しておくことがあります。
特に、div要素で、どの開始タグに対しての閉じタグかを追加することが多いです。

<div id="content">
   <div id="main">

      ↓こんな感じです。

   <!- #main- --></div>
<!-- #content --></div>

この閉じタグ手前のコメントタグを、自動入力してくれるDreamweaverの拡張機能があります。

・End_comment.mxp
コメントを生成して挿入するDreamweaver用の拡張機能を作成しました

これを追加すると…

↓

こんな感じで、さくっとコメントを追加できるようになります。
キーボードのショートカットを設定すれば、もっと楽に入力できるようになります。

サーバーのPHPバージョンをチェックする方法

2011年6月21日 pachara デザイン, 0

お疲れ様です。パチャラです。

ワードプレス3.2はもうすぐ出ます。新しいところは多々ありますが、大きいな注意点は２つあります。

一つはIE6にはもうサポートしていません。個人的にこれはすごく良いことです。
二つ目はPHP5.2.4以上ではないと起動できません。この点はややこしくなりますが、大体去年からのサーバーは5.2.4以上になったかもしれないんですが、サーバーはどんなバージョンかとしっかり確認するのは大事なことです。

よって、今日はPHPのバージョンをチェックする方法を紹介します。

1.テキストファイルを作ります
2.「　phpinfo();　」を書いて、phpファイルとして穂損します。　（例:phpinfo.php)
3.FTPで穂損したファイルをアップロードします。
4.ウェブ上でそのファイルをひらきます。

そうすると

このような画面が出ます。

たった一行のPHPコードだけですぐわかります。なお、見れる情報はサーバーの大切な情報なので、確認終わったらFTPサーバーからこのphpファイルを削除してください。

ワードプレス3.2に興味がある人はワードプレス3.2ベータについてで読んでください。

IE7.js、IE8.js、IE9.js

2011年6月15日 staff コーディング, 0

お疲れ様です。
今日はJSのライブラリについて。

IE7.js、IE8.js、IE9.jsというものがあります。
http://code.google.com/p/ie7-js/

これは名前の通り、IE7.jsなら、IE5.5・IE6をIE7と同じように
IE8.jsなら、IE5.5・IE6・IE7と同じようにするJavascriptです。

具体的に何ができるようになるかというと…
IE6では非対応だった、透過PNGの表示や、CSS（擬似クラスやmin-widthなど）が使えるようになります。

他にも、子どもセレクタ…Aグループ直下のBのみに指定する書き方 （ div.a > p {～} ） や、
隣接クラスタ…Aの直後にあるBのみに指定する書き方 （ div.a + p {～} ） も使えるようになり、大変便利です。

ただ、ページが重くなってしまったり、使用するCSSやスクリプトによっては不具合がでる場合もあるため、制作するものによって切り替えたほうがよさそうですね。

スタッフブログにWP touchを入れました。

2011年6月8日 staff デザイン, 0

お疲れ様です。
ワードプレス関連の記事が続きますが…

遅くなりましたが、先月末ぐらいにクレアネットのスタッフブログにWP touchを導入しました。

これで通勤中などにさくさく読めるようになりましたね！

テーマはまだデフォルトのままでお揃い状態なのですが、今後それぞれ変更していきたいです。

ワードプレスにフットノート

2011年6月6日 pachara デザイン, 1

お疲れ様です。パチャラです。

今日面白いワードプレスの関数を見つけました。ワードプレスのアクションフックと言う機能を使う関数です。

この関数はブログの投稿の下に文書を書く関数です。このコードをテーマのfunction.phpに入れます。

function insertFootNote($content) {
        if(!is_home() && (get_the_author()=='pachara')) {
                $content.= "<h4>パチャラ</h4>
　　　　　　　　　　　　　　　　　　<p><a href='http://www.sonimori.com/'>SEO対策クレアネットクリエイター</a></p>
　　　　　　　　　　　　　　　　　　<p>〒530-0047<br>大阪府大阪市北区西天満5-6-10　富田町パークビル3F<br>TEL 06-4792-8281 TEL 06-4792-8291</p>";
        }
        return $content;
}
<strong>add_filter</strong> ('the_content', 'insertFootNote');

普通はワードプレステーマに普通のHTMLコードを入れれるのですが、そうしたらこの文書がRSSフィードに出ないのです。この add_filter　を使えば、ユーザーまで届く前に、投稿の内容の”the_content”にinsertFootNoteの関数を追加します。

「　　if (!is_home() && get_the_author()==’pachara’) 　」の部分はトップページではない時と著者が’pachara’しか動かないのコードです。いつでも表示したいのならその分だけを縫いたらよいです。

この投稿の詳細ページに入ってもらったらこの見本の結果が見えます。