HOME
INDEX
LOG IN
SEARCH
よく検索されるキーワード
ブログカード
初心者向け
トラブル対処
RWD
Validation
SEO
Tips
Smartphone
Responsive
Playground
上級者向け
CATEGORY
テンプレート (101)
┣
ブログ内限定配布 (7)
┣
リリーステンプレート早見表(表示タイプ別) (1)
┗
配布終了・旧作 (24)
利用上のお願い (5)
テンプレ不具合・修正など (99)
よくあるご質問「お困りですか?」 (3)
┗
ご質問の前に (2)
FC2不具合情報 (26)
割と重要なお知らせ (53)
カスタマイズ (167)
┗
SNS (5)
FC2ブログのあれこれ (147)
webのあれこれ (101)
雑記 (18)
┗
雑談 (5)
未分類(個人的テスト等) (23)
The other way round
Home
›
コメント編集
こんにちは。 ちょっと確認なんですが、スマートフォンの表示は私のテンプレート(GirlOnWire)でのことをおっしゃっているのですよね? (´・ω・`) 杉山さんの場合、スマホからアクセスした際に閲覧者が見ているのは [太字]FC2ブログ公式デフォルトテンプレート(スマホ専用版)[/太字] ですので、GirlOnWireを目にすることはありません。 もちろん閲覧者が自主的に「PCビュー」をクリックする、あるいはスマホブラウザの個人設定で「PC版リクエスト」を行えば別です。 で、三のボタン(この形状を一般的に「ハンバーガー」と言います)のことはGirlOnWireのことでしょうか。それとも公式テンプレートのことなんでしょうか。 後者であれば私のテンプレートとは無関係なのでカスタマイズ指南はできません。 まずその点を明確にしてください。 ①正しい設定(レスポンシブ, スマホでもGirlOnWireで表示) https://file.blog.fc2.com/vanillaice000/capture/capgirl.jpg ②正しくないというかレスポンシブ未設定(公式テンプレートで表示, こちらが現在の状態) https://file.blog.fc2.com/vanillaice000/capture/capnotgirl.jpg まとめます。 ①の状態でのことを指しているのであれば後述する方法で修正を行ってください。 ②の状態を指しているのであればGirlOnWireテンプレートではありませんので私からお答えできることはありません。 ------ ハンバーガーを「開閉」のテキストに置き換える手順 <i class="fa fa-bars fa-2x" aria-hidden="true"></i> で検索するとhtml内に1箇所あります。これを削除し、以下の通り変更 [太字]<span>開閉</span>[/太字] 続いてCSSソース(管理画面下段「スタイルシート」)の末尾に以下の内容を追加。 .mobile span { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; background: rgba(158,86,154,.8); color: white; } 以上です。よろしくお願いします。 参考記事: FC2ブログでレスポンシブテンプレートを正しく使う方法 https://vanillaice000.blog.fc2.com/blog-entry-711.html
SECRET
SEND
DELETE