制作BLOG | ホームページ制作/web制作 | アールズデザイン[埼玉　個人/SOHO]

スマートフォンやタブレットなどの新しいデバイスが普及し始めて、それに対応したデザインとJoomla!を使ったCMS構築のスキルアップも兼ねて・・・。

現状のこのサイトもHTML5,ｃｓｓ３、wordpressで構築してますが、もう少しフルに機能を使いこなしたいですね。wordpressとJoomla!の使い勝手の違いを感じてみます。

白金高輪駅近くにバー「Cafe Bar 弐五壱（にこいち）」（港区白金1、TEL 03-6277-3535）がオープンしました。

弐五壱ホームページを制作させていただきました。

駅近くながら、地下にある店内は落ち着いた雰囲気です。

仕事帰りのOLさんがお一人でカウンターに座られているのをよく見かけるほど、入りやすいお店です。

優れたデザインのホームページが紹介されているサイトです。

IKESAI.COM
http://www.ikesai.com/

デザインリンクデータベース
http://www.designlinkdatabase.net/

io3000
http://io3000.com/

straightline bookmark
http://io3000.com/

Web Design Cliphttp://wpgallery.kachibito.net/

WPデザインギャラリー
http://www.webdesignclip.com/

久しぶりにブログ更新します。

ここ１，２カ月、HP制作依頼のお問い合わせやご連絡を多くいただくようになりました。

ですが、なにぶん私一人で制作しているものでスケジュールが合わずお断りすることが大半になってしまってます。

ご連絡いただいた企業様、事業主様には本当に申し訳ございません。

8月末まで案件が詰まっておりまして、その案件が完了するまでひとまず次の依頼を入れないでおこおうと思ってます。

誠に勝手ながらご理解の程よろしくお願い致します。

当ホームページにお問い合わせフォームページを追加しました。

wordpressプラグインの“Contact Form 7”です。

導入方法は簡単。

ダウンロードしたフォルダをそのままpluginフォルダに追加して

管理ページのプラグインでContact Form 7を有効にして設定画面でタグをカスタマイズするだけ。

タグは感覚的に作れるので説明無しでも全然大丈夫でした。

ここまできたらホームページのリニューアルも７割完成した感じかな♪

ちなみにwordpressを導入してからは“アールズデザイン”でyahoo検索すると5位くらいから１位になってました。

ま、そんなキーワードで探す人いないですけどね。

IEでも一部のCSS3が使えるというPIE.htcを使ってみた。

公式サイト： http://css3pie.com/

ダウンロードしてルートディレクトリに置いてみた。

上手くいかないと思ったら、ｃｓｓに記述する際のPIE.htcまでのパスがHTMLファイルからの相対パスかルートパスでないとダメらしい。

当サイトのブログ記事を囲っているボックスのCSSはこんな感じのソースになる↓

section#rightBox .postCon{
　 width:598px;
　 padding:15px;
 　border:solid 1px #ccc;
 　line-height:20px;
 　margin:0 0 15px 0;
 　background:#ffffff;
　 position:relative;

　 border-radius:8px;
　 -moz-border-radius:8px;
　 -webkit-border-radius:8px;
　 behavior: url(../../../pie/PIE.htc); /*Relative path from htmlFile */
}

グラデーョンと角丸を使う際は”position:relative;”を入れないといけない。

“position:relative;”を入れておかないとグラデーションがきかなかったり、親要素の背景画像が上にきたり・・・、で色々不具合がありますので注意！

HTMLモードで改行タグを入れても、ビジュアルモードで(全角)+(shift)+(enter)でも改行しても改行されない！
なんだこれ？
そんで調べてすぐ出てきた改行の為のプラグインbrBrbrのvor3.0～ってのを入れてみたがさっぱり効果なし。
プラグインの導入方法が間違っていたのか？
もっと調べてみます。

っで、調べた結果。

アーカイブページだけ改行できてない感じなので単一投稿ページと比較すると、
archive.phpとsingle.phpの中の記事本文を読み込むphpタグが同じではないことが判明。
archive.phpはこれ→　<?php the_excerpt(); ?>　：改行が削除されてる。
single.phpはこれ→　<?php the_content(); ?>　：改行が自動で入ってる。

ってことで、どちらもthe_content()に統一で解決しました。

土日は家族サービスしてるので更新が滞っております。残念ですが・・・



しかし！iPhoneでwordpressにログインして動かせるので、チョコチョコと合間を見て管理画面からCSSやHTMLをいじってます。

うん。やっぱりwordpressにしてよかった♪

色々方法があるみたいですが、サイトトップページにも投稿記事のタイトルを新着として読み込ませたかったので、サイトトップページの全ブログ情報をサブディレクトリに流すという方法をいただきました。



やり方はブログ情報を読み取りたい位置に下記タグを置くだけです。


<?php query_posts(‘cat=-0′); //すべてのブログ記事を取得?>


こんだけでいいのかな？


これでhttp://www.fh-web.net/blog/が全ブログ情報を持ったブログのトップページになりました。

当サイトのリニューアルを本日から始めます。

まずはデザインの修正。

HTMLを組んでwordpressに組み込んでいきます。

いい機会なのでHTML5とCSS3を使って構築していきたいと思います。

まずはこの記事で投稿テストです♪