BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» JUGEMブログカスタマイズ 背景画像を変更する方法

このエントリーをはてなブックマークに追加

JUGEMブログカスタマイズ 背景画像を変更する方法

   投稿日: 2017/03/18    投稿者:webコラム

20170318-0.jpg


こんにちは! ライターのモモタロウです。

今回は、JUGEMブログカスタマイズ 背景画像を変更する方法をお伝えします。

因みに上の画像は、デフォルトのJUGEMブログです。

テンプレートを設定しよう


まずは、JUGEMブログのテンプレートを設定します。

JUGEMブログにログインしたら、メニューバーにある「デザイン」にポインタを合わせ、
プルダウンメニューになったら「PCデザイン・フォント変更」をクリックします。
下の画像の通りです。
20170318-0-1.jpg


PCデザイン・フォント変更ページで、「テンプレートを追加する」をクリックします。
下の画像の四角で囲ったボタンです。
20170318-0-2.jpg



PC版テンプレートページでは、さまざまなテンプレートが用意されています。
メニューバーにある「キレイ」をクリックしてみよう。
20170318-1.jpg

上の画像の、「cmsp-ビューティー」を選択しました。

20170318-2.jpg

一度、「サンプルを見る」でページを確認するとよいでしょう。

気に入ったテンプレートを見つけたら、「ストックする」をクリックします。


20170318-3.jpg


ストックは30個までできます。「cmsp-ビューティー」がストックに追加されました。

次に、cmsp-ビューティーに設定します。

20170318-4.jpg

メニューバー「デザイン」の「HTML・CSS編集」ページで、「このテンプレートを適応」ボタンをクリックします。

プレビューすると・・・

20170318-5-1.jpg

背景画像を変更しよう


次に、設定したテンプレートの背景画像を変更します。

ブログメニューバーの「データ管理」→「画像の管理」を順にクリックします。

20170318-5.jpg


20170318-6.jpg

「画像の管理」ページで、画像がアップロードできます。


今回は下の画像をアップロードして、設定します。
d953593009ab7ffbbd9db6532bb9d1a7_s.jpg
画像が決まったら、アップロードしてみよう。

20170318-7.jpg

画像をアップロードすると「画像を呼び出すタグ」を取得できます。

このURL部分をコピーしておきます。

その後、先ほどのメニューバー「デザイン」の「HTML・CSS編集」ページで
CSSを編集します。


20170318-8.jpg

上の画像の部分を探します。

四画で囲ったURL部分を先ほどコピーしたURLに変更します。

20170318-8-1.jpg


URLを入力もしくはコピー&ペーストしたら、「CSSを編集」ボタンをクリックします。

ブログを確認してみよう。


20170318-9.jpg

まとめ


如何でしたか?

作成するブログの内容に合わせて、テンプレートを選択し、
背景画像を変更すれば、オリジナリティの高いブログに早変わりです。

是非、試してみてくださいね。


カテゴリ:

TOPへ