【はてなブログ】スマホ画面の見出しをPCと同じにする方法

こんにちはセイケンです。

私は2019年05月からはてなブログを開始しました。

(記事の編集は全てスマホで行なっています)

最近ようやく見出しや目次を入れる方法を知り、執筆時に取り入れる様にしました。

ただしスマホ版の見出しが太文字になるだけなので、格好良くする方法は無いかと調べてみました。

凄く簡単に改善出来たので、今回の記事にしました。よかったら参考にして下さい。

はてなブログの見出しをデザインする方法(スマホ版)

スマホ版とPC版の違い

はてなブログには３つの見出しが用意されていて、それぞれのイメージが以下の様になります。

スマホで見るとこんな感じなります。

見出しと言うよりフォント編集と言った感じです。

PCで見ると以下の様に表示され、いかにも見出しらしく、これをスマホにも適用したいです。

 

設定を変更してみる

調べてみると簡単にスマホ版の見た目をPC版の見た目に合わせる方法がありました。

既存の設定項目が有り、そちらを有効(チェックを入れる)にするだけで出来ました。

本当に簡単。以下の様な手順です。

①ダッシュボードから「デザイン」を選択

 

②スマホのタブ内にある「詳細設定」を選択

 

③「レスポンシブデザイン」にチェックを入れる

 

説明書きにある様にスマホ画面でもPCと同じデザイン設定でブログを表示してくれるとの事。

そのままですね。

 はい、これで以下の様にスマホ画面の表示も切り替わりました。

 

注意点

この設定変更でスマホ画面のデザインをPCと同じにするには、使用しているテーマが「レスポンシブデザイン」に対応したテーマである事が条件です。

今回の手順はとても簡単にスマホ画面のデザインをPCと同じにする事が出来ます。

私は「Haruni」を利用させて頂いています。

(テーマストアから選択可能)

テーマを検討されてる方は各テーマの説明を見て「レスポンシブデザイン」対応か確認しておきましょう。

如何だったでしょうか。

私もまだまだ勉強中ですが、他にお困りの点が有りましたらコメント下さい。一緒に解決していきましょう。

最後まで読んで頂きありがとうございました。