CSSに関心のある方は要チェック!!

CMSやBlogのテーマをカスタマイズしようという場合にはどうしてもCSSの書き方を少しばかり学習しなくてはいけません。しかし、通常のhtml書類でホームページを作成している場合と違い、ページ内の見た目をダイレクトに書類に書き込むわけではないので、始めは少し戸惑いますし、特にCMSなどの場合にはサーバー上で動いていないとCSSにリンクした状態ではないので、一般のホームページ制作ソフトでページを開いて修正したり書き加えたりという訳には行きません。一般的にはローカルのサーバー上にCMSなどを表示させておいて、そのスタイルシートをエディターで修正しながら調整していると思います。


ホームページを作る場合に tableを便利に使っていた場合には、CMSの場合にはdivによる方法に変わっているのでこれまた少し戸惑う点ではないでしょうか?
divを使用する場合には書き方が簡易になって便利ですが、tableよりはその位置関係のコントロールが少し面倒で、きちんと数値をあわせて書いておかないと、思い通りの場所に表示されない場合も多く、また表示するブラウザによって微妙にずれたりするのも厄介な点です。

いずれにしても、こうした環境を少し便利にできないかと思うのが人情です。そこでCSSを便利に書くためのツールが無いかと探して見ましたが、とりあえずエディターとしては「TopStyleLite」 というのが便利そうです。有料版と無料版があり、Liteは無料版の方でこれでも相当機能が高いようです。まだチェックだけなので細かな説明はできませんが、ちょっとよさそうです。また、日本の制作者がCSS用のエディターを出していますが、確かこれはJISかSJISしか使えなかった気がします。(「StyleNote」)
もうひとつ面白いのがあったのでご紹介しておきますが、WebDeveloperというFirefoxのプラグインがありますこれはなかなかユニークなツールのようで、ブラウザにページを表示させてそのままスタイルシートを編集できてしまうものです。ざっくりメニューを一覧しただけなので操作方法はまだよく分かりませんが、ローカルサーバー上に立ち上げたCMSやBlogのページを表示させ、ブラウザの左や下の部分にCSS書類を表示させて直接編集できてしまいます。これがどの程度使えるものかよく分かっていないのですが、発想がなかなかユニークですし大変面白いツールです。
今後自分自身がCSSのカスタマイズの際に便利なツールが欲しいので機会があればチェックしたいと思っています。MoonGiftさんで結構紹介されていますが、なかなか総てを使って見ることもできないところが厄介なところです。この記事の中のツールはリンクを参照してください

おすすめプラグイン

■All in One SEO
SEO対策には欠かせない基本プラグイン。とりあえず、インストールしてタイトルとキーワードを書きこむだけでも意味はある。
■LightBox2, wp-jquery-lightbox
写真や画象を拡大表示してくれる定番プラグイン。wp-jquery-lightboxの方が最近はおすすめかも。
■Google XML Sitemaps
Google対策の定番。サイトマップを自動で作成してくれる。
■Contact Form 7
お問合せを作る定番。操作も簡単で項目の設定なども簡単。
■Really Simple CAPTCHA
上のContactForm7と合わせて利用するシンプルなキャプチャソフト。(スパムを避けるためのもの)
■Downloads Manager
テーマやお知らせ、書類のPDFなどをダウンロード管理するソフト。もちろん、ダウンロードカウンターあり。
■My Link Order
リンクを自由に並べ替えられるプラグイン。お客様の関係などで上下を入れ替えたいなどの場合に役立つ。
■WP-Cycle
数枚のヘッダー画像をFlashを利用したかのように交換するプラグイン。固定ページなどで固定画象にしたい場合は、別テンプレートを利用して調整。
■CKEditor for WordPress
高機能エディター。Blogエディターを使わないなら、インストールしてみて試すだけでもいい。
■Theme Switcher Reloaded
サイトのテーマを訪問者が自由に変更できるプラグイン。テーマの見本を見てもらう際などに有効。
随時追加予定・・・。

アーカイブ

PCを寄付してください!!

三陸の被災企業にパソコンを寄付してください!
新しいPCを買って使わなくなったものなど余ってるPCを被災地に寄付していただけませんか?詳しくは、以下の画像をクリックしていただくとサイト管理人が運営しているNPOサイトの説明のページに移ります。ご寄附のお申し出をしていただけるフォームをご用意していますのでそちらからご連絡ください。(※なお、ご寄附いただくPCはWindows XP以降のPCとし、メモリーは256MB以上搭載を希望します。)

■1次募集期間:2011年12月~2012年3月
※ご寄附いただいたパソコンの寄付先などは上記画像をクリックしていただくと開く「復興ルート45」のサイトに掲載いたします。

★Artisteerテーマ配布

Artisteerのテーマ見本は上のメニュー「WPテーマDW」をクリックして開いたページからダウンロードできます。Artisteer3.0で作れる高機能なテーマの内容がチェックいただけるはずです。
LightNEasyのご紹介
少し古くなりましたがLiteCMSのLightNEasyご紹介サイトです。よろしかったらご覧ください。

これまでの投稿一覧
気仙沼&一関の物件募集
金野不動産のホームページへ3月の東日本大震災で多くの方が家を失いました。被災地周辺のご出身で、気仙沼や一関などに中古住宅や売地、放置してある家や農地、山林等をお持ちではありませんか?地域の復興にぜひお役立てください。メールにてご連絡ください。

金野不動産のホームページへ
気仙沼市・金野不動産



にほんブログ村 IT技術ブログ CMSへ にほんブログ村 デザインブログ Webデザインへ
にほんブログ村 IT技術ブログ Webサイト構築へ