Serene Bachをより安全に

ちょっとした工夫でSerene Bachをより安全にすることができます。その中で紹介するテクニックの多くはWordpressでも使われています。WordPressをより安全にしたい方はこちらを参考にどうぞ。

続きを読む…

Rainbow Featherの日本語版

Wordpressのテンプレートの中でも特徴的な色を使っているRainbow Featherの日本語版が遂に公開!jezさん、本当にありがとうございました。翻訳の担当をさせていただきました。翻訳自体は問題なかったのですが、日本語の表示が「???」になるという文字化けがあったため公開が遅くなりました。

興味のある方はこちらでデモが見れるようになっています。デモの一番右下にEnglish Versionと書かれている所があるのでJapanese Versionを選んでください。

ダウンロードはこちらからです。バグ等がありましたらお気軽にお問い合わせをください。

Serene Bach:お勧めテンプレートⅠ

当サイトのようにSerene Bach用のテンプレートを配布しているサイトはたくさんあったりします。その中で個人的に気に入ったテンプレートを幾つかご紹介します。他にもこれもいい!というテンプレートがありましたらコメント欄にどうぞ。

続きを読む…

Google Page Rank

今月になり、初めて「www.ragard-jp.com」にページランクが付きました。以前運営していた「ragard.holy.jp」のページランクは「2」だったのに対し、みなさんのおかげで「3」になりました。ウェブデザイナーとしては嬉しい限りです。Googleのページランクについて「?」という方もいると思いますので簡単に説明します。

ページランクとは、検索した時などに、優先的に表示させるホームページを決める為に使われる数字です。例えば、「車」を検索した時にA社のサイトのページランクが「5」で、B社が「7」ある場合は、B社のほうが上に表示されます。ページランクを上げるのがもっとも分かりやすいSEOの一つだと思います。

ページランクの数字を上げるにあたって最も重要な事は、他サイトからのリンクです。他サイトからのリンクといってもページランクが「0」の所からのリンクとページランク「2」の所からのリンクでは、結果が違ってきます。

イメージの周りに枠を二つ

手軽に使えるCSS講座です。この講座ではイメージの周りに枠を2色入れる方法ご紹介します。CSSを扱った事がある方はコードを見るだけでわかるかと思います。

1

上のコードは以下のようになります。

1
2
3
4
5
img {
border:1px solid #f25392; /* ピンク */
padding:2px;
background:#9caa3b; /* 緑 */
}

一番外側となる色や幅はborderで設定し、内側となる色はbackground、サイズはpaddingで設定します。この他にもborderにdoubleを指定する方法はありますが上記で紹介したコードのほうが扱いやすいと思われます。少しでも画像にアクセントを付けたい時等にどうぞ。