2016年 06月 03日
料理・レシピブログ向けスキンを追加しました。
お知らせ
いつもエキサイトブログをご利用いただき誠にありがとうございます。
この度、料理・レシピブログ向けスキンが追加されましたのでお知らせいたします。
■料理ブロガーさん必見！料理が楽しくなるスキン「cooking」
スキンの特長
・季節やテーマに合わせて、まるいプレートのお料理写真をオリジナルのお料理写真に差し替えることができるスキンです。
・目玉やきモチーフのふんわり可愛らしいスキンです。
・白／緑／ピンクの３つのカラーパターンからお選び頂けます。
※そのままでもご利用いただけます。
※写真カスタマイズ（差し替え）の方法は記事の下部に記載しております。御覧ください。
※写真カスタマイズはPC版のみとなります。SP版はデフォルト画像のオムライスが表示されます。
【PC版】
♦白パターン
♦写真カスタマイズ例
丸いお皿部分の写真を差し替えすることができます。
【SP】
PCと同じくカラーパターンは白／緑／ピンクの３色ございます。
スキンの編集は「PCデザインスキン編集」のページで編集します。
（1）「PCデザインスキン編集」のページの出し方
PCデザインスキン一覧の中の「cooking」を適用して「現在使用中のスキン」の箇所が下記のように切り替わったことを確認してください。
現在使用中のスキンの「編集」ボタン（画像①）をクリックすると「PCデザインスキン編集」ページが表示されます。
「HTML&CSS編集」を編集します。
のボタン（画像②）をクリックすると、右から画像アップロードメニューが表示されます。下準備をした画像をアップロードしてください。（アップロードは通常のブログアップロードの方法と一緒です）
差し替えしたい画像の画像サムネイルにカーソルを置いて、右クリックし、「リンクのアドレスをコピー」を選択してください。（画像③）
※ブラウザによって右クリックメニューの名称が異なりますのでご注意下さい。
「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
（４）リンクが差し替わったことを確認したら「作成」ボタン（画像④）を押して編集は完了です。
（５）編集したスキンを適用する
「作成する」ボタンを押すと「PCデザインスキン」の画面に戻り、「マイスキン」カテゴリに編集したスキンが表示されます。（画像⑤）編集したスキンを「適用」すると、ブログにスキンが反映されます。
（6）画像が正しく表示されていることをブログ上で確認してください。
以上です。
ぜひご利用くださいませ。
今後共エキサイトブログをどうぞよろしくお願いいたします。
by exblog_team
| 2016-06-03 21:11
| お知らせ
|
Trackback
