拙共有テンプレートのタブレット・スマホでのサイドバーの文字位置の変更について

レスポンシブデザイン

タブレット・スマホでのサイドバーの文字位置の変更について

さて、拙テンプレートをご利用のみなさま、日頃からご愛顧をいただき、ありがとうございます。
今回は、タブレットとスマホでの「サイドバーの見え方」について、共有テンプレートの登録内容を変更いたしました。
さきほど上書きを終えたので、そのあとのダウンロードでは、変わっていると思います。
そして、現在使用中の方については、再ダウンロードが必要なほどの大きな変更ではなく、また、すべての方について、なんらかの作業が必要なわけではないので、以下のようにしていただければと思います。

変更の内容

タブレット・スマホで見たときのサイドバーの中の文字の位置を、「中央寄せ」から「左寄せ」に変更しました。
デフォルトでは左寄せなのですが、これまでは、中央寄せに見えるようなコードを入れてあったのですが、左寄せのほうが見やすいかもしれないと思い、今回、全テンプレートを変更いたしました。
ですので、

中央寄せのままでいいという方

何もしていただく必要はありません。

左寄せのほうがいいという方

以下の手順で、一部のコードを削除してください。
  1. 「テンプレートの管理画面」を開く。
  2. 「スタイル編集(2つある枠のうち、下の枠のほう)」の中で、以下の位置を探し、赤枠の中のコードを削除してください。
    このコードは、けっこう下のほうにあります。
    編集箇所 削除するコードは、以下です。
    .plugin_right_content,.l_right_area .plugin_right{text-align:center;}
    .plugin_right_content ul li,.plugin_right_content div div,.plugin_area_second_desc2,.plugin_right_content p,.plugin-qrcode{text-align:center !important;}
  3. 青い「更新ボタン」を押す。
  4. タブレット・スマホなどでの見え方を確認する。
    デバイスが手元にないという場合には、以下のサイト様で見え方の確認が可能です。
    Responsive Website Design Tester | Media Genesis
  5. サイドバーの内部の文字位置が左寄せになっていれば、作業は終了。
お手数をおかけいたしますが、よろしくお願いいたします。
関連記事

コメント

コメント(2)
サイドバー設定変更
おはようございます。
ブラグインの設定で変更しても、スマホの表示は変わらないので気になっていたところです、左寄せで見やすくなりましたありがとうございました。

ハックル70

2020/04/03 07:23 URL 編集返信
Janedoe1471
Re:サイドバー設定変更
そうでしたか、それはご不便をおかけいたしました。
何かありましたら、おたずねいただければ、その都度方法をお伝えしますので、ご遠慮なくおたずねください^^

Janedoe1471

2020/04/03 13:34 URL 編集返信
コメント投稿
【お願い】FC2ブログの方は、必ず、ご自分のブログURLを入力してください。
非公開コメント

プロフィール

Janedoe1471

Author:Janedoe1471 この写真とはまったく違うおばさんです。
が、気持ちだけは、いつまでも、こういう感じでいたいと思っています。

更新通知登録ボタン

更新通知で新しい記事をいち早くお届けします

検索フォーム