Cocoonフォーラム

前略、リアルママブログ さん ダッシュボードの「外観」→「ウィジェット」とたどると、「フッター中」のエリアに、ウィジェットを設定されていませんか？  39aa5196f0b0f1c2920f32dc1fddb1f6.png

BizH さん あとは、以下のようなCSSのコードで、ちょっと無理やり、詰めて、表示させるということもできるかもしれません。 .fixed-header #navi .navi-in > ul > li > a { padding: 0;} でもこれだとちょっと詰まり...

前略、BizH さん サイト名が比較的長いお名前なので、ヘッダー固定を設定すると、メニューボタンが右側に押しやられてしまうようです。（メニュー名も、ちょっと長めのものもあるような気がします） ヘッダー固定にする場合は、サイト名をテキストではなく、画像にして、サイト名も２行にしてデザイ...

@baku さん そうなのですね。 そうなると、キャッシュ関係でしょうか。 キャッシュ系のプラグイン、レンタルサーバーの何らかのキャッシュ機能（もし、何らかの機能を利用している場合）、Cocoonのブラウザキャッシュ機能などを一旦停止するなどして、試してみてもいいかもしれ...

なので、もしかしたら、yamanaka さんの環境でも、同様のことが起こっているのではないかと、ちょっと気になった次第です。

ローカルサイトではなく、私のサイトに貼り付けてみても、タイトルやディスクリプションは表示されないみたいです。 CocoonのフォーラムのURLも、日本語が入っていますが、こちらは特に問題ないみたいです。 32328264d9d733484a5ccd91df4be129.pn...

@yamanaka さん また、私の勘違いかもしれないのですが、私もローカルのテストサイトで外部ブログカードでに、以前のトピックでご質問された方のURLを貼り付けていたのですが、なぜか、サイトのtitleとmeta descriptionが表示されずに、URLが表示されてしまっています。 ...

@bluewhite さん たぶん、わいひらさんから、何らかの返答があるのではないかと思います。

前略、bluewhite さん 以下の過去のトピックが参考になりそうです。 [解決済] ブログカードが表示できない件について

前略、yamanaka さん 私もあまり詳しくはないのですが、日本語のURLを設定した場合に、そのようなURLにエンコード（変換）されてしまうようです。 もしかすると、以前お使いのテンプレートでは、そのようにならないような設定になっていたのかもしれません。 ％の入った...

@saruwatari さん これは、 先に貼り付けたリンクの過去のトピックの内容と同様のことを繰り返し、書きこむことになってしまいます。 きちんと設定している、ということでしたら、あとは、こちら側でコントロールできることは何もないので、Google任せ、ということになろうかと推測し...

saruwatari さん 結論としては、以下の方法でちゃんと設定していれば、そのうち表示されるだろう、ということのようです。 サイトアイコンを設定する方法（ファビコン、アップルタッチアイコン等の設定）

前略、saruwatari さん 以下の過去のトピックが参考になりそうです。 [解決済] 【再相談】サイトのファビコン（サイトアイコン）が自分のサイトだけ表示されなくなった件

@bluewhite さん 私は、開発者ではないので、詳しいことは、わからないのですが、WordPress5.5では、エディター関連の仕様が大幅に変更になっているらしく、テーマの作者様は、それの対応に追われている状態のようです。 ブロックエディターのスタイルに影響する擬似要素の修正 ...

前略、Anonymous さん デベロッパーツールで、ちょっと試しただけなので、合っているかわかりませんが、以下のような感じでしょうか。 .eye-catch img { height: auto; -webkit-filter: none; filter: none; op...

前略、Masashi さん わいひらさんに確認しないと、正確なことはわかりませんが、「トップメニュー」の表示の場合、サブメニューがある場合は、そのような表示だったような気がします。（ご希望の表示ではないかもしれないですが） サブメニューがある場合は、「ヘッダーモバイルボタン」の方が、...

キツネ さん 以下は、参考になるかもしれない、サイトのリンクです。 【CSS】line-heightで行間を調整する方法：おすすめの値は？

前略、キツネ さん ご自身で、追加CSSに書かれた以下のCSSが、どうも気になります。 article p { margin-top: 0; margin-bottom: 0.5em; line-height: 100%; } コメントアウトして、試してみてください。

@lilya さん あ、でも、少し良くなりましたね。

@lilya さん すみません。 見出しｈ２の上や左右がちょっと窮屈なので、修正したものです。

@lilya さん 先ほどのコードで、ピリオドが抜けていました。 ? articleの前です。 以下が修正したものです。 /*ご自身で書かれているコードを修正してもOK*/.article h1 { margin: 10px 0 20px 0;} すみません。 だいた...

前略、lilya さん 「bizarre-foods-greensoba」のスキンのデザインは、アイキャッチとｈ１の見出しのデザインが、ちょっと個性的で、アイキャッチ画像がｈ1の見出しの上に表示され、アイキャッチ画像もエフェクトがかかるようになっているみたいですね。 上手くいくかどう...

前略、BAKU さん 「投稿本文下」のエリアに、カスタムHTMLのウィジェットが残っていませんか？

@yamabiki さん 原因がどこだったか、書いてくださると、他の方の参考になるようですので、よろしくお願いいたします。

前略、yamabiki さん ありがちなケースとしては、Cocoon設定の「ヘッダー」タブの設定で、「高さ（モバイル）」に数値を入れている、とか、Cocoon設定の「アピールエリア」を表示するように設定している、などがありますが、実際のページを見てみないことには、何ともわかりません。 ...

@kashiwagisan さん 前のトピックで書きこませていただいた子テーマのCSSのコードで修正しておいた方が良い箇所が３箇所ありましたが、２箇所が未修正です。 余分な文字がある、という部分は、BOMかもしれませんので、子テーマのCSSファイルを開いても、見えないかもしれません。...

@カシワギさん 以下のトピックが参考になると思います。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

@カシワギさん やっぱり、以下のCSSのコードは要らないみたいです。 削除しておいてください。 .header .header-in { min-height: auto;} あと、CSSのコードをコメントアウトするときは、 /*.header-container-in.hl...

@カシワギさん 書きこもうと思ったら、返信があったので、書き直します。

@カシワギさん 先ず、Cocoon設定の「ヘッダー」タブの設定で「ヘッダーレイアウト」を「トップメニュー小」から「トップメニュー」に変更して「変更をまとめて保存」のボタンで確定します。 次に、ご自身で追加CSSにお書きになられている以下のCSSのコードをコメントアウトするか、削除...

@ZODY さん もし、子テーマをお使いになっていらっしゃらない場合は、子テーマへの移行から、順番に作業していけば良いのではないかと思います。

前略、さわこ さん PC表示でも、スマホ表示でも、２つの画像を横にぴったりくっつけて表示させるのであれば、画像を編集して１枚の画像にしてしまうのが、一番簡単です。 また、画像はインライン要素なので、改行タグ＜br＞を入れなければ、通常は横に並ぶ性質を持っています。 fle...

@kaorishokuji-takuhai さん いえいえ、私は、そそっかしいので、フォーラムでもいつもズッコケてばかりいます。（間違いや、勘違いはしょっちゅうですし・・） 製作途中なのに、余計な事を書いてすみません。 素敵なサイトになると良いですね！

Kaori@shokuji-takuhai さん これは、まったく余計なお世話なのですが、Webサイトに、グローバルメニューが無いため、トップページから別のページに変遷したときに、元のページに戻ったり、別のページに移動したいときに、どうして良いのか、とてもわかりにくいです。 ギャラリ...

前略、 Kaori@shokuji-takuhai さん 私のパソコンで該当の画像をクリックすると、添付の画像のように表示されます。 これは、推測ですが、「低たんぱく・腎臓病」のページのURLと、 のアドレスが一致していないのではないでしょうか？ notfoun...

計算式の数字を間違えていました。 274px÷(1280px+17px)＝0.21125674633 なので、「0.211」にしました。

黒むぎ さん 背景画像を新しいものに差し替えられたのですね。 今度の背景画像のサイズは、幅1280px、高さ274px のようですので、背景画像全体を表示するには、 274px÷(1280px+17px)＝0.2125674633 となりますので、CSSのコードは、...

@yhira さん 以下のCSSは、WordpressのAdminバー（ツールバー）を表示するためのもののようですね。 html { margin-top: 32px !important;}  7eda98e11f3b26c166bbcf06d0d052a4.pn...

@yhira さん 確かにフォーラムにログインしているときだけみたいです。 プラグインのwpforoの関連でしたか・・

@saruko さん 被ってしまい、すみません。

黒むぎさん ヘッダーの背景画像の左端に、白っぽい部分があるみたいです。 これに関しましては、ご自身で画像を再編集して修正いただくしかありません。 CSSのコードの計算方法は、以下のとおりです。 背景画像の高さ÷(背景画像の幅+ブラウザの右端のスクロールバーの幅...

黒むぎさん iphoneでロゴが表示されないときは、ブラウザのキャッシュを削除してみてください。 たぶん、以前表示したときのキャッシュが残っているのだろうと推測します。 Safariのキャッシュを削除してiPhoneを身軽にしよう

黒むぎさん 画面幅を変えても、ヘッダーの背景画像のアスペクト比は変わりません。 126243375b809b9d62819d5651ccea44.gif

黒むぎさん 上の作業をすると、スマホでも、以下のように表示されるかと思います。  44b4a059b1dbe1a152786b6f4d7e059a.png

黒むぎさん 先ず、Cocoon設定の「ヘッダー」タブの設定で、高さの数値を２箇所とも消して、「変更をまとめて保存」のボタンをクリックします。 そのあと、以下のCSSのコードを、追加CSS、もしくは、子テーマのCSSファイルにコピペします。（どちらでも良いですが、追加CSSの方がわかり...

黒むぎさん この件に関しましては、Cocoon設定の「ヘッダー」タブの設定で「高さ（モバイル）」に数値を入れると出てくるかと思われますが、画面幅によっては、ワンちゃんと猫ちゃんの画像の一部が隠れてしまいます。 最近、別の方のトピックで回答するうちに、良い方法を見つけたので、それを...

前略、黒むぎさん この件につきまては、私のiphoneで拝見する限りでは、ちゃんとロゴが表示されているようです。

@カシワギさん 添付いただいた画像を拝見しますと、特に問題はないように見えます。 言語が「サイトデフォルト」になっているので、「日本語」にしておいた方が良いのかなとは思いますが、それが原因とは考えにくいですし・・ 複数の方でサイトを運営されている場合において、他のどなた...

@satsuki さん 私は、あまり詳しくは知らないのですが、Cocoonのテーマのキャッシュを消しただけでは、Googleのキャッシュは消えないのではないかと思います。 先に貼り付けた過去のトピックにも、いろいろ書いてあるとおり、AMPをやめて、Cocoonのキャッシュを消しても、...

きっと、何かテストされていらっしゃるのでしょうね。 私、個人的には、ヘッダー固定の動きが、自然でスムーズになったように思います。