Cocoonフォーラム

あら、そうこうしていたら、chu-yaさんが背景画像で回答をくださっていました。 ? あとは、モバイルのとき画像の文字が小さくなってしまうので、その対策でしょうか・・

@suzu1005 さん 私が少し勘違いをしていたかもしれません。 コンテンツ上部だと画面幅いっぱいにはならないですね。 対処方法を考えます。

@suzu1005 さん あと、画面の横幅いっぱいに画像を表示させるときは、画像自体の横幅が1920px程度あった方が良いかもしれません。 小さい画像を引き伸ばして表示させると、ぼやけて見えてしまうことがあります。

@suzu1005 さん 特定の固定ページでモバイルヘッダーボタンを非表示にするのは以下のCSSでイケそうな気がします。 @media screen and (max-width: 1023px) { .page-id-1234 .mobile-header-menu-buttons ...

@suzu1005 さん 画像ウィジェットを利用される場合は、画像サイズを「フルサイズ」で指定してください。

@suzu1005 さん ヘッダーモバイルボタンを非表示にしたいのはどのページでしょうか？

@suzu1005 さん アピールエリアに設定する画像は背景画像ですので、画面幅で伸縮させるのは不向きとなります。 以下の方法だとどうでしょうか？ [解決済] モバイルでもアピールエリアを表示したい [解決済] コンテンツ上部ウイジェットのモバイルとPCで出し分けする方...

sundubuさん chu-yaさんも触れていますが、子テーマをお使いになることをおススメします。 親テーマ・子テーマについては、以下のトピックが参考になるかと思います。 Cocoonテーマをインストールする方法 [解決済] 親テーマと子テーマについてです。

@mk2_mk2 さん 近頃のiPhoneは画面の大きいのがあるんですね！ 私のSE(第2世代)を基準に考えちゃダメなんですね・・トホホ やっぱり、中間の画面幅のとき、PC、もしくは、モバイル用の どちらかのグローバルメニューが表示されている方がいいのかもですね。 ? ...

@sundubu さん 私のiPhoneだと以下のように表示されます。  IMG_0255-1.png

前略、@sundubu さん スマホのブラウザの表示が75％などの縮小表示になっているだけ、ということはありませんか？  9f73d6ae6c28baf6f5ab5af269034157.png

前略、Arakawaさん 一旦、Wordpress からログアウトして、同じようにソースを確認したら、なにか変わりますでしょうか？

前略、horyu918さん 全く詳しくなく、当てずっぽうですが、aタグの親タグであるdivタグの背景色を白色にして角丸にするというのは、どうでしょうか？ ※上手くいくかどうかはわかりません。  7e64b3685d02a88601b9c6894a6218d3.png

私の借りたMacは最新バージョンのSafariではなかったのかもしれません。 wapcerealさん曰く「手持ちのMacBookとiMac、どちらも同じことが起こります」とのことですので、両方ともバージョン15.5だとすると、mk2さんご案内のように15.5 特有の事象という可能性もあり得ないこ...

Macを少しだけ借りて、アクセスしてみたのですが、症状は再現しませんでした。 OSやsafariのバージョンが違うせいか、はたまた、トビ主さん特有の環境によるものなのか、、、

@chu-ya さん 「2行3列」の方だったようです。 「3列2行」なら、@chu-ya さんご案内の内容かもしれません。 あ、いや違うか・・ ? だんだんこんがらがってきた・・・

@saa さん 親テーマ、子テーマって何？ という場合は以下が参考になるかと思います。 Cocoonテーマをインストールする方法 [解決済] 親テーマと子テーマについてです。

@saa さん 子テーマはお使いですよね？カスタマイズする場合は必ず子テーマで行ってください。

@saa さん 既存のコードは何も触る必要はありません。 子テーマのCSSファイルの一番下に追記するか、「追加CSS」に何も記述していないようでしたら、そちらでも良いような気もします。

前略、saaさん スキンのseasonのデザインみたいなので、CSSでカスタマイズしないといけないのかもしれません。 追加CSSか子テーマのCSSファイルに以下を追記ではいかがかと。 @media screen and (max-width: 1023px) { .navi...

wapcerealさん 私もWindowsしか手元にないので、症状は見ることができていません。

wapcerealさん Cocoonをお使いの場合は、プラグインの「Classic Editor」は使わないでもクラッシックエディタにできます。 Cocoon設定の「エディター」タブの「Gutenbergエディターを有効にする」のところのチェックを外して、「変更をまとめて保存」ボタンで確定す...

wapcerealさん また、WordPressを日本語環境で利用する場合は、プラグインの「WP Multibyte Patch」のインストールは必須なんだそうです。 インストールしておいた方が無難かもしれません。 WordPress５から無くなったWP Multibyt...

wapcerealさん HTMLやCSSを書いたり、編集したりするときは文字コードをUTF-8(BOMなし)で扱うことができる適切なテキストエディタを用いると良いような気がします。 Macですと「CotEditor」が良いかもしれません。 CotEditor 文...

前略、wapcerealさん 今回のボタンの件との関係はわかりませんが、子テーマのCSSファイルにBOMと思われる余分な文字があるようです。 仮に今回の件と無関係であっても、削除しておいた方が無難です。 ちなみに、この文字はテーマエディター上では見えないので、気づきにくい...

Akiraさんが有用な回答をくださっているので、クリップ。 「XMLサイトマップ」に関連するトピック

前略、g0ng0nさん 以下のCSSの指定だとどうでしょうか？ .wp-block-cover.is-light.aaa { margin-bottom: 0; }

@omochikun さん chu-yaさんご案内のコードでできるかと思います。

Thunderbirdを再起動したら、表示されなくなっていたアカウントのフォルダや過去のメールが表示されたようです。 ダウングレードの方法を探っていたところだったのですが、表示されたので新しいバージョンを使ってみようかと思ったりしています。 一部フォルダ名が変わってしまったり...

先ほど、Thunderbirdを「102.0 (64 ビット)」にアップデートしたら、POPアカウントやその他の一部のアカウントのフォルダやメールが一切表示されなくなってしまいました。 フォーラムの購読も受信できなくなっていて・・・ さて、どうしたものやら・・

実際の にFirefoxでアクセスしてみると、以下のような表示。  c5e4647dfbf0c780ac1dc80a47d30aaa.png

前略、danganさん 私はこの手のエラーには疎く、本事象の原因と関連があるかどうかも全くわかりませんが、WordPressのバージョンが6.0のようですので、PHPのバージョンは7.4系に切り替えた方が良いような気がします。

自分のテストしたgifアニメを眺めていたら、pc用のグローバルメニューからモバイル用のグローバル？メニューに切り替わるときに、グローバルメニューが無い画面幅域があることに気付きました。 PC用とモバイル用の両方を設定したときは、どちらかが表示されている方が良いような気もしてまいりました。 余...

@yhira さん 私もローカルのテストサイトに適用してみましたが、今回の事象に関しては上手くいっているように見えます。 ただ、まあいろいろな使い方をされているので、この影響が及ぶ範囲がいまひとつ想像がつかないところもあり・・  619ed4fad2ce152fe20c...

@osakid8 さん 出先で隙間の時間に書き込んでいます。 過去のフォーラムを見ておりますと、環境情報や、実際のURLをご提示いただくと、解決に至る場合が多く、解決に至るやりとりも少なく済む傾向があります。 そうでない場合は、解決に至るまで、多くのやりとりが必要となったり、解決...

もしかしたら、cocoon設定のヘッダータブの「高さ」については、1023px以下は「高さ（モバイル）」に切り替わるようにした方がいいのかもしれないですね？ 出先でスマホしかないので、よく確かめていませんので、間違っているかもですが、、、

@chu-ya さん 1023px以下というのは、過去にいろいろと模索した結果、そこに落ちついた経緯があったように記憶しています。

@chu-ya さん ヘッダーモバイルボタンは1023px以下で表示されるのに、ヘッダーの高さの設定が、834pxまで保持されちゃうので変な余白ができちゃうような気もします。 出先でよく調べられないので、できましたら、よろしくお願いします。

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

@omochikun さん CocoonのPC用のグローバルメニューは、画面幅が1023px以下のときは非表示になる仕様です。 ですので、画面の小さなノートパソコンやタブレットでは、PC用のグローバルメニューは非表示となり、モバイル端末用のモバイルヘッダーボタンが表示される仕様です。...

前略、osakid8さん 「広告の位置」については、よくわかりませんが、CSSが反映されない、という件については、以前あった事例としましては、CSSのコードの編集に、文字コードをUTF-8（BOM）なしで扱うことができる適切なテキストエディターを用いていなかったため、BOMなどの余分なものがコー...

@omochikun さん では、command + 「-」（マイナス）でブラウザの表示を縮小表示にすると表示されますか？

前略、omochikunさん ブラウザの表示が拡大表示になっていたりしませんか？ command + 0（ゼロ）のショートカットキーで、等倍表示にしてみるとどうでしょうか？ ブラウザの拡大・縮小・リセットはショートカットで簡単操作！（Win・Mac） 私のWi...

透過画像ですが、私は専らPhotoshopを利用していますが、他の方法でも作れそうな気もします。 資料作成に便利な「透過PNG」とは？作り方・保存方法をまとめてご紹介

@yujikoga さん 左上隅の「menu」ボタンですが、アイコンが表示されていないようなので、以下のようにするとどうでしょうか。  aadc8f8126f5135859c39bc5f2d0d5b4.png

@yujikoga さん 以下のような有用なトピックをたててくださっている方もいらっしゃいます。いろいろと参考になるかと思います。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック また、テーマ作者様のブログの以下の記事もちょっとChrom...

@yujikoga さん また、現在のロゴ画像で、画像を取り替えずに周りのグレーの部分を白くしたい、といった場合は、以下のCSSで、グレーの部分を白色にすると良いかもしれません。 .mobile-header-menu-buttons.mobile-menu-buttons > li:...

@yujikoga さん 試しに、ちょっと雑なのですが、文字を白色にして、文字以外を透明にした画像を作ってみました。 それを貼り付けてみますね。（おそらく文字は、フォーラム上では読めないと思います）  43806bdc1a492845e9ce2e652b47a327.png

@yujikoga さん 前略、横から失礼いたします。 現在、「URUTRAAUTO」のモバイル用のロゴ画像は、「JPEG」形式で作成されていらっしゃるご様子ですが、JPEG形式は、「透明」をサポートしていません。 ロゴ画像を「透明」部分を作成可能な「PNG」形式で作成し、ロゴの...

「フロントページタイプ」の機能は、サイトのトップページを手軽かつ簡単に所謂（いわゆる）「サイト型」にする機能だったような気がします。