Cocoonフォーラム

@mk2_mk2 さん なるほどです。 それで、「通常ブロックに変換」という訳ですね。（今更納得。）

@mk2_mk2 さん　きりみさん 再利用ブロックは、他記事にシンクロするって、知りませんでした。 どれだけ、ブロックエディター使っていないか、ってことですね・・ ?

@mk2_mk2 さん そうだったのですね。 Cocoonでもできるみたいです。  97f3b0027a0abbbe83df0a8c3b2dca94.png

前略、きりみさん 試しに私もやってみたのですが、「現在のブロックに変換」という項目は出てこないみたいです。 もっとも、私もブロックエディターは、あまり使っていないので、詳しくありません。 この「他のブログ」って、どのブログでしょうか？ 私もそのブログを見て...

mami1977さん mk2さんがご案内くださったようにCocoonの親テーマを最新バージョンにアップデートすることをおススメします。 最新バージョンでは、プラグインの「Classic Widgets」を使わなくてもクラッシックウィジェット表示になるかと思います。プラグインは不要とな...

mami1977さん おそらく、Cocoon設定の「全体」タブの設定で「サイトキーテキストカラー」が白色#ffffffに設定されているのではないかと推測します。 クリアボタンでクリアして「変更をまとめて保存」で確定すると、クリアできるかと思います。 331ced7c...

@mk2_mk2 さん 若干被りました。

mami1977さん すみません。h3はどのページに使われていますか？ ちょっと見つけられていません。

mami1977さん これは、Cocoonのモバイル用のグローバルメニューの仕様です。 ドロップダウンメニューが表示されてしまうと、狭いモバイル用の画面では邪魔になるからだと推測します。 以下のマニュアルページにも、ドロップダウンメニューは表示されない旨の記載があります。 ...

前略、mami1977さん これは、Cocoon設定の「モバイル」タブの設定で「モバイルボタン時コンテンツ下のサイドバーを表示」にチェックを入れていらっしゃるので、モバイル表示では、記事の下の方、フッターの上に表示されているようです。 モバイル表示でもスライドインでサイドバーを表...

前略、kotarouさん もしかしたら、以下のトピックが参考になるかもしれません。 [解決済] 記事本文の画像を横並びにしたい

@2510mama さん 私もAkiraさんと同様の感想を持ちました。 少なくとも、2021年10月23日 15:59までは、「エイチttps://2510world.com/how-to-juniornisa/amp/」というURLで記事が閲覧できていたようです。 やは...

@2510mama さん 「Google Search Console」でエラーは表示されていますか？と質問しようかと思ったのですが、もしかしたら、そもそも、「Google Search Console」に登録をしていないのでは？という疑問がわいてきました。 もし、「Google S...

@2510mama さん 今アドセンス審査中なので、ampを利用したくないのですが、 アドセンス審査時にAMPページがある場合、ない場合、どのような影響があるのか全くわかりませんが、何だか不思議な理由だなと思いました。 AMPの仕様はWeb関連の技術的な事柄に精通している...

2510mamaさん また、以下のような事情もあるようです。 Googleの「AMP優遇」がまもなく終了 GoogleがAMPの優遇を終了。AMP対応は今後どうするべき？

前略、2510mamaさん CocoonのAMP機能で生成されるAMPページのURLの末尾部分は、「?amp=1」だったと思います。 「検索上位にくる記事を開くと」とありますが、どこでどのようにURLを調べたのかわかりませんが、何かしらの誤解があったりしませんでしょうか？ ...

@yuumi さん だんだんカタチになってきましたね。 「歴10年目～」辺りの文字を読み易くするのであれば、画像の作り込みを工夫すれば良いかもしれません。 この辺りで失礼します。  3765750ae2406a31571310c3383738ce.png

@yuumi さん フォーラムに貼り付けた画像をコピーしても使えるかと思います。 お好みで選んでください。 ※あ、でも文字が若干細くなったりしちゃいますね・・

@yuumi さん もっといくと・・  sweet-gift-rogo04.png

@yuumi さん 上の画像より、更に中身の絵を小さくすると・・  sweet-gift-rogo03.png

PC表示、モバイル表示とも同じ割合の余白を入れる場合は、ロゴ画像のサイズは変更せずに画像そのものを加工して余白を増やした方が良いと思います。 例えば以下のようなイメージです。 sweet-gift-rogo02.png

@yuumi さん 修正後の画像があると、他の方の参考になるかもしれないので・・  fbe26068460d232ea55ec599a7e057fb.png

@yuumi さん ヘッダーレイアウトは「トップメニュー」ではなく、「トップメニュー（右寄せ）」の場合でも同じCSSのコードでイケそうです。 ロゴ画像の右側の余白を大きくしてしまうと、タブレットなどの端末幅のとき、ロゴ画像の横幅が広すぎてバランスがとれないかと思います。 ...

@yuumi さん 私のテスト環境ではこんな感じになりました。  d4f0453d396e62a0547d58fac992c4e9.gif

@yuumi さん Cocoon設定の「ヘッダー」タブの設定で、「ヘッダーレイアウト」を「トップメニュー」にして「高さ」と「高さ（モバイル）」の数値は消してくさい。 私は「グローバルメニュー幅」はデフォルトの176pxで試してみました。 次に以下のCSSのコードを追加CS...

@yuumi さん 先ず、追加CSSにお書きになっている以下のコードを削除してください。 #header { height: 18.5vw; } 次にロゴ画像の右側の余白が大きすぎるので、画像の右側の余白部分を適当にトリミングしてください。（私は高さ200×幅652pxで試して...

miwazさん 私は、プラグインの「Site Kit by Google」は使ったことがないので、よくわかりませんが、もしアドセンスとの紐づけだけをOFFにする機能があるようなら、アドセンスとの紐づけだけをなくせば良いのかもしれません。 その辺りは ご自身で調べてみてください。

前略、miwazさん 私はあまり詳しくないのですが、プラグインの「Site Kit by Google」を有効化していらっしゃるようなので、プラグインの「Site Kit by Google」を「停止」して確認してみてもいいのかなと思いました。（Site Kit by Googleで広告の配置等...

前略、sabotenさん CSSでもイケるかもです。 .widget_recommended_cards h2 { display: flex; align-items: center; justify-content: center; font-si...

@slink_port さん 以下、参考ページです。 :hover擬似クラス HTMLのリンク aタグの書き方を初心者向けに解説3.カーソルをのせたときのデザインを変える（a:hover） WordPressテーマのCSSカスタマイズ向けChrom...

yuumiさん Cocoonのヘッダーは、「背景画像」と「ロゴ画像」の２枚の画像を組み合わせて表示できるような仕様になっています。 「背景画像」の上に「ロゴ画像」を重ねて上から見るイメージです。 このCocoonのサイトのヘッダーも鉛筆を持った手の背景画像と「Cocoon...

yuumiさん ヘッダーロゴ画像やヘッダー背景画像を設定するときは、Cocoon設定の「ヘッダー」タブで設定します。 870c593855ea26dda3683d6349232df3.png  fe62b0d4b8674bd82741a41070b8779d.png

前略、yuumiさん 追加CSSの32行目辺りに、ご自身でお書きになっている、以下のコードが原因です。 .logo-header{ display: none; } 削除すると表示されるかと思います。  8c1cdfd91f01267e738cc64e...

@johojoho さん ２つのコードのコメントアウトで改善した、ということでしたら、おそらくそのコードが原因だったのではないかと思います。 書いた時点の目的はよくわかりませんが、削除してしまって良いと思います。

前略、slink_portさん Cocoonのデフォルトの初期値のままでしたら、マウスを乗せる前のメニューのボタンの色は、白色かと思います。 ですので、マウスを乗せたときも、白色を指定すれば、なにも変化がない表示になるかと思います。 .navi-in a:hover { ...

以下のようにすればOKです。 /* .search-box { display: none; } */

@johojoho さん あと、同じく子テーマのCSSファイルの648行目辺りにお書きになっている、 .search-box { display: none; } もコメントアウトしてみてください。

コメントアウトは、以下のようにすればよいかと思います。 /* .display-none { display: none !important; } */

@johojoho さん 子テーマのCSSの527行目辺りにお書きになっている、 .display-none { display: none !important; } をコメントアウトすると、何か変わりますでしょうか？

前略、johojohoさん プラグインの「Autoptimize」は、このフォーラムでも過去の書き込みから、Cocoonと併用すると不具合が出ることがわかっています。 Cocoonを使い続けるのでしたら、「Autoptimize」に関しては、「無効化」ではなく「削除」した方が無難かも...

@puppy さん 私は一度も利用したことがないですが、Cocoonにも似たような機能があるような・・ タイムラインショートコードの利用方法

@katanoito さん 階層化したカテゴリーとグローバルメニューの実際の表示  eed93f9dc624a2b00055474f6f77f8b2.gif

@katanoito さん グローバルメニューの階層化  e6c145eb40155ab77ae6b01526fef36f.gif

@katanoito さん カテゴリーの階層化  1f99aafe3d499ca7d493918dfd70bab1.gif

katanoitoさん まだ移動中なので、雑な書き込みになってしまいますが、そう言えば、グローバルメニューを作成するときも、カテゴリーを階層化しなくてはいけなかったかもしれません。 思い出しながらなので、いい加減ですみません。

@katanoito さん 出先なので、また、簡単になってしいまいますが、作業のポイントは２つかと思います。 １）先ず、カテゴリーを階層化する。（複数あるカテゴリーの親子関係を決める） ２）階層化したカテゴリーを、グローバルメニューに設定する。 落ち着いて取り組めばできると思います。

前略、Hisashiさん Cocoon設定の「本文」タブの設定で「横幅の広いテーブルは横スクロール」にチェックを入れていらっしゃるようなので、全ての端末で上手く表示されるかどうか、わかりませんが、以下のCSSを追加CSSか子テーマのCSSか編集ページのカスタムCSS辺りにコピペすると、それっぽく...

dagashiya-yumehakuさん 以下のツールはとても便利なので、私もときどき利用させていただいています。 アスペクト比計算ツール（縦横比/16:9/4:3/3:2/2:1/黄金比）

katanoitoさん また、グローバルメニューを「ホーム」「健康」「育児」「アウトドア」「お問い合わせ」の５つに絞り、カテゴリーは「健康」「育児」「アウトドア」の３つに絞って、細かい区分けは、「セルフケア」「釣り」「川遊び」「キャンプ」などの名前で タグ を付けていくという分類方法もあります。...

前略、dagashiya-yumehakuさん 「アイキャッチ画像」ではなくて、「サムネイル画像」のことですね。 出先なので、簡単にですが、画像のアスペクト比を考慮していないからではないかと推測します。 Cocoonのデフォルトのサムネイル画像のアスペクトは、9：16　だ...