スマートフォン

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

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

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


スマホレイアウト一覧

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

プラグインを並び替える


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

プラグインを追加する


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

プラグインを削除する


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

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

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

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


7

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

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

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

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

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

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

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

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



blog4


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

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

変更を確認する


9


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

ブログフィードを表示する

ブログフィードアイテムとは?


好きなブログの更新情報を表示できる「Blogroll」で作成したチャンネルをスマートフォンでも表示することができるアイテムです。
※このアイテムをご利用いただくにはPC用サービスのBlogrollでチャンネルを作成していただく必要があります。


設定方法


  1. Blogrollの管理画面でチャンネルIDを確認する

  2. チャンネルのURLの*****の部分がチャンネルIDです。5桁の数字になっています。
    http://blogroll.livedoor.com/cms/channel/*****/

  3. ブログの管理画面で設定する

  4. 「ブログ設定」から「モバイル設定」にある「スマートフォン設定」へ進み、「レイアウト」のタブをクリックします。
    blog_setting_button

    sp_layout1


    「ブログフィード」のアイテムを左側にドラッグします。
    sp_layout5



  5. 表示方法を設定する

  6. カーソルをアイテムに合わせ「設定」をクリックすると、表示方法の設定ができます。
    ブログロールアイテム設定

    ブログフィード設定画面

    各項目は以下のように対応しています。

    1. ラベル
    アイテムの名前を設定します。「表示する」にチェックを入れると、ブログ上でアイテムの上部にこのラベルを表示します。複数のブログフィードを表示させてタイトルを分けたいときなどに便利です。

    2. チャネルID
    Blogrollの管理画面で確認したチャンネルIDを入力します。

    3. 表示件数
    1~10件の間で表示件数を設定します。初期設定では5件になっています。

    4. ファビコン
    ファビコン(ウェブサイトのアイコン)を表示するかどうかを選びます。

    5. 表示形式
    「記事名+フィード名」を選択すると記事名の下にサイトの名前が表示されます。

    6. NEWマーク
    新着マークを表示するかどうかを選びます。6時間以内に更新された記事にマークが付きます。

    ※ブログフィードはPC版「カテゴリ別表示」に対応しておりません。PC版で「カテゴリ別表示」を「する」に設定されている方は、お手数ですがスマートフォン版ブログフィード用に新規チャンネルを作成ください。

外部サービス連携について(スマートフォン)

Twitter・Fecebook・Evernote・Flickr・Instagramとブログを連携!
更新情報を素早く通知、他サービスで投稿していた写真をブログで簡単にインポート。

icon_twitterTwitter
blogのタイトルと抜粋文を自動的につぶやきます。細かくカスタマイズすることも可能です。
詳しい設定方法はこちら

icon_evernoteEvernote
Evernoteに保存している画像やノートをブログの記事に参照することができます。
詳しい設定方法はこちら

icon_flickrFlickr
Flickrにアップロードした画像をブログに貼りつけることができます。表示サイズの調整も可能です。
詳しい設定方法はこちら

icon_instagramInstagram
Instagramにアップロードした画像をブログに貼りつけることができます。表示サイズの調整も可能です。
詳しい設定方法はこちら

※Fecebookの設定方法は近日公開予定です。

■スマートフォンでの外部サービス設定画面への遷移方法
ブログのマイページを表示します。
ブログ設定>外部サービス設定>で各サービスとの連携ページに遷移します。

さらに便利になったlivedoorblogの外部連携サービスを是非ご利用ください!

Flickrの画像を掲載する(スマートフォン)

"スマートフォン"で Flickr に投稿した画像を記事に貼り付ける方法をご紹介いたします。

Flickr の設定を行う

  1. [ブログの設定]を選択します。
    sp_flkr0

  2. [Flickr 設定]を選択します。
    sp_flkr1

  3. ブログにFlickr アカウントを設定する。
    sp_flkr2

  4. 自分のFlickr にログインする。
    sp_flkr3

  5. ブログがFlickr の画像を取り扱う事に同意する。
    ※英文ですが、良く読んで「ok」を押して下さい。
    sp_flkr4

  6. アカウント設定を完了させる。
    sp_flkr5


記事にFlickr の画像を貼り付ける

  1. 記事投稿画面の [ Flickr ] ボタンをクリックします。
    sp_flkr6

  2. 貼り付けたい画像を選択する。
    sp_flkr7

  3. 画像のサイズと掲載位置を選ぶ。
    sp_flkr8

  4. 記事投稿の本文フォームに画像の掲載ソースが挿入されます。
    sp_flkr9



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

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

twitter
QRコード
QRコード