画像に矢印を追加する！ 発見！ 結構使える ｗｏｒｄ２００７の画像合成

画像合成というと、Adobe PｈｏｔｏｓｈｏｐやAdobe Illustratorが思いつきますが

先日、「いせさき読書まつり２０１１」に行ったら、ｗｏｒｄで作るアートの展示コーナーががありました。

word の描画機能を利用したアートが展示してありました。

▲wordによるアート事例

すごくよく出来ています。

早速使ってみました。

▲wordによる画像に矢印を追加した事例

アートとまではいかないまでも、画像に一寸矢印を追加したいなどと言うときに便利です。

ｗｏｒｄ２００７で、画像合成をするには先ず描画キャンバス画面を出す必要があります。

いつもの事ですが、この肝心な描画キャンバスを出す方法がヘルプに書いてない（見つからない？）。

こんなところに隠してある。

挿入＞図形＞新しい描画キャンバス

▲描画キャンバスの位置

これをクリックすれば

▲描画キャンバス

描画キャンバスが現れます。

ここに、「挿入」から元になる図（画像）を貼りつけて

その上に矢印などの図形を貼りつけて行きます。

ｗｏｒｄの場合は、挿入メニューの中に各種図形が用意してあったり、ｗｏｒｄアートと言う文字のアートが入っているので

それらの部品を組み合わせたり変形したりするとかなりな所まで描画する事が出来ます。

最初にのべた、アートも割合簡単に組み合わせで書く事が出来ます。

出来上がったら

右クリックしてコピー

ｗｉｎｄｏｗｓにおまけで付いてくる「ペイント」に貼りつけて

名前をつけて保存をすれば、ブログなどに使用できる画像ファイルが出来上がります。

Ｍｏｖａｂｌｅ Ｔｙｐｅ 新着情報にフィルターを掛けて表示する

ブログ記事はデフォルトだと全て新着情報に表示される。
ブルグの場合はこのままで良いが、Ｍｏｖａｂｌｅ Ｔｙｐｅ をホームページとして使用する場合には
新着情報に表示したくない場合がある。
サイドメニューにカテゴリーを表示し、その中身をブログ記事として作成する場合である。
カテゴリー内の記事としては表示しいたが、新着情報にそのまま表示されてしまえば、全ての内容が新着情報として表示されてしまい、ホームページらしくなくなってしまう。

これを、新着情報に表示したいブログ記事のみを新着情報に表示させて、新着情報に表示させたくないブログ記事は表示させないようにするにはどうしたらよいだろう。

考え方として、新着情報を表示するウエジットにフィルターを掛けることにすればよい。
その方法は、管理画面から デザイン＞ウイジット＞の中に「メイン新着情報」というウエジットがある。

それを、下記のように変更する。

<MTEntries  lastn="10">をtag="top-news" というフィルターを追加して

<MTEntries tag="top-news" lastn="10">とする。

全文を表示すると

<div id="top-news">
    <h3>新着情報</h3>
    <MTEntries tag="top-news" lastn="10">
    <div class="news">
        <div class="day"><$MTEntryDate language="ja" format="%Y.%m.%d"$></div>
        <div class="title"><a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>"><$MTEntryTitle$></a></div>
        <div class="clear"></div>
    </div>
    </MTEntries>
</div>

赤字の部分を追加する。
これでＯＫである。

あとは、新着情報に載せたいブログ記事のタグの欄に「top-news」という文字を入れる。
この事に依って、新着情報にフィルターが掛かり、表示される事になる。

２０１１．２．１ 金山 武

シニアＰＣサポート群馬店主（お助け爺）のブログ本家（goo）の

お菓子の家 ガトー・ドゥ・リヨン（伊勢崎）のクリスマスケーキ のブログ記事が

「クリスマスケーキ 伊勢崎」のキーワードで検索エンジンyahoo、ｇｏｏｇｌｅとも2位にランクされました。

長年低迷していたホームページがgoogle、Ｙａｈｏｏとも第一ページになりました。

「パソコン教室 伊勢崎」で検索すると「ＰＣ－ＯＨＡＮＡ」がgoogle、Ｙａｈｏｏとも第一ページに載っています。

長年、検索エンジンに載らなかったホームページです。

相談を受けて、ホームページをリニューアルする事にしました。

あとあと自分でメンテナンスできるように

御自分で作っていただく事にしました。

週1回訪問し、傍らで作り方を指導させていただきました。

約１カ月半で完成

デザイン的には、以前のホームページと変わらない内容ですが

ソースコードの構成は違います。

検索エンジン最適化（ＳＥＯ）を施してあります。

ＰＣ-ＯＨＡＮＡのホームページ http://www.pc-ohana.com/

よっしゃースポーツ 早くもｙａｈｏｏ1位になりました。

トップページだけでなく、商品番号で1位または2位に出てきます。

例えばｙａｈｏｏの検索窓に「ＢＡ２９９８」という商品番号を入れると商品の詳細ページがトップに出てきます。

他の商品番号についても１位又は２位に出てきます。

この検索結果は、最近の消費者の動向として、商品を直ぐ買わずに、商品番号で検索して価格などを比べてから購入する傾向が多いのです。

商品番号で検索してトップ付近に表示される事は、商品販売にとってはメリットが高いと思われます。

注）よっしゃースポーツは弊社（「シニアＰＣサポート群馬」）が開発しました。

伊勢崎銘菓「花林日記」のホームページ（http://www.karin-nikki.com/）に「買い物かご」を付けさせていただきました。

6月26日夜8時からの加藤先生の「ほたる撮影会」に参加して、

午前2時に帰ってきて、

それから作業して午前3時にアップしました。

「花林日記」を販売している「きくや」のご主人から、

「午前8時には富山県から大量注文がネット経由であった」！と喜びのメールをいただきました。

技術的には、フリーの買い物かごを改造しました。

改造点は、全数予約制なので、配送だけでなく。取り置き機能も追加しました。

メールもＰＣと携帯の両方に発信されます。

ＣＧＩの中身を解析して、テストを繰り返し結構時間がかかりました。

今後の、「買い物かご」対応に参考になる技術の応用で皆様のお役に立ちたいと思っております。

おめでとうございます。

(有)三島屋商店のホームページ「ねしゃか」（弊社シニアＰＣサポート群馬制作）が「群馬 酒蔵」のキーワードでｙａｈｏｏ検索でトップページに入りました。

(有)三島屋商店さんは、ホームページに併設したブログ「有限会社 三島屋商店主の妻のブログ」をほぼ毎日書かれており

楽しい話題で大変盛り上がっています。

「ねしゃかの妻」さんの努力に敬意を表します。

弊社は、ブログが簡単に書ける「Ｌｉｖｅ ｗｒｉｔｅｒ」を提供して支援しています。

なお、「群馬 銘酒」では既にｙａｈｏｏ４位、「ねしゃか」ではｙａｈｏｏ７位を達成しております。

これからが楽しみです。

盛り上げていただいている皆様に感謝申し上げます。

ありがとうございます。

ホームページを作成した場合にブラウザによって表示がずれる事がある。

このずれに対応するのを「ＣＳＳ」ハックと言う

IE７用のＣＳＳハック：　*:first-child*html セレクタ　{．．．．．}

IE6用のＣＳＳハック：　*　html セレクタ{ ．．．．． }

条件コンコメントの例：(ＩＥだけにＣＳＳファイルを読み込ませる)

<!-- [if  ie ] >

<link rel="stylesheet" type="text/css" href="css/ie7.css" />

<![end if]-->

ie

渡良瀬渓谷鉄道をゆく（水沼駅）の解像度が低いので解像度を高めてみた。

やり方は、簡単ななのだが、そこにたどり着くまでは大変だった。

ＶＩＤＥＯ編集ソフトでＡＶＩで出力して、ＦＬＶ変換を行うために

・ｙｏｕｔｕｂｅへアップ、

・yuoutubeからCarvingExplorerでダウンロード（無変換でダウンロードするとＦＬＶになっている）

・ＦＴＰでブログサーバーにアップ・longtailで埋め込みソースを作成・埋め込みソースをブログに貼りつけこれでＯＫ、なんだかんだ3日ぐらいかかった。

パンパカパーン 早くも「花林日記」がyahoo2位 148万ページ中2位です。

パンパカパーンは少し古いギャグですが 「手作りかりんとう「花林日記」のきくや」は、12月24日にアップしました出来たてのホームページです。

まだ5日しかたってないのにキーワード「手作りかりんとう」および「手作り かりんとう」で堂々の2位です。

しかも、148万ページ中2位です。

弊社「シニアＰＣサポート群馬」のＳＥＯ技術がまたまた証明されました。

同、ホームページの画像は一部 canon EOS ５Ｄ markⅡを使用しました。