WELCOME

やさしいカメラ知識・女性向け画像加工レッスン。
おしゃれな作品作りを楽しむパソコン&デジカメ教室パソカフェのブログ。

おすすめ記事は以下カテゴリーからどうぞ。。

デジカメレッスン
単発1dayデジカメ講座
雑貨撮影レッスン
スマホで可愛い写真
デジカメ年賀状

パソコンレッスン
フォトスケープの使い方
ホームページ作成講座
アメブロカスタマイズ
フォトショップ講座

デジカメのコツ
花・雑貨を撮るコツ
簡単デジカメの設定
楽々デジカメのコツ
写真の構図・基本

 

INFORMATION

受講生を募集いたします

   


単発1dayデジカメ講座

1回3時間8000円
キレイな雑貨フォトが
撮れるようになります

 
 


アメブロカスタマイズ

1回2時間6000円
アメブロのカスタマイズが
ご自分でできるようになります

 


パソコン個人レッスン

1回2時間6000円
貴女のやりたいこと何でも
リクエストしてください

 
所在地
兵庫県川西市湯山台
梅田より60分
宝塚より40分
ご予約・お問い合わせ
レッスン予約カレンダーはこちらから。
お申込み・お問合せはこちらから。
すべてマンツーマンの個人レッスンです。

 

カテゴリー内個別記事一覧

アメブロカスタマイズ_プロの写真に自分で文字入れ。かっこいいヘッダー画像でブログのイメージアップ_兵庫県三田市 けやき台整骨院・PADMAさま

こんにちは。
パソコン&デジカメ教室「パソカフェ」主宰、渡邊優子(わたなべゆうこ)です。

パソカフェの個人レッスンでは、やりたいことをなんでもリクエストしていただけます。
今回は「アメブロカスタマイズ」を行いましたので、その内容をご紹介したいと思います。

飾り罫線

カスタマイズ後、このようになりました!

アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

飾り罫線

受講生はTさま。
兵庫県三田市 けやき台整骨院・PADMAをご主人と開いておられます。

兵庫県三田市 けやき台整骨院・PADMA
★妊活~マタニティ~産後ケアはお任せください!!

Tさまのリクエストは
プロに撮影してもらった院内の写真で、アメブロのヘッダー画像を作成したい
わかりやすいメニューボタンを設置し、別サイトの整骨院ホームページに案内したい
ということ。

さらに
季節やイベントごとにヘッダー画像を自分で差し替えたい
メニューボタンの文字とリンク先を自分で変更したい
とも、ご希望です。

はい。おまかせください。(^-^)v
パソコンスキルのある方でしたら、コツさえわかればカンタン。

必要なのは、インターネットで配布されているソースとフリーソフト。
Tさまがお持ちの美しい写真でアメブロを素敵にカスタマイズいたしましょう。

飾り罫線

Tさまは、「アメブロカスタマイズができる本」を購入して、
自力でカスタマイズに挑戦してみたものの、うまくいかなかったそうです。
時間もずいぶんかかりました。

そこで「アメブロカスタマイズ」のキーワードで検索し
パソカフェを見つけてくださったそうです。
ありがとうございます。(^^)

「検索で、アメブロカスタマイズ業者さんは他にもたくさんヒットしたけれど
業者さんにお願いすると、また変更したいとき料金がかかるでしょう?
だったら今後は自分でできるよう、カスタマイズ方法を習ったほうがいいかなと思って…」
とのこと。

はい。そのとおりですね。
自分でカスタマイズしてみよう、と思われるくらいスキルのある方なら
大丈夫。すぐできるようになりますよ。

飾り罫線

アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

整骨院のホームページは専門業者に依頼して
素敵なサイトをすでにお持ちです。

けやき台整骨院・PADMA<パドマ>
健康と癒しの融合 整骨 リラクゼーション 兵庫県三田市

そのとき、プロのカメラマンに整骨院の外観や内装、治療風景など
たくさん写真を撮ってもらいました。
これを使わない手はないですね。

飾り罫線

Tさまお気に入りの写真はこちら。

アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

これをもとに、CSS編集用デザイン(タイル)にあわせて
横1120ピクセルのタイトル画像を作ります。
今回は高さ480ピクセル。

アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

文字入れの書体は、たくさんのなかからTさまのイメージに合うものを選んでいただきました。

飾り罫線

アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

カスタマイズ後、このようになりました♪
きれい!かっこいい!
やっぱりプロの写真は違うわ~♪

飾り罫線

さて、メニューボタンです。
リンク先はそれぞれ、すでにある整骨院のホームページ。
これでブログ読者をホームページにわかりやすく誘導することができますね。

アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

「整骨院」ボタンのリンク先
アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

「リラクゼーション」ボタンのリンク先
アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

「妊活・マタニティ・産後」ボタンのリンク先
アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

「店舗案内・アクセス」ボタンのリンク先
アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

「ご予約・お問い合わせ」ボタンのリンク先
アメブロカスタマイズ_兵庫県三田市 けやき台整骨院・PADMAさま

飾り罫線

メニューとタイトル画像変更のレッスンも含めて
今回のアメブロカスタマイズは2時間で終わりました。

もともとホームページをお持ちだったのでリンク先があったのと。
プロ撮影の写真があったので、タイトル画像の素材で悩まなかったのと。
このへんが、Tさまの勝因ですね。

これだけはやくできたのは私もはじめて。
いや~。気持ちよくお仕事ができました。

「こんなに簡単にできるんだったら、もっとはやく来たらよかった。」
と言っていただけて、私も嬉しかったです。

残った時間でiPhoneの音声入力をご紹介して終わりました。
これでLINEのやりとりや、ブログの文字入力が劇的にはやくなりますね。
おつかれさまでした。

飾り罫線

カスタマイズさせていただいたTさまのブログはこちら。↓

兵庫県三田市 けやき台整骨院・PADMA
★妊活~マタニティ~産後ケアはお任せください!!


飾り罫線

パソコン&デジカメ教室「パソカフェ」
兵庫県川西市の自宅サロンで開講しています。
最寄り駅は、阪急宝塚線「川西能勢口」またはJR宝塚線「川西池田」。

教室へのアクセスはこちら

飾り罫線

パソカフェの アメブロカスタマイズ 個人レッスン

アメブロのカスタマイズがご自分でできるようになります。
HTML・CSSの知識のない方でも大丈夫。
カスタムに必要なところだけ、ゆっくり丁寧にお教えいたします。

詳しくはこちら
アメブロカスタマイズの事例とレッスンの流れ

飾り罫線

パソカフェの レスポンシブWEBデザインホームページ作成講座

パソコン、スマホ、タブレット共通で閲覧可能な、
レスポンシブWEBデザインのホームページを作成します。
無料HPテンプレートとフリーソフトを利用。

詳しくはこちら
レスポンシブホームページ作成 事例とレッスンの流れ

飾り罫線

パソカフェの スマートフォン 個人レッスン

写真にコラージュ・文字入れ・スタンプ・フレーム加工
らくらく音声入力で長文でもストレスなし

Yahoo!ショッピングはポイント還元がすごい
Googleマップで家から目的地までかんたんナビ

たまった写真を整理整頓してスッキリ
スマホアプリで睡眠記録

LINE(ライン)で無料通話・かわいいスタンプ入りのメール
ウォークマンみたいに たくさんの音楽を持ち歩いて楽しもう

Googleドライブ、Dropboxでパソコンに写真を転送
アイコン・壁紙の模様替えで、スマホのなかも可愛く個性的
パソコンのメールをスマホで見られると便利なんです

電話とメールだけじゃもったいない!
便利で楽しいスマホとタブレット
そのアプリと使い方を徹底紹介いたします。

飾り罫線

パソカフェの パソコン個人レッスン

ブログ用おしゃれ画像加工 ロゴ作成&使いこなし
フォトショップ ポストカード デジカメ年賀状

名刺・ラベルシール フライヤー・チラシ
フォトムービー フォトブック

ワード エクセル パワーポイント
PhotoScape(フォトスケープ)Picasa(ピカサ)

素敵なフォント(書体)で文字入れする方法 
ラベルプロデューサー DVD・CD盤面印刷ソフト など

いくつかのレッスンを組み合わせることも可能です。
サイトに記載していない内容でも、お気軽にご相談下さい。

飾り罫線

初心者さんのための 単発1dayデジカメ講座

3時間の個人レッスンで、かわいい雑貨写真が
どなたにでも撮れるようになります。

デジタル一眼レフ、ミラーレス一眼、コンパクトデジカメ、スマートフォン。
ご自身のカメラをお持ち込み下さい。

詳しくはこちら
単発1dayデジカメ講座 受講生作品

飾り罫線

パソカフェ予約カレンダーはこちら

レッスン料金・よくあるご質問についてはこちら

レッスンに関するお問い合わせ・お申込みはこちら

飾り罫線



にほんブログ村 PC家電ブログ パソコン教室・サポートへ   にほんブログ村 写真ブログ 写真講座・教室へ  

趣味ぶろ パソコン教室ブログランキング   趣味ぶろ コンピューター教室ブログランキング

ランキングに参加しました。ぽちっと応援お願いいたします♪

飾り罫線

花のポストカードやさんの関連サイト
「パソコン&デジカメ教室パソカフェ」~川西・大阪・宝塚~
やさしいカメラ知識・おしゃれ画像加工。女性講師による個人レッスン。

ポストカード&フレーム印刷用無料素材*花のポストカードやさん本館*
女性向きおしゃれ年賀状&ポストカード  結婚・出産・引越報告 フレーム素材

初心者女子のための パソコン&デジカメ教室~大阪・宝塚・川西~

テーマ : ホームページ・ブログ制作
ジャンル : コンピュータ

アメブロカスタマイズ_いちごschoolさま_ヘッダー画像とメッセージボード変更でこんなに素敵に

こんにちは。
パソコン&デジカメ教室「パソカフェ」主宰、渡邊優子(わたなべゆうこ)です。

パソカフェの個人レッスンでは、やりたいことをなんでもリクエストしていただけます。
今回は「アメブロカスタマイズ」を行いましたので、その内容をご紹介したいと思います。

飾り罫線

カスタマイズ後、このようになりました!

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

飾り罫線

受講生はいちごschoolさま。
大阪守口市でパン教室・いちごschoolを開いておられます。

大阪守口市パン教室・いちごschool(アメブロ)
http://ameblo.jp/ichigo-school/

いちごschoolさまのリクエストは
撮影したパンの写真で、アメブロのヘッダー画像を作成したい
ブログトップにおしゃれなメッセージボードを載せたい
ということ。

飾り罫線

アメブロとは別に

立派なホームページと
大阪・守口市の手づくりパン教室“いちごSchool”(ホームページ)
http://ichigoschool.com/

日々のブログをお持ちなので
大阪守口市のパン教室☆いちごschool
☆パン屋さん仕込みのカルチャースクール兼任講師がふわふわパンをご提供します♪
http://itigoburog.exblog.jp/

「メニューボタンをつけてホームページ風にカスタマイズしたい」
というご希望はないそうです。

了解いたしました。
パソカフェでは、セミオーダー形式でヘッダー画像や名刺作成も承ります。
わたしが作業しますので、受講者さまは指示だけ出してくださいね。

飾り罫線

ヘッダー画像にしたいご自身の写真を選んでいただきました。
う~ん、どれもおいしそうです!

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

私の好みは3枚目と4枚目。
これから秋冬になりますので、そういう雰囲気の写真がいいかなと思いました。
スタイリングも好み♪

でも、いちごschoolさまが最終的に選ばれたのは1枚目。
お教室のテーマカラー「ピンク」にこだわることに。

たしかにこの写真にすれば、いまのテンプレートを変更しなくてすみますね。
ヘッダー画像の幅は980ピクセル。高さは最大300ピクセル。
このサイズに、お気に入りの写真をリサイズ&トリミングします。

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

このテンプレートは「カスタマイズ用」ではありませんので
ヘッダー画像に文字入れをしたり、メニューボタンをつけたりすることはできません。
でも、美しい画像を切り抜いてタイトルに使うだけでぱっと見違えますよ!

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

お教室のロゴはかわいいのですが、この写真には少し似合わないとアドバイス。
写真のみで勝負することにしました。
ロゴはプロフィール画像に使用していますから、それで十分かと思います。

さいごにメッセージボードを作成して設置します。

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

おいしそうな4枚目の写真を小さくして使うことにしました。
ご挨拶の文章を文字入れして、繊細なハートの罫線で飾って完成です。

アメブロカスタマイズ_大阪守口市 パン教室・いちごschoolさま

飾り罫線

カスタマイズさせていただいたいちごschoolさまのブログはこちら。↓

大阪守口市パン教室・いちごschool(アメブロ)
http://ameblo.jp/ichigo-school/


飾り罫線

パソコン&デジカメ教室「パソカフェ」
兵庫県川西市の自宅サロンで開講しています。
最寄り駅は、阪急宝塚線「川西能勢口」またはJR宝塚線「川西池田」。

教室へのアクセスはこちら

飾り罫線

パソカフェの アメブロカスタマイズ 個人レッスン

アメブロのカスタマイズがご自分でできるようになります。
HTML・CSSの知識のない方でも大丈夫。
カスタムに必要なところだけ、ゆっくり丁寧にお教えいたします。

詳しくはこちら
アメブロカスタマイズの事例とレッスンの流れ

飾り罫線

パソカフェの レスポンシブWEBデザインホームページ作成講座

パソコン、スマホ、タブレット共通で閲覧可能な、
レスポンシブWEBデザインのホームページを作成します。
無料HPテンプレートとフリーソフトを利用。

詳しくはこちら
レスポンシブホームページ作成 事例とレッスンの流れ

飾り罫線

パソカフェの スマートフォン 個人レッスン

写真にコラージュ・文字入れ・スタンプ・フレーム加工
らくらく音声入力で長文でもストレスなし

Yahoo!ショッピングはポイント還元がすごい
Googleマップで家から目的地までかんたんナビ

たまった写真を整理整頓してスッキリ
スマホアプリで睡眠記録

LINE(ライン)で無料通話・かわいいスタンプ入りのメール
ウォークマンみたいに たくさんの音楽を持ち歩いて楽しもう

Googleドライブ、Dropboxでパソコンに写真を転送
アイコン・壁紙の模様替えで、スマホのなかも可愛く個性的
パソコンのメールをスマホで見られると便利なんです

電話とメールだけじゃもったいない!
便利で楽しいスマホとタブレット
そのアプリと使い方を徹底紹介いたします。

飾り罫線

パソカフェの パソコン個人レッスン

ブログ用おしゃれ画像加工 ロゴ作成&使いこなし
フォトショップ ポストカード デジカメ年賀状

名刺・ラベルシール フライヤー・チラシ
フォトムービー フォトブック

ワード エクセル パワーポイント
PhotoScape(フォトスケープ)Picasa(ピカサ)

素敵なフォント(書体)で文字入れする方法 
ラベルプロデューサー DVD・CD盤面印刷ソフト など

いくつかのレッスンを組み合わせることも可能です。
サイトに記載していない内容でも、お気軽にご相談下さい。

飾り罫線

初心者さんのための 単発1dayデジカメ講座

3時間の個人レッスンで、かわいい雑貨写真が
どなたにでも撮れるようになります。

デジタル一眼レフ、ミラーレス一眼、コンパクトデジカメ、スマートフォン。
ご自身のカメラをお持ち込み下さい。

詳しくはこちら
単発1dayデジカメ講座 受講生作品

飾り罫線

パソカフェ予約カレンダーはこちら

レッスン料金・よくあるご質問についてはこちら

レッスンに関するお問い合わせ・お申込みはこちら

飾り罫線



にほんブログ村 PC家電ブログ パソコン教室・サポートへ   にほんブログ村 写真ブログ 写真講座・教室へ  

趣味ぶろ パソコン教室ブログランキング   趣味ぶろ コンピューター教室ブログランキング

ランキングに参加しました。ぽちっと応援お願いいたします♪

飾り罫線

花のポストカードやさんの関連サイト
「パソコン&デジカメ教室パソカフェ」~川西・大阪・宝塚~
やさしいカメラ知識・おしゃれ画像加工。女性講師による個人レッスン。

ポストカード&フレーム印刷用無料素材*花のポストカードやさん本館*
女性向きおしゃれ年賀状&ポストカード  結婚・出産・引越報告 フレーム素材

初心者女子のための パソコン&デジカメ教室~大阪・宝塚・川西~

テーマ : ホームページ・ブログ制作
ジャンル : コンピュータ

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま_その4:メニューボタンで見せたいページにリンクする

こんにちは。
パソコン&デジカメ教室「パソカフェ」主宰、渡邊優子(わたなべゆうこ)です。

パソカフェの個人レッスンでは、やりたいことをなんでもリクエストしていただけます。
今回は「アメブロカスタマイズ」を行いましたので、その内容をご紹介したいと思います。

飾り罫線

カスタマイズ後、このようになりました!

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

受講生はKさま。
JR西宮徒歩5分のマンションで、イギリススタイルのフラワーアレンジメント教室
「Atelier Corolla(アトリエ・コローラ)」を開いておられます。

イギリススタイルのフラワーアレンジメント教室
Atelier Corolla(アトリエ・コローラ)


飾り罫線

今回は「アメブロカスタマイズ」で、タイトル画像下にメニューを表示する方法、
メニューに各ページへのリンクを貼る方法について書きたいと思います。

飾り罫線

タイトル画像下にメニューボタンがあると便利ですよね。
クリックで見てもらいたいページに簡単にリンクできます。

「ホーム」ボタンをクリック→ ブログのトップページ(ホーム)へ

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

「はじめての方へ」ボタンをクリック→ 「はじめての方へ」の案内ページに

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

「コースのご案内」ボタンをクリック→ 「コースのご案内」のページに

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

「体験レッスン」ボタンをクリック→ 「体験レッスン」のページに

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

「アクセス」ボタンをクリック→ アクセスページに

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

「ご予約・お問い合わせ」ボタンをクリック→ お問い合わせフォームに

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

これには、アメブロの「フリースペース」という機能を使います。
「設定・管理」ボタン→ 「フリースペース編集」欄をひらき、ソースを貼り付けます。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

「設定・管理」ボタン→ 「サイドバーの配置設定」で
「フリースペース」を「使用する機能」に設定しておくことも忘れずに。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

タイトル下にメニューボタンを表示するためのソースですが
親切な方が解説ページとともにコピー貼り付けで使えるソースもおいてくださっています。
ありがとうございます!

例えば、こちらとか。

【追記】新「タイル」デザインにメニューバーを設置するには?アメブロカスタマイズ
|Owndマイスター加藤敦志のブログ
Webサポーター(AmebaOwnd,WordPress,アメブロカスタマイズ,Mac,iPhone)

飾り罫線

注意することは、アメブロの「CSS編集用デザイン」にはいろんな種類があって
その種類ごとにコピペしてつかえるソースも異なるということです。
左カラム・右カラムのどちらを選ぶかでも異なります。

今回(2016/08/18)は、デザインリニューアル後の「タイル」デザインを使ったので
それ用のソースを見つける必要がありました。

リンクボタンの文字、リンク先のURLは自分のブログに合わせて変更して使います。
ボタンの数も、ピクセル数を変えれば増やしたり減らしたりできます。
HTMLがわかるひとでしたら、勘でさわれるレベルです。

今回でKさまのアメブロカスタマイズレッスン紹介は終わりです。
お読みいただきどうもありがとうございました。

飾り罫線

補足:

アクセスマップを掲載し、Google マップにリンクを貼る方法
お問い合わせ・お申込みメールフォームを作成する方法
については、以下の記事をご参考になさってください。

アメブロカスタマイズ_あんふぁみーゆさま6:
Googleマップへのリンクを貼る

アメブロカスタマイズ_あんふぁみーゆさま7:
お問い合わせメールフォームを設置する方法

飾り罫線

カスタマイズさせていただいたKさまのブログはこちら。↓

イギリススタイルのフラワーアレンジメント教室
Atelier Corolla(アトリエ・コローラ)


飾り罫線

パソコン&デジカメ教室「パソカフェ」
兵庫県川西市の自宅サロンで開講しています。
最寄り駅は、阪急宝塚線「川西能勢口」またはJR宝塚線「川西池田」。

教室へのアクセスはこちら

飾り罫線

パソカフェの アメブロカスタマイズ 個人レッスン

アメブロのカスタマイズがご自分でできるようになります。
HTML・CSSの知識のない方でも大丈夫。
カスタムに必要なところだけ、ゆっくり丁寧にお教えいたします。

詳しくはこちら
アメブロカスタマイズの事例とレッスンの流れ

飾り罫線

パソカフェの レスポンシブWEBデザインホームページ作成講座

パソコン、スマホ、タブレット共通で閲覧可能な、
レスポンシブWEBデザインのホームページを作成します。
無料HPテンプレートとフリーソフトを利用。

詳しくはこちら
レスポンシブホームページ作成 事例とレッスンの流れ

飾り罫線

パソカフェの スマートフォン 個人レッスン

写真にコラージュ・文字入れ・スタンプ・フレーム加工
らくらく音声入力で長文でもストレスなし

Yahoo!ショッピングはポイント還元がすごい
Googleマップで家から目的地までかんたんナビ

たまった写真を整理整頓してスッキリ
スマホアプリで睡眠記録

LINE(ライン)で無料通話・かわいいスタンプ入りのメール
ウォークマンみたいに たくさんの音楽を持ち歩いて楽しもう

Googleドライブ、Dropboxでパソコンに写真を転送
アイコン・壁紙の模様替えで、スマホのなかも可愛く個性的
パソコンのメールをスマホで見られると便利なんです

電話とメールだけじゃもったいない!
便利で楽しいスマホとタブレット
そのアプリと使い方を徹底紹介いたします。

飾り罫線

パソカフェの パソコン個人レッスン

ブログ用おしゃれ画像加工 ロゴ作成&使いこなし
フォトショップ ポストカード デジカメ年賀状

名刺・ラベルシール フライヤー・チラシ
フォトムービー フォトブック

ワード エクセル パワーポイント
PhotoScape(フォトスケープ)Picasa(ピカサ)

素敵なフォント(書体)で文字入れする方法 
ラベルプロデューサー DVD・CD盤面印刷ソフト など

いくつかのレッスンを組み合わせることも可能です。
サイトに記載していない内容でも、お気軽にご相談下さい。

飾り罫線

初心者さんのための 単発1dayデジカメ講座

3時間の個人レッスンで、かわいい雑貨写真が
どなたにでも撮れるようになります。

デジタル一眼レフ、ミラーレス一眼、コンパクトデジカメ、スマートフォン。
ご自身のカメラをお持ち込み下さい。

詳しくはこちら
単発1dayデジカメ講座 受講生作品

飾り罫線

パソカフェ予約カレンダーはこちら

レッスン料金・よくあるご質問についてはこちら

レッスンに関するお問い合わせ・お申込みはこちら

飾り罫線



にほんブログ村 PC家電ブログ パソコン教室・サポートへ   にほんブログ村 写真ブログ 写真講座・教室へ  

趣味ぶろ パソコン教室ブログランキング   趣味ぶろ コンピューター教室ブログランキング

ランキングに参加しました。ぽちっと応援お願いいたします♪

飾り罫線

花のポストカードやさんの関連サイト
「パソコン&デジカメ教室パソカフェ」~川西・大阪・宝塚~
やさしいカメラ知識・おしゃれ画像加工。女性講師による個人レッスン。

ポストカード&フレーム印刷用無料素材*花のポストカードやさん本館*
女性向きおしゃれ年賀状&ポストカード  結婚・出産・引越報告 フレーム素材

初心者女子のための パソコン&デジカメ教室~大阪・宝塚・川西~

テーマ : ホームページ・ブログ制作
ジャンル : コンピュータ

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま_その3:CSS編集用デザインは「タイル」タイプ!

こんにちは。
パソコン&デジカメ教室「パソカフェ」主宰、渡邊優子(わたなべゆうこ)です。

パソカフェの個人レッスンでは、やりたいことをなんでもリクエストしていただけます。
今回は「アメブロカスタマイズ」を行いましたので、その内容をご紹介したいと思います。

飾り罫線

カスタマイズ後、このようになりました!

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

受講生はKさま。
JR西宮徒歩5分のマンションで、イギリススタイルのフラワーアレンジメント教室
「Atelier Corolla(アトリエ・コローラ)」を開いておられます。

イギリススタイルのフラワーアレンジメント教室
Atelier Corolla(アトリエ・コローラ)


飾り罫線

さていよいよ、アメブロを「CSS編集用デザイン」に変更しカスタマイズ開始です。
ここでどのテンプレートを選ぶかということなのですが…。

フラワーアレンジメント教室のブログでしたら
生徒さんにいちばんアピールするのはやはり美しい写真です。

素敵な画像を見ると、こんな作品を作りたい!こんなお教室で習いたい!って思いますものね。
ですから、大きなサムネイル画像がずらっと並び、クリックすると記事にリンクする
「タイル」タイプが向いているのではとおすすめしました。

「デザインの変更」ボタンをクリック → 
下にスクロール

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

「カスタム可能」をクリック

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

「CSS編集用デザイン」をクリック

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

「2カラム・メニュー左」を選び、「適用する」をクリック

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

「CSSの編集をする」をクリック

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

前もって用意したタイトル画像を「参照」から呼び出し、アップロードします。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

アップロードが完了すると、その画像のURLが取得できます。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

その下が、ブログデザインCSSの編集画面です。
CSS編集画面で、タイトル画像URLを書き換えます。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

書き換えて保存すると、カスタマイズが完了

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(カスタマイズ前)

          ↓
          ↓
          ↓
          ↓
          ↓

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(カスタマイズ後)

飾り罫線

今回、私が参考にさせていただいたサイトさま

(2016年3月8日~アメブロの新しいCSS編集用デザイン向け)
アメブロカスタマイズ 初心者にも簡単な方法を紹介!

アメブロにヘッダー画像を表示するカスタマイズ方法
アメブロの画像アップロード方法と画像URLの取得方法

カスタマイズを自分でやりたい方には強い味方です。

飾り罫線

次回は「アメブロカスタマイズ」で、タイトル画像下にメニューを表示する方法、
メニューに各ページへのリンクを貼る方法について書きたいと思います。

飾り罫線

カスタマイズさせていただいたKさまのブログはこちら。↓

イギリススタイルのフラワーアレンジメント教室
Atelier Corolla(アトリエ・コローラ)


飾り罫線

パソコン&デジカメ教室「パソカフェ」
兵庫県川西市の自宅サロンで開講しています。
最寄り駅は、阪急宝塚線「川西能勢口」またはJR宝塚線「川西池田」。

教室へのアクセスはこちら

飾り罫線

パソカフェの アメブロカスタマイズ 個人レッスン

アメブロのカスタマイズがご自分でできるようになります。
HTML・CSSの知識のない方でも大丈夫。
カスタムに必要なところだけ、ゆっくり丁寧にお教えいたします。

詳しくはこちら
アメブロカスタマイズの事例とレッスンの流れ

飾り罫線

パソカフェの レスポンシブWEBデザインホームページ作成講座

パソコン、スマホ、タブレット共通で閲覧可能な、
レスポンシブWEBデザインのホームページを作成します。
無料HPテンプレートとフリーソフトを利用。

詳しくはこちら
レスポンシブホームページ作成 事例とレッスンの流れ

飾り罫線

パソカフェの スマートフォン 個人レッスン

写真にコラージュ・文字入れ・スタンプ・フレーム加工
らくらく音声入力で長文でもストレスなし

Yahoo!ショッピングはポイント還元がすごい
Googleマップで家から目的地までかんたんナビ

たまった写真を整理整頓してスッキリ
スマホアプリで睡眠記録

LINE(ライン)で無料通話・かわいいスタンプ入りのメール
ウォークマンみたいに たくさんの音楽を持ち歩いて楽しもう

Googleドライブ、Dropboxでパソコンに写真を転送
アイコン・壁紙の模様替えで、スマホのなかも可愛く個性的
パソコンのメールをスマホで見られると便利なんです

電話とメールだけじゃもったいない!
便利で楽しいスマホとタブレット
そのアプリと使い方を徹底紹介いたします。

飾り罫線

パソカフェの パソコン個人レッスン

ブログ用おしゃれ画像加工 ロゴ作成&使いこなし
フォトショップ ポストカード デジカメ年賀状

名刺・ラベルシール フライヤー・チラシ
フォトムービー フォトブック

ワード エクセル パワーポイント
PhotoScape(フォトスケープ)Picasa(ピカサ)

素敵なフォント(書体)で文字入れする方法 
ラベルプロデューサー DVD・CD盤面印刷ソフト など

いくつかのレッスンを組み合わせることも可能です。
サイトに記載していない内容でも、お気軽にご相談下さい。

飾り罫線

初心者さんのための 単発1dayデジカメ講座

3時間の個人レッスンで、かわいい雑貨写真が
どなたにでも撮れるようになります。

デジタル一眼レフ、ミラーレス一眼、コンパクトデジカメ、スマートフォン。
ご自身のカメラをお持ち込み下さい。

詳しくはこちら
単発1dayデジカメ講座 受講生作品

飾り罫線

パソカフェ予約カレンダーはこちら

レッスン料金・よくあるご質問についてはこちら

レッスンに関するお問い合わせ・お申込みはこちら

飾り罫線



にほんブログ村 PC家電ブログ パソコン教室・サポートへ   にほんブログ村 写真ブログ 写真講座・教室へ  

趣味ぶろ パソコン教室ブログランキング   趣味ぶろ コンピューター教室ブログランキング

ランキングに参加しました。ぽちっと応援お願いいたします♪

飾り罫線

花のポストカードやさんの関連サイト
「パソコン&デジカメ教室パソカフェ」~川西・大阪・宝塚~
やさしいカメラ知識・おしゃれ画像加工。女性講師による個人レッスン。

ポストカード&フレーム印刷用無料素材*花のポストカードやさん本館*
女性向きおしゃれ年賀状&ポストカード  結婚・出産・引越報告 フレーム素材

初心者女子のための パソコン&デジカメ教室~大阪・宝塚・川西~

テーマ : ♪♪生活を楽しむ♪♪
ジャンル : 趣味・実用

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま_その2:教室ロゴと配色を利用してヘッダー画像をつくるには?

こんにちは。
パソコン&デジカメ教室「パソカフェ」主宰、渡邊優子(わたなべゆうこ)です。

パソカフェの個人レッスンでは、やりたいことをなんでもリクエストしていただけます。
今回は「アメブロカスタマイズ」を行いましたので、その内容をご紹介したいと思います。

飾り罫線

カスタマイズ後、このようになりました!

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

飾り罫線

受講生はKさま。
JR西宮徒歩5分のマンションで、イギリススタイルのフラワーアレンジメント教室
「Atelier Corolla(アトリエ・コローラ)」を開いておられます。

イギリススタイルのフラワーアレンジメント教室
Atelier Corolla(アトリエ・コローラ)


飾り罫線

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま

Kさまがデザイナーさんに依頼して作ってもらっていたお教室ロゴ
デザイナーさんが、そのロゴとともに提案された配色
このヘッダー画像はその2つを最大限に利用して作成していただきました。

今回は、この作り方を見ていきましょう。

飾り罫線

まず、写真をバランスのよい形にトリミングします。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(トリミング前)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(トリミング後)

参考 フォトスケープ:写真をトリミング&リサイズする方法

飾り罫線

Kさまお手持ちのロゴはこの4つ。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(ロゴ1)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(ロゴ2)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(ロゴ3)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(ロゴ4)

飾り罫線

デザイナーさんがロゴ&名刺デザインとともに提案してくださった色がこの3色+白。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(色1)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(色2)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(色3)

飾り罫線

この色を利用するには?
多くの画像加工ソフトでは、スポイトツールで色を取得することができます。
パソカフェでおすすめしているPhotoScapeにも、スポイトツールがありますよ。

参考 フォトスケープ:スポイト取得した色で文字入れする方法

飾り罫線

お使いの画像加工ソフトにスポイトツールがない場合。
色番号を抽出するフリーソフトもあります。

画面カラー取得プログラムの詳細情報 Vector ソフトを探す!

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(色1)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(色2)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(色3)

飾り罫線

取得した色で、ヘッダー画像のサイズに設定した白いキャンバスを塗りつぶします。
あとは、写真とロゴを載せれば完成です。

参考 フォトスケープ:イラストや写真入りの名刺を作る方法

飾り罫線

できあがったヘッダー画像。
枠線なしと枠線ありの2パターン作っていただきました。

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(枠線なし)

アメブロカスタマイズ_フラワーアレンジメント教室 Atelier Corollaさま
(枠線あり)

PhotoScapeでは、枠線を描くのもかんたんです。
太さや色も任意に設定できます。
デザインのバリエーションを広げてくださいね。

参考 フォトスケープ:半透明のライン・ボックスを描く方法


飾り罫線

次回の記事では、アメブロのCSS編集用デザインをつかって
ヘッダー画像下にメニューボタンを作成していきます。
どうぞお楽しみに。

飾り罫線

カスタマイズさせていただいたKさまのブログはこちら。↓

イギリススタイルのフラワーアレンジメント教室
Atelier Corolla(アトリエ・コローラ)



飾り罫線

パソコン&デジカメ教室「パソカフェ」
兵庫県川西市の自宅サロンで開講しています。
最寄り駅は、阪急宝塚線「川西能勢口」またはJR宝塚線「川西池田」。

教室へのアクセスはこちら

飾り罫線

パソカフェの アメブロカスタマイズ 個人レッスン

アメブロのカスタマイズがご自分でできるようになります。
HTML・CSSの知識のない方でも大丈夫。
カスタムに必要なところだけ、ゆっくり丁寧にお教えいたします。

詳しくはこちら
アメブロカスタマイズの事例とレッスンの流れ

飾り罫線

パソカフェの レスポンシブWEBデザインホームページ作成講座

パソコン、スマホ、タブレット共通で閲覧可能な、
レスポンシブWEBデザインのホームページを作成します。
無料HPテンプレートとフリーソフトを利用。

詳しくはこちら
レスポンシブホームページ作成 事例とレッスンの流れ

飾り罫線

パソカフェの スマートフォン 個人レッスン

写真にコラージュ・文字入れ・スタンプ・フレーム加工
らくらく音声入力で長文でもストレスなし

Yahoo!ショッピングはポイント還元がすごい
Googleマップで家から目的地までかんたんナビ

たまった写真を整理整頓してスッキリ
スマホアプリで睡眠記録

LINE(ライン)で無料通話・かわいいスタンプ入りのメール
ウォークマンみたいに たくさんの音楽を持ち歩いて楽しもう

Googleドライブ、Dropboxでパソコンに写真を転送
アイコン・壁紙の模様替えで、スマホのなかも可愛く個性的
パソコンのメールをスマホで見られると便利なんです

電話とメールだけじゃもったいない!
便利で楽しいスマホとタブレット
そのアプリと使い方を徹底紹介いたします。

飾り罫線

パソカフェの パソコン個人レッスン

ブログ用おしゃれ画像加工 ロゴ作成&使いこなし
フォトショップ ポストカード デジカメ年賀状

名刺・ラベルシール フライヤー・チラシ
フォトムービー フォトブック

ワード エクセル パワーポイント
PhotoScape(フォトスケープ)Picasa(ピカサ)

素敵なフォント(書体)で文字入れする方法 
ラベルプロデューサー DVD・CD盤面印刷ソフト など

いくつかのレッスンを組み合わせることも可能です。
サイトに記載していない内容でも、お気軽にご相談下さい。

飾り罫線

初心者さんのための 単発1dayデジカメ講座

3時間の個人レッスンで、かわいい雑貨写真が
どなたにでも撮れるようになります。

デジタル一眼レフ、ミラーレス一眼、コンパクトデジカメ、スマートフォン。
ご自身のカメラをお持ち込み下さい。

詳しくはこちら
単発1dayデジカメ講座 受講生作品

飾り罫線

パソカフェ予約カレンダーはこちら

レッスン料金・よくあるご質問についてはこちら

レッスンに関するお問い合わせ・お申込みはこちら

飾り罫線



にほんブログ村 PC家電ブログ パソコン教室・サポートへ   にほんブログ村 写真ブログ 写真講座・教室へ  

趣味ぶろ パソコン教室ブログランキング   趣味ぶろ コンピューター教室ブログランキング

ランキングに参加しました。ぽちっと応援お願いいたします♪

飾り罫線

花のポストカードやさんの関連サイト
「パソコン&デジカメ教室パソカフェ」~川西・大阪・宝塚~
やさしいカメラ知識・おしゃれ画像加工。女性講師による個人レッスン。

ポストカード&フレーム印刷用無料素材*花のポストカードやさん本館*
女性向きおしゃれ年賀状&ポストカード  結婚・出産・引越報告 フレーム素材

初心者女子のための パソコン&デジカメ教室~大阪・宝塚・川西~

テーマ : ホームページ・ブログ制作
ジャンル : コンピュータ

プロフィール

パソコン教室パソカフェ「花のポストカードやさん」

Author:パソコン教室パソカフェ「花のポストカードやさん」


兵庫県川西市の自宅で
デジカメ&パソコン教室「パソカフェ」
を開いています。
教室で人気のPhotoScapeの使い方を本ブログで公開中。
フレーム加工や組み写真など、素敵なブログ用画像が無料で簡単に作成できますよ。

アクセスランキング
[ジャンルランキング]
ライフ
418位
アクセスランキングを見る>>

[サブジャンルランキング]
習い事
7位
アクセスランキングを見る>>
カテゴリー
FC2カウンター
facebook
ランキングバナー
Twitter
Twitterボタン
Twitterブログパーツ
ブログ全記事表示

全ての記事を表示する

カレンダー
01 | 2017/02 | 03
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 - - - -
リンク

お気に入りに追加
RSSフィード
管理画面
QRコード
QR