先日のエントリーでWordPressで構築とエントリーしましたが、やっぱりNucleusになりました。

以前からNucleusの設置・スキン・スタイルシートの変更方法は知っていたのですが、プラグインの使い方や、その他細かいところはGoogleやフォーラムで検索しながらの構築です。

アクセシビリティ等で参考にさせていただいていた【Heartfield Blog】さんや、【WEB ARTISAN BLOG - ウェブ アルチザン ブログ】さんがNucleusだったことを思い出し、早速ほぼ全てのエントリーを読み直し・・・

全て揃っているMTばかり使ってたのでそう簡単にはいかないものですが、今では「Nucleusの方がいいぞ！」なんて思っています。

現在、ほぼ形は出来ました。あとはもう少しデザインに手を加えて、Moblogを付けるだけ！

Posted

新規サイト構築することになったのですが、MovableTypeライセンス（商用ではないのですが法人のため）の件があり、ライセンス無料のBlogで構築することとなった。

WordpressとNucleusどちらを使用するか、先ほどまでいじっていました。テンプレートの編集はWordpressが簡単ですが、高機能なNucleusも捨てられない。

そんな訳で、頭の中がごちゃごちゃで、「このプラグインはどっちのだったっけ？」という具合です。最初に決定して専念すればよかった・・・

結局、Wordpressで構築となりそうです。

Posted

以前から、私の個人的なBlogをある有名な制作会社（Web標準で検索してみてください。一番目のところです）の方がたまに見に来られています。
そこの社長のBlogにトラックバックしたのがきっかけだったようです。

参考になりませんよ！

こちらが参考にしています・・・

Posted

昨日のお客様との打ち合わせの内容が大変なものでした。

Webサイトの構築なのですが、200人分の承認システムと個別ページ振り分け。それも200ページ全てに個別の画像（写真も撮影依頼がありました）を貼るのだそうです。

とりあえず、スクリプトはできたのですが、名簿からパスワードを作らなきゃいけません。後は見積もり次第というところなんですが・・・

これ、やめませんかぁ～。

Posted

CSSの勉強にCSS Creatoをよく見に行く。

そのサイドバーに本日のブラウザ統計が表示されている。

Firefoxが好調とはいえ、IEの倍近く。
IEが90%以上のシェアを誇っているのに、この数字があらわすものは･･･

CSSでテンプレートを作る場合には、まずFirefoxで確認し、IEでちゃんと表示できるように修正。一時期のネットスケープとは逆転した状態です。

バグだらけのIEは使い物になりません。

Posted

5月まで当サイトにて使用していた3段カラムの装飾を全て削除したテンプレートです。本文・サイドバーのHTML記述順序。リキッドデザインのためサイドバーに多くのBlogPartsを挿入してもメインの幅は充分にあります。
カスタマイズ素材としてご利用ください。

3Column3テンプレート

Posted

2Column Flowerご利用いただいている方へご案内いたします。

2Column Flowerのスタイルシート以外のテンプレートにおいて、エントリーの日付フォーマットに誤りがありましたので以下のように修正をお願いいたします。

誤
%Y年 %e月 %B日
正
%Y年 %m月 %e日

現在公開中のものは修正がすんでおります。
よくわからない場合には、全てのテンプレートを修正をお願いいたします。

この場でお詫びいたします。
ご迷惑をおかけいたしますが、よろしくお願いいたします。

Posted

Webサイト（@Style）のHTMLとスタイルシートを変更したのですが、このBlogのテンプレートが出来ません。WebサイトもBlogもPHPでインクルードしているので、どれがどちらか解らなりそうです。ひとつのテンプレートを制作するのに10ファイルくらいを参照しながらやるので･･･

というわけで、Blogのデザイン変更はもう少しかかりそうです。申し訳ありません。

【6月9日】完成しました。

Posted

CSSを使ってブログとウェブサイトにナビゲーションバーを作ろう！

bannerやheaderの後にナビゲーションのクラスやIDを作りリストで指定します。 たとえば私のところはこんな感じ・・・

<div class="none"><a href="#main">メニューを読み飛ばす</a></div>
<map id="Navigation" name="Navigation" title="Navigation">
        <ul>
                <li><a href="/" title="Web標準 Webサイト制作  アットスタイル ホーム">ホーム</a></li>
                <li><a href="service.php" title="Web制作">Web制作</a></li>
                <li><a href="blogtemptop.php" title="テンプレート">テンプレート</a></li>
                <li><a href="form.php" title="お問い合わせ">お問い合わせ</a></li>
                <li><a href="http://s36ph.s72.xrea.com/" title="ブログ">ブログ</a></li>
                <li><a href="http://style.jp.land.to/phpbb/index.php" title="フォーラム">フォーラム</a></li>
        </ul>
</map>
<div class="none">ナビゲーション閉じる</div>

スタイルシートで整形すればOK！

#navi  {
        float: left;
        margin: 0;
        padding: 0px;
        width: 100%;
}
#navi ul {
        font-size: 0.7em;
        margin: 0;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #333333;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #333333;
        padding: 0;
        width: 100%;
        float: left;
        list-style: none;
        background: #D2D2D2 url("webimg/background.png") 0% 40% repeat-x;
}
#navi ul li {
        float: left;
        margin: 0;
        padding: 0;
}
#navi a, #navi a:visited {
        display: block;
        padding: 2px 10px;
        margin: 0;
        color: #000;
        text-decoration: none;
        font-weight: normal;
        border: 0;
        border-top: 1px solid #EEEEEE;
        border-left: 1px solid #EEEEEE;
        border-right: 1px solid #333333;
}
#navi a:hover {
        background: url("webimg/over.png") 0% 40% repeat-x;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
}

css.maxdesign.com.au - CSS resources and tutorials for web designers and web developersに迷ってしまうほどたくさんのリストナビゲーションが紹介されています。

お気に入りが見つかるかも・・・

Posted

省略されている方も多いと思いますが、必ず一行目にXML宣言を記入し<?php echo '～'."\n" ?>でかこみます。

<?php echo '<?xml version="1.0" encoding="<$MTPublishCharset$>"?>'."\n" ?>

次は、サイドバーなどのモジュール化ですね・・・

Posted

Tags