ブログのヘッダー画像をワードで作ってみた。
アメブロの場合、通常はヘッダー画像を選択し、ブログタイトル&ブログ説明文を別に後から入力する。
それだと、微妙な文字の配置だとか、文字サイズだとか、改行位置だとかに制限があり、思うように書けない。
無理に改行で配置を調整すると、インターネットエクスプローラーだときれいに見えても、googleクロームだとずれてしまったりする。
このブログもそうだった(^^;
今回、ハート瞑想会のチラシを作っている時に編み出した技で、
ブログのヘッダー画像の文字入れもできるんじゃないか!
と思い立ち、やってみた。
やり方は、いたって簡単だった。
先ずは、ヘッダー画像を使いたいサイズで用意する。
ちなみに、このブログは旧デザインのままなので、800×300ピクセルで作成。
Wordを立ち上げる。
挿入→画像 で、使いたい写真を貼り付ける。
横幅一杯に合うように、サイズを調整する。
この時、縦横比は固定のまま使うように注意。
これがずれると、仕上がりがアンバランスになってしまうから。
次に、テキストボックスで、写真サイズとピッタリの枠を作成。
あとは、そのテキストボックスの中に、
入力したいブログタイトルや、説明文を思うままの文字フォント・サイズで入力していく。
出来上がったら、取りあえず保存。
次は、Wordの文章を3ステップで画像(JPEG)に変換する。
ファイル → エクスポート → PDF/XPSの作成 → ファイル名を入力して保存
PDFが開くから、
編集 → スナップショット → 左上端にカーソルを合わせて、右下端までドラッグして放す → 選択した領域がコピーされました。
そしたら、ペイントを開く。
貼り付けをクリック
すると、先程撮ったスナップショットが張り付けられる。
ファイル → 名前を付けて保存 → 名前を付けて、ファイルの種類をJPEGもしくは、PNGにして保存。
あとは、そのファイルを、右クリック → プログラムから開く → フォト
で、トリミングで余分なところを切り取る。
最後にサイズ調整。
これは、再びペイントを使う。
ファイル → 開く → 先程保存した画像をクリック
画像が開いたら、
サイズ変更 → ピクセル → 水平方向 800 垂直方向 300 と入力 → OK
で、出来上がり。
アメブロのマイページ → カスタマイズ → ヘッダーの画像に、作成した画像を選択して設定。
あとは、こちらのページを参考にして、CSS編集で以下の作業を実施すれば完成。
ブログタイトルとブログ説明文を消す方法
http://ameblo.jp/wazameba/entry-10652589282.html
ヘッダー画像をブログトップへのリンクにする方法
http://ameblo.jp/wazameba/entry-10653197745.html
★ハート瞑想会の開催予定
★初回限定30分無料オリエンテーション
●初めての方へ
●当サロンの特徴
●メニュー
●アクセス
●セッションの流れ
●お客様の声
●ご予約・お問合わせ
●プロフィール
ヒーリングサロンディヴァイン・ロータス
東京都青梅市
Skypeで全国対応
mail devaambho@hotmail.com
tell 090-5768-7524
(↑携帯からご覧の方は、クリックで電話をかけることが出来ます。)
北海道、岩手、仙台、水戸、松戸、大宮、川越、栃木、江戸川、台東、練馬、世田谷、杉並、品川、三鷹、武蔵野、調布、府中、狛江、多摩、国立、立川、羽村、小作、河辺、青梅、日ノ出町、横浜、川崎、長野、名古屋、京都、大阪、兵庫、三重、福岡、大宰府、長崎などからお越しいただいております。