Cocoonフォーラム

やなぎさん ご質問とは別ですが、以下のCSSを適用すると、ヘッダーの背景画像がどの画面幅でも、同じアスペクト比で表示されるかと思います。 #header { height: 45vw; }

@yoko51 さん なるほど、アクセス解析にご利用になっているのですね。 フォーラムへのお問い合わせで、Jetpackが原因だったことも多く、個人的に良い印象がなかったため、伺いました。 きっとyoko51さんだけではなく、他の多くの方も、その機能を重宝しているのか...

@yoko51 さん 「Jetpack」は必要性を感じないので、一度も使ったことがありません。 「Jetpack」にも独自のCSSを適用させないような設定があるような気もしますが、そこは「Jetpack」に詳しい方に回答いただいた方が良いと思います。 ところで、「JetP...

@mk2_mk2 さん Jetpackにはそのような機能があるんすね。 @yoko51 さん CDNであることと別のCSSが適用されていることは、少し違うのかもしれないですが、一旦、停止してみるとやはり、何かわかるかもしれません。

@mk2_mk2 さん 確かに、CDNっぽいURLですね。

@yoko51 さん figure要素が display: table;でないといけないのに、なぜかdisplay: block;に指定されちゃってますね。 .body .aligncenter { display: block; margin-right: auto; ...

@yoko51 さん ローカルのテストサイトで高速化設定をONにしてみたのですが、症状が再現できないでいます。 ? ということは、しばらくの間、高速化をONにしていただくのが手掛かりを掴む手段かもしれません。 わいひらさんは、だいたい19時～20時30分ぐらいにフォーラ...

前略、やなぎさん 以下のCSSを適用すると、どうでしょうか？ ちょっと、やってみないと何とも・・ @media screen and (max-width: 834px) { #navi .navi-in > .menu-mobile li { he...

@yoko51 さん 親テーマに切り替えても症状が出るということは、CSSの記述以外の可能性があるかもしれません。 時間がとれたら、もう少し調べてみます。

Yoko 51さん 表示を確認するときは、ブラウザのキャッシュを都度削除するようにしてください。

@yoko51 さん ざっと見ただけなので、見逃しているかもしれません。 インデント等の記述が揃っていないので、判読しづらいです。 親テーマに切り替えてみると、ご自身で記述した影響がないので、ご自身で記述したCSSの影響かどうかがわかるかもしれません。 また、他の原因も含めて調べる必...

@yoko51 さん ちょっと時間がとれないので、とりあえず。 115行目→全角の空白２つ 194行目→全角の空白２つ 884行目→px数値指定ない 115.png 194.png  884.png

@yoko51 さん 他にもあるのかもしれませんね。

@yoko51 さん あと、Cocoon バージョン2.3.6 では、画像ブロックを「中央寄せ」にした場合、キャプションも画像の左右幅の中央に配置されるように仕様が変わっているかと思います。（以前は、全てキャプションは画像の幅の左寄せ） 以下のトピックをお読みいただくと、経緯がわかる...

@yoko51 さん WordPress5.5辺りから画像の遅延読み込み機能がWordPressに組み込まれたので、プラグイン（JetpackやEWWW Image Optimizeなど）の lazy load(画像の遅延読み込み)機能 は、OFFにしておいた方が無難かと思います。 あと、プ...

前略、Yoko51さん とりあえず、プラグインのGutenbergは停止することをオススメします。 いま出先なので詳しくみれませんが、高速化設定をoff にすると改善するというのは、ご自身で記述したコードのどこかに不備がある場合が多いです。 css の括弧が足りないなどが...

前略、はなぶささん 私もFontawesomeは、よくわからないのですが、以下のようにしたら、表示されるっぽいです。 HTML <h2 class="pen-aikon">新着記事</h2> CSS h2.pen-aikon::before { ...

前略、saihousha さん プラグインを全部停止して、キャッシュをクリアして表示を確認してみる、というのはもう試してみましたか？ 以下のツールを利用しても良いのかもしれません。 WordPressのトラブルシューティングを劇的に楽にする「Health Check ＆ Trou...

miyoshiさん WindowsのPCのインテルのCPUでしたら、Corei5以上のものをオススメします。 ストレージは、今からの購入でしたら、SSD一択です。256GBでもいいのですが、500GBぐらいあった方が良いかもしれません（HDDのPCより起動が速いですし、動作も早いです...

前略、miyoshiさん 自動翻訳すると、「証明書の権限が無効」ということのようです。 Google Chrome のキャッシュを削除するとどうでしょうか？

前略、さとしさん ウィジェットエリアの「サイドバースクロール追従」を開くと、中にありませんか？  c0ce9616cd24a7e210cb0189cb92f031.png

「上寄り」の上側のマージンはマイナスになっているんですね。 実際に使ったことがないので、理解するのに手間取りました。 お二方の画像は、Cocoonブロックのマニュアルページで使えそうですね。

@yhira さん ああ、マージンが違うんですね。 「上寄り」は下側のマージンが多く、「下寄り」は下側のマージンが少ないんですね。 ? やっとわかりました・・  7e315116af6dbe55cd3d15352feba9c5.gif

@yhira さん すみません。「マイクロコピー」ブロックのオプションの「上寄り」と「下寄り」って何が違うのでしょうか？ あまり使ったことがないので、よくわからないのですが、テストサイトで試してみても、違いがわからなかったです。 ?  a446c749613d...

@shun00 さん 私もクラッシックエディターをプラグインは使用せずに、Cocoon設定の切り替え機能で利用していますが、エラーは発生していません。 私のテストサイトでも、エラーは見られませんでした。 エラー内容で検索するとネット上では、「functions.php」で...

片野糸さん Cocoonのヘッダーは、背景画像とロゴ画像の2枚の画像を使えるので、いろいろと工夫してみてください。 Ikumiさんのサイトが、参考になるかもしれません。 Ikumi's blog study notes

moanさん はるさん ｍｋ２さん 意外なプラグインが関わっていたのですね。

moanさん テーマをTwenty Twenty Oneにしたら、同じ、エイチttps://mona.click/author/mona/ のページに投稿者名は表示されるのでしょうか。  b730a56369782e8350ce61fb30885d3f.png

前略、moanさん 私も、ありきたりの書き込みになってしまいますが、とりあえず、プラグインの影響を受けない環境で、何か変化があるかどうか確かめる、ぐらいでしょうか。 はるさんが教えてくださった以下のツールを使うか、実際にプラグインを停止してみるか・・ WordPressの...

前略、moanさん フォーラムの案内にありますとおり、環境情報を貼り付けていただくよ良いような気がします。 環境情報の取得方法はこちら。→/p>

カップンバさん サイト最下部のフッターのロゴは、Cocoon設定の「フッター」タブの設定で、「フッター表示タイプ」を「ロゴ＆メニュー＆クレジット」にすると表示され、それ以外にすると非表示になるかと思います。

前略、カップンバさん どういう訳か、フォーラムへのお問い合わせで、追加CSSに、ヘッダーロゴを非表示にするCSSを書いている方が多く見受けられます。 YouTubeか何かで説明されている動画等でもあるのでしょうか？ 前置きが余計でしたが、追加CSSにご自身で記述した以下の...

ゆうみさん ConoHaからインストールしたテーマの問題が解決したら、以下のコードを子テーマの追加CSSかstyle.cssにコピペすると、ヘッダー画像がどの画面幅でも同じアスペクト比で表示されるかと思います。 #header { height: 18.5vw; }

はなぶささん こっちの方が無難かも・・ div.sharedaddy.jetpack-likes-widget-wrapper h3.sd-title::before { content: "\f00c"; display: inline-block; widt...

ゆうみさん 「Twenty Twenty One」でなく「Twenty Nineteen」でも、問題ないと思います。 どちらも、WordPress.orgの公式テーマなので。

ゆうみさん 実を申しますと、2.3.5.1の親テーマは使えそうなのですが、一旦、Twenty Twenty Oneに切り替えて、Cocoonの親テーマ全部と、子テーマを削除する方法をお伝えしています。 まだ、「新しい方だけを残す」という方法の前例がないもので・・ 少し...

はなぶささん Jetpackのいいねボタンを使いたい、のですね。 Jetpackのデザインとスキンのデザインが衝突してしまっているので、以下のコードで、Jetpackの方を上書きすると、スキンのデザインになるかもしれません。 div.sharedaddy h3.sd-title:...

はなぶささん 「Autoptimize」の代わりとして、Cocoonの高速化機能を利用すると良いかもしれません。 Cocoonおすすめのサイト高速化設定

前略、はなぶささん あまり詳しく調べていないのですが、Jetpack独自のウィジェットか何かを設定されていませんんか？ Jetpackを一旦、停止して、ブラウザのキャッシュを削除して表示を確認してみると何かわかるかもしれません。 あと、プラグインの「Autoptimize...

@mk2_mk2 さん id=containerの divタグの閉じタグは、どうもあるみたいです。  93c2c3377dcb97c9c00f2bb9d6513ac3.png

Akiraさん ゆういっちゃんさん @mk2_mk2 さん footerタグの開始タグが出力されない原因は、よくわかりませんが、一般的な切り分け方法としては、やっぱり、プラグインを全て停止してみるというのは、一度、試してみてもいいのかなという気がします。 ｍｋ２さん あ、...

@akira さん ゆういっちゃんさん articleの中のfooterタグと間違っていたようです。 もう少し探ってみないとですね。

@shun00 さん 逆に、日本語環境でWordPressを利用するときは、プラグインの「WP Multibyte Patch」のインストールは必須だそうです。 インストールしておくことをオススメします。

@shun00 さん あと、Cocoonでは、プラグインの「Classic Editor」は不要です。 Cocoon設定の「エディター」タブのところの、「Gutenbergエディターを有効にする」のチェックを外して、「変更をまとめて保存」のボタンをクリックして確定すると、クラシックエディター...

@shun00 さん Google Chromeのキャッシュを削除してみてください。 やり方がわからないときは、「Google Chrome　キャッシュ削除」で検索して調べてみてください。

片野糸さん ヘッダーロゴ画像を設定する場合は、「ヘッダー背景画像」のところではなく、「ヘッダーロゴ」の方に画像を設定してください。 もし、「ヘッダー背景画像」の方に設定する場合は、「髙さ」と「高さ（モバイル）」の数値を適宜入力して設定してください。 もちろん、「ヘッダー背...

片野糸さん あと、フォーラムへの画像の添付は、jpgかpng形式の画像にしてください。

前略、片野糸さん フォーラム冒頭の案内にありますとおり、サイトのURLをご提示いただくと良いかと思います。 その際、Cocoonの高速化設定は無効にしてください。 高速化設定を無効にするにはこちら。→  3b1534797f95d48d29b3710ea5...

おーさんさん あと、Akiraさんが書いているのは、「IPアクセス制限」のタブの「海外アクセス制限」の設定の事だと思います。 そちらも、確認してみてください。 あら？

おーさんさん アナリティクスもCocoonではプラグインを使わずに設定できるかと思います。 サーチコンソールやGoogleに登録されない問題が解決するまでは、Cocoonの標準の機能を使って設定した方が良いかもしれません。 Cocoonのマニュアルページの内容は、少し古い...