Cocoonフォーラム

Ykk さん もし、もうミックスブルーは、使わないけれど、サイドバーのh3のデザインは以前と同じにしたい、ということでしたら、ミックスブルーのh3のデザインのCSSを参照して、ご自身で工夫して新たにコードを設定する必要があります。

前略、Ykk さん おそらく、それは、スキンを「なし」に変更したからだと思われます。 以前は、確か ミックスブルー をお使いでしたよね？ [解決済] ウィジットの色を変更したい スキンをミックスブルーにすれば、出てくるような気がしますが・・

@mastoro5 さん 使ったことがないので、正確なことはわかりませんが、プランの比較のページを見ると、テーマのアップロードが可能にはなっているようですね。 プランを比較する

@mastoro5 さん WordPressと一口に言っても、実は２種類あります。 ひとつは、mastoro5 さんがご利用されていらっしゃる「WordPress.com」です。 もうひとつは、このフォーラムでも活発にやり取りがなされている「WordPress.org」で...

@mikta さん はるさんのおっしゃるように、キャッシュ関連じゃないでしょうか？ソースコード拝見すると、最終行に以下の記載があるみたいです。<!-- WP Fastest Cache file was created in 0.094023942947388 seconds, on 16...

@momochan さん テスト用のサイトがあれば、練習できますね。 画像ウィジェットのIDを調べるには、画像を右クリックしてChromeなら、検証を選択すればデベロッパーツールが開くので、簡単です。 HTMLのタグの中に id="hogehoge" となっていたら、CS...

@momochan さん あまり無責任なことは書けないのですが、スマホ用の画像ウィジェットの下に入れてみてもいいかもしれません。 もし仮に、どこか崩れたら、追加した画像ウィジェットを削除すれば、元に戻るような気がします。

@momochan さん 車の画像は要らないのですか？ 画像ウィジェットは３つでもイケそうですけど・・・

@momochan　さん 今一度、誤字脱字チェックをお願い致します。

@momochan さん できたっぽいですけど、私の作った画像は適当なので、どこか間違っているかもしれないので、お気をつけください。 ?

@momochanテスト用に作ったスマホ用の画像のサイズは、480px × 200px です。  momo-02.png

@momochan さん 注意点としては、画像ウィジェットを一旦、削除して、再びセットし直したときは、画像ウィジェットのID番号が都度変わってしまうと思われるので、その場合は、また、デベロッパーツールでIDを調べて、CSSのコードを修正する必要があろうかと思われます。

@makky さん 修正されたサイトを拝見しました。 読みやすくなりましたね。

前略、@momochan さん 安直なやり方ですが、試しにローカルのテストサイトでやってみました。 ・コンテンツ上部に画像ウィジェットを2つ（PC用とスマホ用）を入れ、それぞれの画像をセットする ・子テーマのCSSファイルに以下のコードを追記する（画像ウィジェットのIDは、デベロ...

@makky さん ご提示いただいたサイトを拝見しましたが、@makky さんのサイトよりずっとカラム幅が狭いようです。 先ず、基本的なことになってしまうのですが、ご自身のWebサイトを表示するときに、ブラウザを等倍で表示していらっしゃいますでしょうか？ ブラウザでの表示...

前略、マエさん さん 投稿画面で「ページタイプ」を「デフォルト」にすると、どうなりますでしょうか？  cdcc6928395ba2d4851ea562c6e5dfce.png

前略、makky さん サイトを拝見いたしますと、私のサイトより、コンテンツ幅は、かなり広いように感じます。 この「ほかの方のように」という見本を、いくつか例示いただくと、ご質問の主旨が伝わり易くなるのかもしれません。

前略、TATSUYA さん 試しに、私のiphoneのお気に入りに入れてみたら、ちゃんとラーメンのアイコンになるようです。 PCのブラウザのタブにもラーメンのアイコンが表示されています。 ipadのキャッシュがまだ残っているのかもしれません。（じゃあ、どうやって消したら良...

@かとさん 「active」は、ほんの一瞬なので、視覚効果という点では、あまり役に立たないのかもしれません。

かとさん さん あるいは ですが・・ 私も実際やったことがないのですが、 .mobile-menu-buttons .menu-button:hover{ background-color: transparent; color:#ffff00;} これを以下のようにすると、 ...

前略、かとさん さん .mobile-menu-buttons .menu-button:hover{ background-color: transparent; color:#ffff00;} の background-color: transparent; をコメントアウト...

@momochan さん 代替値を指定する方法は、どうも効果がないみたいですね。 草村さんが、何か探っていらっしゃるようですので、そちらを見守りたいと思います。

@momochan さん 私はJavaScriptでの方法はよくわからないので、CSSで何とかなるものなら、試してみたい、というスタンスです。 スクロール時に全部隠れない、ということはあるみたいですが、とりあえず、ボタンが押せるようにならないかと・・

@Makoto7 さん AMPを有効にしていない、ということでしたら、別の原因になるかと推測します。 URLをご提示いただくと、詳しい方が何か書きこんでくださるかもしれません。

CSSで、 env(safe-area-inset-bottom) を、margin-bottom で指定すると、モバイルボタンの下に隙間ができてしまうものの、位置が変わることはわかったと思うのですが、padding-bottom で代替値を指定した方法は、まだ、試していなかったような気がします。 ...

前略、Makoto7 さん 私は、あまり詳しくないのですが、フォーラムの過去のトピックを検索したら、似たようなものがありました。 Google Search Consoleエラー（項目「url」がありません） トピ主さんが、最後は返信くださっていないので、結果がわかりませんが・・...

前略、tirol さん 以下のコードを試してみてください。 .widget h3::before { content: none;}

WP初心者 さん あとは、サーバーのWAF機能で、はじかれているとか・・

前略、WP初心者 さん コードは、合っているようですが、エラーになって保存できない、という場合は何かしらの問題がある可能性もゼロではないような気もします。 フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報...

前略、@無能者 さん 理由はちょっとわからないのですが、ソースコードを拝見しますと、headタグ内に以下CSSのコードが出力されていて、アイキャッチ画像を非表示にしているようです。 .has-post-thumbnail img.wp-post-image,.attachment-twent...

@aichm さん わいひらさんがロゴ画像が潰れないような仕様にしてくださったみたいなので、そちらをご利用なさってください。 お急ぎでなければ、次のアップデートまで待てば、この内容も含まれると思います。

@hanana-man さん アピールエリアの「メッセージ」や「ボタンメッセージ」を利用する場合は、Cocoonのデフォルトのデザインを使った方が、スマホでも文字が読めますし、アピールエリアとしての機能が有効になるかと思います。 ただ、背景画像と中央のタイトル文字だけを使いたい、とい...

@hanana-man さん アピールエリアの「メッセージ」や「ボタンメッセージ」は設定（使わず）せずに、「タイトル」だけを設定した場合を想定して、CSSのコードを書いてみました。 背景画像のアスペクト比は、hanana-manさんの設定したものをそのまま使っています。 #app...

@汐先 さん ウィジェットエリアって、閉じてしまうと、中になにか設定してあっても、わからないんですよね。 私も同じような経験があったので、たまたま気づいただけです。

@hanana-man私もまだ、ここと、ここを直せば、上手くいく、というところまで、やっていないので、やってみないとわからないのですが、アピールエリアの構造からすると、デフォルトのCSSをあちこち、細かく上書きしないとできないような気がします。また、IEなどのレガシーブラウザでも、上手く表示されるか...

@aichmさん いま、出先でスマホからなので、雑な回答になってしまいますが始めの方で、試しに書いたコードがあるかとおもいます。 そちらを一度試してみてください。

背景画像の縦横比を保つように設定すると、アピールエリアの中身が、はみ出してしまうと思われます。 なので、その部分のカスタマイズが要ると思います。

前略、Hanana-man さん 子テーマに追記したコードを拝見したところ、余分な文字列が入ってしまっているようです。（見えていない文字かもしれません） #appeal {ﾂ� ﾂ�height: calc(100vw * 0.32);} ただ、幸いなことに？このコードが有効になってい...

以下のような感じです。  f1b39c0ee58b2226b8f9f7bd37b98472.gif

@aichm さん 以下のCSSのコードを子テーマのCSSに追記したら、それっぽい表示になりました。 .content-in { align-items: flex-start;} ただし、Googleアドセンスの広告をサイドバーに設定された場合は、上記のコードは効かないかもしれま...

@nigelle1221 さん あと、まだ、子テーマを導入されていらしゃらないようですので、参考リンクを貼ってみます。 Cocoonテーマをインストールする方法 [解決済] 親テーマと子テーマについてです。 お時間のあるときに、やってみてください。

@nigelle1221 さん ちょっと、コードを変えてみました。 先ほどのコードと差し替えてみてください。 /*インプレッション計測用の画像への「画像の囲み効果」を無効にする*/.amazon-item-box img,.cstmreba img { border: none;}

@nigelle1221 さん 先ほどのコードを再チェックしています。

@nigelle1221 さん もう一度、画像の囲み効果を適用してみてください。

@nigelle1221 さん 私の環境で見ると、ちゃんと消えていますよ。 ブラウザをF5キーなどで再読み込みしてみてください。

@nigelle1221 さん はい、それで大丈夫です。

@nigelle1221 さん 応急的なものですが、以下のCSSのコードを書いてみました。 /*インプレッション計測用の画像への「画像の囲み効果」を無効にする*/.amazon-item-box .iwe-border-bold img,.amazon-item-box .iwe-borde...

@nigelle1221 さん 画像の囲み効果を利用されていらっしゃるようで、それが、おそらく、ASPのインプレッション計測用の１ピクセルの画像にも適用されてしまっているみたいです。 インプレッション計測用と思われるので、display:none; 等で消さない方が良いと思いますので...

前略、ニゼル さん 消すことはできそうですが、どのような理由で表示されているか、ちょっとわからないので、高速化設定を無効にしていただけますでしょうか。 もしかしたら、環境情報も伺うかもしれません。

@redpinkblue さん カラム幅を変えたときは、サムネイル画像の再生成を行った方が良いのかもしれません。 ただ、順序として、カラム幅の数値をちゃんと決めてから、行った方が良いと思います。（デフォルトで良いならすぐにやってみてもいいかもですが・・） テーマが利用して...