人気ブログランキング | 話題のタグを見る

エキサイトブログ向上委員会 エキサイトブログの最新情報をお届けします。お知らせはもちろんアクセスアップまで、向上委員会が発信中!

料理・レシピブログ向けスキンを追加しました。

お知らせ
いつもエキサイトブログをご利用いただき誠にありがとうございます。
この度、料理・レシピブログ向けスキンが追加されましたのでお知らせいたします。


料理ブロガーさん必見!料理が楽しくなるスキン「cooking」

スキンの特長

・季節やテーマに合わせて、まるいプレートのお料理写真をオリジナルのお料理写真に差し替えることができるスキンです。
・目玉やきモチーフのふんわり可愛らしいスキンです。
・白/緑/ピンクの3つのカラーパターンからお選び頂けます。
そのままでもご利用いただけます。
写真カスタマイズ(差し替え)の方法は記事の下部に記載しております。御覧ください。
写真カスタマイズはPC版のみとなります。SP版はデフォルト画像のオムライスが表示されます。


【PC版】

♦白パターン
料理・レシピブログ向けスキンを追加しました。_a0029090_17461687.jpg
♦緑パターン

料理・レシピブログ向けスキンを追加しました。_a0029090_17461647.jpg
♦ピンクパターン

料理・レシピブログ向けスキンを追加しました。_a0029090_17461581.jpg
♦写真カスタマイズ例
丸いお皿部分の写真を差し替えすることができます。

料理・レシピブログ向けスキンを追加しました。_a0029090_18064038.jpg
写真カスタマイズのやり方については下部に記載致しましたので御覧ください。


【SP】
PCと同じくカラーパターンは白/緑/ピンクの3色ございます。

料理・レシピブログ向けスキンを追加しました。_a0029090_18195534.png






<「cooking」スキン写真カスタマイズの方法>

☆下準備☆
差し替えしたい画像素材を、縦横250pxにリサイズしてください。

スキンの編集は「PCデザインスキン編集」のページで編集します。

(1)「PCデザインスキン編集」のページの出し方
PCデザインスキン一覧の中の「cooking」を適用して「現在使用中のスキン」の箇所が下記のように切り替わったことを確認してください。
現在使用中のスキンの「編集」ボタン(画像①)をクリックすると「PCデザインスキン編集」ページが表示されます。


料理・レシピブログ向けスキンを追加しました。_a0029090_18223485.jpg

次に、PCデザインスキン編集」ページ(下画像)の
「HTML&CSS編集」を編集します。

料理・レシピブログ向けスキンを追加しました。_a0029090_20310981.png


(2)画像をアップロードする
のボタン(画像②)をクリックすると、右から画像アップロードメニューが表示されます。
下準備をした画像をアップロードしてください。(アップロードは通常のブログアップロードの方法と一緒です)
差し替えしたい画像の画像サムネイルにカーソルを置いて、右クリックし、「リンクのアドレスをコピー」を選択してください。(画像③)

ブラウザによって右クリックメニューの名称が異なりますのでご注意下さい。

料理・レシピブログ向けスキンを追加しました。_a0029090_21053627.jpg



(3)コピーしたリンクに差し替える
「HTML&CSS編集」の「全体」タブの中にある下記の太赤文字部分を選択し、コピーしたリンクをペーストして差し替わったことを確認してください。


-------------------------------------------------------------------------------

<div id="wrap">
<div id="blog-head">
<div class="inner">
<h1>
<$header$>
</h1>
<div class="custom-img">
<div><img src="http://md.exblog.jp/skn/img/a/01/36/9/sample.jpg"></div>


-------------------------------------------------------------------------------

※正しく差し替わった状態は下記のようになります。(「✕」の部分は各ブログによって英数字が異なります)
(差し替え前)http://md.exblog.jp/skn/img/a/01/36/9/sample.jpg
                  ↓
(差し替え後)http://pds.exblog.jp/pds/✕✕✕✕✕✕✕✕✕✕✕✕✕✕✕.jpg


(4)リンクが差し替わったことを確認したら「作成」ボタン(画像④)を押して編集は完了です。
料理・レシピブログ向けスキンを追加しました。_a0029090_21001102.jpg


(5)編集したスキンを適用する
「作成する」ボタンを押すと「PCデザインスキン」の画面に戻り、「マイスキン」カテゴリに編集したスキンが表示されます。(画像⑤)編集したスキンを「適用」すると、ブログにスキンが反映されます。

料理・レシピブログ向けスキンを追加しました。_a0029090_20501966.jpg
(6)画像が正しく表示されていることをブログ上で確認してください。

料理・レシピブログ向けスキンを追加しました。_a0029090_18161525.jpg




以上です。
ぜひご利用くださいませ。
今後共エキサイトブログをどうぞよろしくお願いいたします。











by exblog_team | 2016-06-03 21:11 | お知らせ | Trackback
Copyright c 1997- Excite Japan Co., Ltd. All Rights Reserved.