Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

スマホでのフォントサイズを縮小したいの...
 
共有:
通知
すべてクリア

スマホでのフォントサイズを縮小したいのですが…

7 投稿
3 ユーザー
2 Reactions
3,421 表示
(@たらこ)
New Member
結合: 4年前
投稿: 4
Topic starter  

お問い合わせページに、バッジではなく、htmlソースを追加してテキストで表示する方法でreCAPTCHAを導入しているのですが、PCではフォントサイズをhtmlでなんとなく調整できましたが、スマホで見てみると大きくなってしまいます。ところが、この調整の仕方が分かりません。

スマホでのフォント調整の方法をお教えいただけますでしょうか?

宜しくお願いします。


   
引用
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1089
 
@media screen and (max-width: 834px){
.hoge {
font-size: 10px;
}
}

 のような形でメディアクエリを使えば可能なはずです。

詳しくは実際のページがないと分かりません。


   
わいひら reacted
返信引用
(@たらこ)
New Member
結合: 4年前
投稿: 4
Topic starter  

@haruinoue はるさん、ありがとうございました。

htmlだけ調整して表示するのをやめて、

<p class="recaptcha_policy">This site is protected by reCAPTCHA and the Google<a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</p>

と書いた後に、以下をCSSに追加しました。

.recaptcha_policy {
padding: 0;
margin: 0;
font-size: 12px !important;
color: #444 !important;
}

それから教えて頂いたやり方でやってみても、スマホでのフォントサイズに変化はありませんでした。

とほほです。やっぱCSSとか知らない初心者には無理なんですかね。。


   
返信引用
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1089
 

昨日の書き込みの通り、詳しくは実際のページがないと分かりません。

それから教えて頂いたやり方でやってみても、

やり方があっているかどうか確認するためにも、最低でも実際に書いたコードがないと分かりません。

.recaptcha_policy {
padding: 0;
margin: 0;
font-size: 12px !important;
color: #444 !important;
}

上記はメディアクエリの指定がないので、PCでもスマホでも12pxで表示されるのではないでしょうか。


   
わいひら reacted
返信引用
(@たらこ)
New Member
結合: 4年前
投稿: 4
Topic starter  

@haruinoue はるさん、px ではなくフォントサイズの調整方法を別のコードを指定して解決しました。

助かりました。
ありがとうございました。

でも、実際のページを提示できない場合ってあると思うんですよ。
だってサイト公開に向けてカスタマイズとかをやっている最中の場合とかがそうだと思うのです。

知らないから、
知らないせいでやり方が分からないから、
知ってる方がいたら教えてほしいなと思って、
フォーラムに質問を残し、
教えを請うだと思うのです

COCOONの良さって多くの人が使っているから、
困っているところも容易に解決できる。

これこそCOCOONの最大の良さだと思うのです。

やり方を知らない私がいけないのですが、
コードがないと分かりません
実際のページがないと分かりません」と言われると、質問しない方が良かったなと、みんなが見るフォーラムにバカな書き込み晒してマジでバカになった気がするな、と思ってしまいます。

自分なりにコード書いてますし、「知ってる方がいたら教えてほしいな」と、真剣に悩んでましたし、困っていたので質問したのですね。

おかけさまで、ネットを一日中徘徊し、根本的な解決には至らなかつたかも、100%の解決になっていないかも。と、分かっていますが何となく見た目での問題は解決になりました。

もう二度と書き込みはイヤだなと思いました。

早く初心者から抜け出したいと思うきっかけを作って下ってありがとうございました。

きっとはあなたは、初心者だった頃もすべて知ってたし、もしかすると初心者の頃はなかったのかもしれません。だけど、普通の人間にはあるのです。右も左も分からない頃が…

PS)というより、書き込みを見ていると、COCOONの制作者である「わいひら」さんがとても優しく応えて下さっていて質問残したのですが…

PPS)もうフォーラムは見るだけで、足しにするという形にします。質問してすみませんでした。

PPPS)わいひらさん、素晴らしいテーマをありがとうございました。もちろん、質問に応えて下さったはるさんには何より感謝しています。

ありがとうございました。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

Cocoonは、無料テーマなのでサポート専門の方を雇うことはできず、書き込んでくださる方も自分の時間を削って書き込んでくださっています。
多くの利用者がいるからといって、無償の奉仕をできるわけではありません。
なので最低限答えが出しやすいように、フォーラムの案内(添付画像)にあるように、情報提供をお願いしています。

案内に書かれていることを行わずに、自分の時間を削ってまで解決方法を提示してくださった方に、そのような返信は、失礼かと思います。
例えば、テレビを修理に出したときに、原因がわからない場合は、現物を見るしかありません。
それと同じように、実際のサイトのソースコードを見ないと分からないこともあります。
今からそのケースに当たると僕も思います。


   
返信引用
(@サンシャイン池沼)
New Member
結合: 4年前
投稿: 1
 

>みんなが見るフォーラムにバカな書き込み晒してマジでバカになった気がするな、と思ってしまいます。

 

気がするんじゃなくてバカなんだよ、お前

前提条件は晒せないからエスパーしろってバカでなければなんなんだよ

お前みたいな施されて当然だと思ってるバカがいるからフォーラムの質が下がるんだよ


   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました