メディアクロス・ドットコムは、出版社向けのクロスメディア・ソリューションを提供するビジネスサイトです。

　 Xoops の方は、出版関係者への情報を提供するアンテナサイトです。それを利用して、読者側がアイデアを企画に、それをE-BOOKへ、さらには出版その他のクロスメディアにリリースする、という場にしたいと考えています。

　あれこれとバックアップをやっているうちに、私がやっていることはクロスメディア・ソリューションを提供しているのだと気が付いたわけです。

　クロスメディアについては、印刷会社が顧客確保の営業戦略の柱と位置づけて、力を注いでいます。活字離れという社会の流れに沿って、印刷需要のある顧客が、他のメディアクリエイターに流れるのを食い止めるためです。

　印刷会社という強大な業界と組織に対抗して、商機があるのかと疑問に思われるかもしれませんが、ネットビジネスの経験は印刷会社にはない強力な経営資産になるのです。

　印刷会社は、「印刷ノウハウを、Web制作ノウハウにシフトする」という、自社の強みを生かす当然の戦術的選択をしてきます。

　印刷というのは、基本的に職人的スキルの世界ですので、その世界で仕事をしている以上、私たちのようにネットビジネスの世界で、真剣勝負でやっているという経験の蓄積ができません。

　どうしても、形を作ることがメインになって、運営はクライアント様次第ということになります。実際には、システムアドミニストレーションの部分だけを請け負い、制作関連の仕事の受注に主力をおいています。

　システムを導入したクライアント様は、活字の世界でやってきたことをそのままネットに移すだけですので、まったく通用しません。ネットとオフラインとの、情報格差の実態を知らない。

　インターネットのマーケティング手法や思想は日進月歩という感じで進化していることは、あなた自身が痛感されていることでしょう。

　検索エンジンは、一瞬で同業他社をリストアップするという厳しい状況を生み出しました。簡単に他との比較ができて、あっちが良いと分かれば、一瞬で顧客が流亡してしまう...。

　平気で顧客無視（無頓着）をやってきた活字業のマインドセットでは、どんなに立派で美術的にあるいは技術的にきれいなサイト作りやクロスメディアを構築しても、宝の持ち腐れになります。というより、宝の持ち腐れのオンパレードなのです。

　私たちが提供するソリューションはネットビジネスで試行錯誤し、学び、検証してきたノウハウですから、実効性が遙かに高い。持ち腐れになった宝に生命を吹き込むことが、ビジネスになります。

　ということで、少しばかりお宝探しを楽しんでみたいと思います。

「ヌーデ椅子と」（←わざと誤変換）＋「無料画像」というグーグル検索で

このページを訪問された方がおられたようです。

　冗談でも、「誤解検索」されないように気をつけないといけないですね。

　MT4のヘッダー画像差し替えの追加情報が必要かなと思いましたので、少し付け加えておきます。

ということは、前回の「ヘッダーを変更する」でお分かりいただけたかと思います。

　一般的には、背景画像を設定しておいて、190行目のタイトル指定で、上下のマージンを変えて表示位置を調整します。

#header-content {
    width: 725px;
    min-height: 72px;
    margin: 20px 0 100px 20px;
}

#header-name {
    color: #083c54; 
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
    font-size: 28px;
    font-weight: bold;
}

　CSSのマージン指定は、「上、右、下、左」または「上下、右、左」「上下、左右」となっています。

　この場合ですと、上から20px、右は０、下から100px、左が20px ということになります。

　ただし、このサイトのようにタイトル文字をデザイン的に処理している場合は、タイトル文字の表示を無効にしておいて、その代わりにロゴを表示するように指定します。

　前処理として、ロゴ画像を作り、それを画質劣化の少ないPNG形式で保存して、ヘッダー画像と同じフォルダにFFFTPなどのFTPソフトでアップロードしておきます。画像形式はJPGでもいいです。

　そのうえで、CSSのヘッダー記述の下に、次のような指示を付け加えます。

#header img {
 margin-top: 50px;
 margin-left: 200px;
 }

#header a {
 text-decoration: none;
}

　ロゴの表示位置は、ご自身のヘッダー画像に合わせて、後からマージンを調整してください。

　それと、タイトル文字とロゴ画像が重複しないように処置をしておきませんといけませんね。

　タイトルの記述を削除してしまえば、楽でいいのですが、ＳＥＯ的にはタイトル行を削除するのは問題があります。それで、196行目で

#header-name {
    color: #083c54; 
    font-family: Verdana,;
    font-size: 10px;
    font-weight: normal;
    text-indent: -9999px;
    outline-width: 0;}

　最後の２行を付け加えて、タイトル文字がヘッダー部に表示されないようにしておきます。

　ここまでは下準備です。

　ヘッダー部のHTML指定でロゴ表示をしていませんので、ロゴは表示されません。

　ヘッダーにロゴを指定するには、Ver.3ではインデックステンプレートを編集すればOKでしたが、

MT4xではヘッダーモジュールを編集するのです。

　例によって、管理画面から、「デザイン」→「テンプレート」選択します。

　画面右側に「クイックフィルタ」というフィールドがあります。

　その中ほどに、赤丸で囲んだ「テンプレートモジュール」がありますので、これをクリックして下さい。

　次の画面が出てきます。

　ヘッダーモジュールが一番下にあります。

　クリックすると、ヘッダー部のｈｔｍｌとエントリー部の最初の部分がつながった形で記述されています。ヘッダーの記述は24行目から始まります。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

<div id="header">

 <div id="header-inner">

 <div id="header-content"><MTIf name="main_index">

 <h1 id="header-name"><$MTBlogName encode_html="1"$></h1>

 <a href="<$MTBlogURL$>" accesskey="1"><img src="http://nantoka.com/images/logo.png" alt="ロゴ" width="200px" height="30px"></a>

 <h2 id="header-description"><$MTBlogDescription$></h2>

<MTElse>
<div id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a>
</div>
<div>
<a href="<$MTBlogURL$>" accesskey="1"><img src="http://nantoka.com/images/logo.png" alt="ロゴ" width="200px" height="30px"></a>
</div>
<div id="header-description"><$MTBlogDescription$>
</div>

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

　 header-name の後ろに、ロゴ画像を指定します。

　この例では、ヘッダー画像と同じフォルダにはなっていませんで、ルートディレクトリにimages というフォルダを作り、そこにロゴ画像をアップロードしています。

　どこにおいても、フォルダ指定がしてあればＯＫです。

　これで、タイトルが画像で表示され、タイトル文字は表示されなくなりました。

　ただし、このサイトのように背景画像が暗いところにロゴ画像を重ねると、アウトラインがやや目立ちます。

　このやり方が本道なのですが、やってみるとアウトラインが気になりました。

　それで、私の場合は背景画像にロゴも組み込んだ形で、表示しています。

　この場合困るのは、タイトル文字にリンクを貼って、どのページからでもトップページに戻れるサイトナビゲーションが使えなくなるという点ですね。

　これは、パンくずをヘッダー下に置いて、トップページに戻れるようにする方法とか、あります。

　今回はとりあえずの処置として、インデックスページ・アイコンを作り、それにトップページのリンクを貼って、ヘッダーの中に表示させてみました。

　パンくずが、何となくウザイと思ったものですから。

　ほとんど無意味でしたが、受験資格を得るために必修なのです。

　講習後、自宅でテキストを読んで、いきなり過去問をやってみましたが、不合格点。

　法規関係をまったくやっていませんでしたので、その分野がクリアできませんでした。

　急遽法規を熟読して、別の過去問をやったところ正答率90％でした。６割で合格です。

　私は２級合格後、すぐ１級も合格するつもりですので、正答率100％でないと、納得しません。

　誤答の部分は、テキストに載っていない問題です。

　これは、多分講習の後に続く「受験講習」でこっそり教える引っかけ問題なのだと思います。

　講習の時に、講師が「あとは受験講習で解説するから...」というセリフを何度も言う、その意味がやっと分かりましたね。

　でも、追加講習３万円は痛い。この公益法人の窓口の人は「試験問題を解説するから...」と、

　あからさまな利益誘導をやっていましたね。

　意地でも１級とったるで！

　さて、ＭＴ４．０１のサイドバーのカスタマイズでしたね、

(1) ウィジェットを取捨選択してから、

(2) それぞれの内容を書き換えます。

　では、やってみましょう。

　管理画面の上にあるメニューの「デザイン」をマウスカーソルでポイントして、

　「ウィジェットセット」をクリックします。

　私のブログは２カラムですので、「２カラムのサイドバー」というのを選びました。

　３カラムの方は、その下にあるのを選択してください。

　すると、次の画面になります。

　この画面で、自分が必要と思うウィジェット（単機能のブログパーツ）を左側に集めます。

　いらない機能は、右側にお返ししておきましょう。私のはシンプル、イズ　ベストです。

　ここで、変更を加えたのはＡｂｏｕｔ　と、カテゴリーアーカイブです。

　デフォルトのＡｂｏｕｔ　はくどくどしいので、スッキリさせました。ちょっとスッキリしすぎかも...

　書き直す時、気をつけなくてはいけないのは、mt:Else の部分ですね。

　これは、トップページ以外のアーカイブテンプレートで表示するための記述ですので、

　ウザイ、しつこいと思って削除してしまいますと、関連ページで表示がされなくなってしまいます。

　私が、経験済みです。

　いろいろ書き換えて、何がなんだか分からなくなりましたら、下の欄外に初期化をするプルダウン・

メニュー（▼をクリックすると展開するメニュー表示）がありますので、リセットして、やり直しをして下さい。

　失敗しても、大丈夫！

　テラパッドなどのエディタで変更して、コピペしてもＯＫですね。

　カテゴリーアーカイブの変更は、次回ということで、受験勉強に戻ります。

・始めにフォントスタイルをチェックしておきます。

　私の場合ですと、英文が小さく、和文が大きく表示され、非常にアンバランスでした。

　これは、英文だけを使う人が作成したスタイルシートだからなので、前回の指定通りに、

verdana, "MS P　ゴシック" などを指定しておきます。

　その上で、フォントサイズを１ランク小さくしました。元スタイルが英文は小さく表示されるフォントでしたので、和文は少し大きすぎます。ですので、自分の好みの大きさに設定し直します。

　さらに、少しだけ遊び心を入れておきましょう。それは、

/*

A Six Apart theme adapted for Movable Type default templates
name: ItoDenWa 
designer: Yosinori Kobayashi 
designer_url: http://ancbiz.net/
layouts: layout-wtt, layout-twt, layout-wt, layout-tw
*/

　このように書き換えると、スタイル選択ページに、スタイルセット名と作者名が表示されるようになります。

　まあ、一種のなりすましみたいなものですが、あちこち手直しをしているうちに、完全に自分流になってしまいますので、これでイイのだ！

　次回は、サイドバーの改造について解説します。

　まだ、直したいところが結構ありますが、新装オープンします。

　これまでの記事はカテゴリー表示のためのメモ書きでした。

　またまた、サイトタイトルを変えてしまいました！

　「其の迅きこと、風の如し」...って、結構モタつきましたけれど。

　弛まざる革新、が私のスタイルです。

　蕾だった庭の梅が、しだれ桜のように、華やかに咲いています。

　あまりに大きすぎて、上半分の枝を切り落としましたので、花の量が３分の１くらいになってしまいました。

　それでも直径15メートルの花笠がすごい。

　「願わくば、花の下にて春死なん...」と西行が詠った「花」とは、梅の花なのですね。

　でも、この梅の下では、花見でドンチャン騒ぎがしたくなるかも。し、しねない...。

　さて、糸電話という改題ですが、

　インターネットというと、情報の大海に臨んでいるような気分になりますが、

　本当は糸電話のような

　個人的なコミュニケーションの集まりなのだな、と分かってきたからです。

　あなたと、私の、

　糸電話の世界なんですね。

　でも、このサイトはMT4.01を使っていますけれど、いわゆる日記ブログではありません。

　インフォプレナーのOn ＆ Off ライン・ビジネス覚え書きというスタイルです。

　インフォプレナーのサイトは、「必要な情報がどこにあるのか分かりやすい」ことが重要だと考えています。

　ですから、投稿日別の情報は省略して、カテゴリ別で、かつエントリーのタイトルが表示できるようにカスタマイズしました。

　トップページで探して、個別ページにジャンプするシンプルな構成ですので、迷うことはないと思います。本当はサブカテゴリーで、個別ページにリンクできればと思いますが。

　しばらくは、MT4.01のカスタマイズを、紹介していきたいと思います。

　質問を歓迎しますね～。

　あれこれいじっているうちに、こんなページになりましたので、私も再検証したいと思います。

　変えたところは、

　ボデーの背景色を薄いグレー(＃eee )に、

　リンクのアンダーラインを非表示に（text-decoration: none;）

　ｈ１などの大きい字は太字にすると汚く見えますのでfont-weight: normal;

　ブログの幅を、　　　#container-inner {
    　　　　　　　　　　　　　　　　　　width: 850px;

　２カラム左サイドバーは、/* Thin-Wide */

.layout-tw #alpha {
    left: 250px;
    width: 600px;
}

.layout-tw #beta {
    left: -600px;
    width: 250px;
}

　サイドバーが狭いと、リンクの表示などがすぐに改行されて好ましくないので、250にしました。

　次は、メインのスタイルシートの変更です。

　意図通りに表示されない部分があったからですが、

　削除すべきMTタグを消し忘れていたところがあるのを発見しました。

　これがあったために、CPUが堂々巡りをして、フリースしていたようです。

　CPUといえば、昨日しゃかりきになって１年分の経理仕訳をインプットしていると、突然アンチウイルスソフトがポップアップして！

　「CPUの稼働率が異常に高いです。定義ファイルの更新が出来ましぇーん」と泣きついてきました。

　マシンガンのようにインプットを続けていたために、待機状態を余儀なくされていたソフトが、割り込んできたのです。

　CPUが過熱しそうなくらい、長時間高速入力を続けていましたので、一息ついたのが開始から６時間後でした。さすがに、肩が凝って頭が痛い、目も痛い、花粉症で鼻水ぐしょぐしょ、昼食食べるの忘れていました。

　今日は、空き時間ができましたので、サイドバーの変更に取りかかっています。

　なかなか、うまくいかないので、それが終わってから、続きを書きます。