カスタマイズ/管理

スマートフォンからブログのレイアウトデザインを変更する

ブログのマイページから「デザイン設定」>「レイアウト」>で設定できる
スマートフォンで表示されるときのブログのレイアウトを変更してみましょう。

レイアウトの各項目について


スマホレイアウト一覧

【上部メニュー】
トップ
 ブログのトップ画面で表示される項目です。
アーカイブ
 ブログの月別やカテゴリ別でブログを見た時に表示される項目です。
個別記事
 記事ページに移動したときに表示される項目です。

プラグインを並び替える


6
▲▼をタップすることで項目の表示順を変更することができます。

プラグインを追加する


blog5
追加したい項目をタブメニューから選択し、横にある「追加する」ボタンを
タップすると項目が追加できます。

プラグインを削除する


blog6
画面下部の「編集」をタップすると各項目の名称の横に「削除」というボタンが表示されます。
削除したい項目の「削除」ボタンを押すと削除が完了します。

スマートフォンからブログのデザインをカスタマイズする

ブログのマイページからデザイン設定>カスタマイズ>で設定できる
スマートフォンで表示されるときのブログのデザインをカスタマイズしてみましょう。

背景画像を自分で用意した画像に設定する


7

 ※使用する画像は予め画像フォルダにアップロードする必要があります。

自分で用意した画像を使用したい場合は「自分で用意したものを表示する」にチェックを入れます。
画像をアップロードする画面が表示されますので、「選択する」をタップし画像フォルダから画像を選び、選択すると画像が表示されます。
画像を選択後、下にある表示方法を選んで画像をどのように背景に表示するか選んでください。

【1つだけ表示】
 画像を左上に1枚だけ表示します。

【横方向に並べる】
 画像を横に並べて表示します。

【縦方向に並べる】
 画像を縦に並べて表示します。

【タイル状に並べる】
 画像をタイル状に並べて表示します。

 ※ 小さい画像の場合ブログタイトルに背景などを指定している場合隠れることがあります。

各項目の色をスライダーで変更する



blog4


スライダーで色を設定する場合は○を直接指で動かして指定します。
また、色を直接表示されている枠をタップし入力することができます。
色指定は#で始まる16進数で色指定を行います。

 ※3色全ての項目を設定しない場合は設定が無効になります。

変更を確認する


9


画面下部の「保存する」を押すと設定した項目を保存できます。
保存後、画面最上部にある「表示を確認する」で確認することができます。

デザインを変更する(スマートフォン)

自分のブログにあったデザインを探してみて、デザインを変更してみましょう。
デザインの変更は、スマートフォン版のマイページにある「デザイン設定」からデザインを選択することができます。

mypage_design

デザインを探す

「新着」「シンプル」「クール」「かわいい」「パターン」「自然」「ユニーク」のカテゴリからデザインを探すことができます。

sp_cms_design

デザインを確認する

気になったデザインを見つけたら、クリックしてみましょう。どんな感じなのか大きな画像で確認することができます。
選び直したいときは、「キャンセル」をクリックすると元のデザイン一覧ページに戻ることができます。

capture001

デザインを適用する

デザインを確認してみて、このデザインに変更しようと決めたら、デザインの下にある「設定する」ボタンをクリックします。

capture002

完了画面が表示されたら、デザインの変更は完了です。ブログを確認してみましょう。

記事を管理する(スマートフォン)

投稿した記事の修正や削除、下書きで保存した記事の公開設定変更などは
「記事の一覧」にて行います。
kiji_11

記事の検索


kiji_5
投稿した記事を検索する場合は上部の検索より検索ワードを入力することで検索できます。

また、カテゴリ別、投降した月別・下書きのみなどより詳細に検索が可能です。
(詳細検索はデフォルトでは隠れています。検索横の+をタップすることで画像のように表示されます)

投稿した記事の修正


kiji_6
投稿した記事の修正は一覧画面にて修正したい記事を選択します。
記事が見つからない場合は「次へ」をタップするとさらに前に投稿した記事に移動します。

kiji_8
「記事を確認する」を押すと現在記事がどのように表示されているかを見ることができます。
記事を修正し、「投稿する」ボタンをクリックします。これで記事の修正は完了です。

下書きで保存した記事の公開設定変更


kiji_12
「詳細設定」をタップし公開設定を「下書き」から「公開」に変更し更新すると
「下書き」で保存した記事を公開することができます。

記事の削除


kiji_6
記事を削除する場合は、一覧画面にて修正したい記事を選択します。

kiji_13
記事の編集画面に移動すると、下部に「削除する」ボタンがあるのでタップします。

kiji_9
確認画面が出るので「OK」を押すことで選択した記事は削除されます。



スマートフォン版にタイトル画像と背景画像を設定する

タイトル画像を変更する

1.スマートフォンの設定
menu

2.レイアウト を選択
sub_menu_3

3.ブログタイトルの設定をする
"ブログタイトル"のイメージにマウスをあてると"設定"が現れるので、
それをクリックして設定を行います。
smarthpone_title_1

4.使用したい画像を設定する
"画像"を選択し、"アップロードする"をクリックする。
smarthpone_title_custam1
※画像サイズは横幅320~640px、容量は80KB以内がおすすめです。
※一度アップロードした画像には画像URLが付与されますので、
 その「画像URL」そのものを直接指定する事も可能です。
※同様に既にインターネット上にタイトル画像が置かれている場合は、そのURLを指定して下さい。

"参照"をクリックしタイトル画像を指定したら、"アップロード"をクリックする。
smarthpone_title_custam2

5.「トップページ」の他に「アーカイブページ」「個別記事ページ」でも同様に設定を行う。
※ページごとにタイトルバナーを変える事も可能です。

6.完了です。


背景画像を変更する

1.スマートフォンの設定
menu

2.カスタマイズ を選択
sub_menu_2

3.背景画像を設定する
全体設定 の 背景画像 項目にて、
「自分で用意したものを表示する」を選択し、「アップロードする」をクリック
smarthpone_background_custam1

"参照"をクリックしタイトル画像を指定したら、"アップロード"をクリックする。
smarthpone_background_custam2

4.背景画像の並ばせ方を設定する
・1つだけ表示:
   画面幅に自動調整された画像が最上部に1枚だけ表示させます。
・横方向に並べる:
   画像サイズを変更しないで横方向に並べて表示します
・縦方向に並べる:
   画面幅に自動調整された画像を縦方向に並べて埋め尽くす感じで表示します
・タイル状に並べる:
   画像サイズを変更しないで縦横方向に並べて埋め尽くす感じで表示します

5.設定を保存する
smarthpone_background_custam3

6.完了です
使い方ガイド内検索
お問い合わせ
ヘルプを読んでも疑問が解決しない方は、お問い合わせください。
お問い合わせ先は各ブログによって異なります。お使いのブログ名をクリックしてください。

livedoor Blog
pixiv ブログ
Cure ブログ
Jブロ J-CAST Blog

twitter
QRコード
QRコード