Bloggerのモバイル表示でサイドバーを表示する方法

公開日:2020-05-10 更新日:2020-10-02

Blogger HTML/CSS

t f B! P L

Bloggerではデフォルトで、モバイル表示ではサイドバーが非表示となっているので、
表示したい場合は、設定を加える必要がある

前提として、こちらを参考にモバイル表示でもHTMLをカスタマイズする設定をしておく
参考:BloggerでHTMLとCSSを編集する方法

HTMLを見ると、サイドバーの各Widgetは「b:widget」のタグで囲まれている
設定としては、表示したいWidgetを部分を探し出して(Jump to widgetのボタンを使うと簡単)、「mobile=’yes’」を書き足すだけ。

例えば「HTML5(About me)」のWidgetの場合、以下のような表記になっているので、「mobile=’yes’」を書き足す

これが

<b:widget id='HTML5' locked='false' title='About me' type='HTML'>

こうなる

<b:widget id='HTML5' locked='false' mobile='yes' title='About me' type='HTML'>

すると、モバイルでもサイドバーのWidgetが表示されている状態となる

About me

ゆかき(♀)

駆け出しインフラエンジニア
"技術力と画力と文章力をあげたい"

営業職からSEへ転身した人
#AP応用情報 #HTML5Lv1 #第2種電気工事士 #DCP(Data Center Practitioner) #LPIC Lv2 #VCP6.5 #CCNP #Oracle Bronze #HSKLv5 #TOEIC860

Line stamp

僭越ながら販売中

Green cat & Orange cat

Amazon