Cocoonフォーラム

このカスタマイズのやり方にには、補足事項（注意事項）があります。 ann さんが別トピックを立ててくださいましたので、そちらのリンクを以下に貼っておきます。 [解決済] cssの#navi_entries-4について

@idolsato さん ブラウザのアドレスバーを拝見する限りでは、SSL化がなされている状態を示しているようです。 前述しましたとおり、私はそれほど詳しくないので、気になるようでしたら、別トピックで尋ねてみてもいいかもしれませんね。  b24cfb02d0d2...

@idolsato さん ヘッダーの背景画像を再アップロードしたもので再設定された事で、完全SSL化になっているみたいです。 私は、それほど詳しくないのですが、簡単に書けば、閲覧される方が、安全にそのサイトを利用することができる、ということのようです。 その他に、Go...

@yhira さん なぜIEだけ横のマージンの値が、本体の高さに影響してしまうのかは、謎ですが、実際、影響してしまうようです。 今回の修正で完全に改善されたのかと思いきや、左端と右端は、やはり画面幅を小さくしたときに高さが、微妙に小さくなっているようです。 IEだけの...

ローカルサイトのアドレスをIE11のローカルイントラネットに登録すると、見れるようになるかと思います。  1f022b284c1561036587586f8f170f4b.jpg

ローカルのテストサイトで、サイドバーのサムネイルを正方形にしてみました。 以下のマニュアルページに書かれている方法で試してみました。 Cocoon各部分のサムネイルサイズを変更するカスタマイズサンプル集 ただし、この方法は、子テーマの「functions.php」ファイル...

Internet Explorer 11 は、object-fit プロパティはサポートしていないようですので、別途対策が必要になってくるかと思われます。

@yhira さん と、思ったのですが、IEで画面幅をやや狭くしたときに、右端のカードだけ、少し小さくなってしまうみたいです。 他のブラウザは、問題ないかと思うのですが・・ b0cc06722529e213de1469cfa5af7b12.png &nb...

@yhira さん 早速、ダウンロードして試してみたところ、問題なく表示されています。 お忙しいところ、早々のご対応、ありがとうございます。

@ann さん トピックを立てていただいたおかげで、補足事項が書きこめました。 ありがとうございます。

@idolsato さん ヘッダー背景画像のURLがhttpのままのようです。  42a892bb6aee7dc02b0febc6addce72f.png

@ann さん おそらく、そうだと思います。 ですね。 テキストエディターを適正に設定して、ケアレスミスのないように、やってみてください。（といいつつ私もミスばかりですけど・・）

@idolsato さん ヘッダーの背景画像は、Cocoon設定の「ヘッダー」タブの「ヘッダー背景画像」のところで、再設定できるかと思います。  867a474da8c95a40cd56c2ade43bb394.png

@idolsato さん はい、そうです。 背景画像を一旦、クリアして、再アップロードした方を再度設定してみてください。 画像のURLを確認しながら設定すると良いと思います。（httpsで始まっている方です。）

@idolsato さん サイトの完全SSL化については、よろしければ別トピックを立ててください。 わいひらさんはじめ、詳しい方が、アドバイスくださるかもしれません。 特に Conoha を使った事がある方の方がよくわかるかもしれません。（私は、Conohaは使ったことが...

@idolsato さん ヘッダーの背景画像も再アップロードしたもので、再設定してみてください。

@idolsato さん 「趣味」のカテゴリーは上手くいっているように見えるのですが・・ なにか問題がありますでしょうか？  390c955c9b0a66ba29fe731d1edd1025.png

@idolsato さん ヘッダーの背景画像も、アップロードし直して、再設定してみてください。

@idolsato さん 私はSSL化はあまり詳しくないのですが、ブラウザのアドレスバーの表示を見ると、SSL化は完了していないようです。 とりあず、画像をアップロードし直すなどして、画像のURLが、httpsで始まるように設定してみてください。

@idolsato さん サイトアドレスを、httpsにすると、どうでしょうか？  150e8d7ea5fda51771861961db9a64b6.png

@idolsato さん その画像が設定できないカテゴリーに記事はありますか？ もしかしたら、１記事もないカテゴリーには、設定できないのかもしれません。（確かなことは私もわかりませんが）

@ann さん 以下のトピックにはHTMLやCSSの初心者向けの情報のリンクがたくさん貼ってありますので、参考になさってください。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

@idolsato さん あと、ホームのURLがhttpのままです。 サイトのSSL化が、完了していないのでは？

@idolsato さん オススメカードの「趣味」のリンク先が投稿ページの「旅行」になっていますね。 オススメカードのリンクの設定が間違っているようです。 オススメカードのメニュー設定をもう一度確認してみてください。

@idolsato さん それは、ちょっと困りましたね。 解決の糸口になるかどうかは、わかりませんが、環境情報を貼っていただくと、詳しい方が、何か気づくかもしれません。（気づかないかもしれませんけども・・） 別の画像だと、どうでしょうか？

@ann さん このような親子関係のCSSのセレクタは、「子孫セレクタ」と呼ばれています。 記述するときは、それぞれのセレクタを半角スペースで区切って記述します。 それに対して、「複数セレクタ」という書き方もあり、こちらは、半角スペースを空けずにつなげて書きます。...

@ann さん デフォルトのナビカードの並びは１列です。 なので、２列になっている方がおかしいのです。

@ann さん 今は、サイドバーのナビカードは設定されていないような気がするのですが・・ たぶん、わいひらさんが前のトピックにリンクを貼ってくださるのではないかと思います。

前略、idolsato さん 私もテストサイトで試してみたのですが、１回目は、更新ボタンをクリックしても保存されなかったので、カテゴリタイトルや説明文を入力して、再度試してみたら、保存されました。 上手くいくかどうかは、わかりませんが、ちょっと、今一度試してみてください。

@ann さん idセレクタは、そのWebページの中にひとつだけ設定されるセレクタです。 それに対して、classセレクタは、同じWebページに何度でも使うことができるため、複数箇所に使われることが多いです。 これは、「CSS idセレクタ classセレクタ」等のキーワ...

@ann さん それなら、良かったです。 おそらく、ウィジェットを設定したときに、そのうウィジェットに固有のIDが割り振られるのではないかと思います。（この辺りのことは、わいひらさんに確認しないと、私はよくわからないのですが・・） 実は、前のトピックで、補足事項として、書...

前略、ann さん その後、「ナビカード」ウィジェットを一旦、削除して、再度設定されたりしていませんか？

@go-home さん 自分のブログでは、旧エディターで、ローカルのテスト環境では、ブロックエディターで・・ やること矛盾だらけ・・ でも、フォーラムで回答していたら、ブロックエディターにも慣れてきた？みたいです。 ? ちょうど、練習になっているのかも・・

go-home さん 最近、WordPressの表の線の色が薄くなってしまったので・・ 以下のようなCSSで補っていますが・・ /*デフォルトのテーブルの線の色が薄いので少し濃くする*/table th, table td { border-color: #ccc;}

go-home さん  2270633ffe171bddc7f8eecbfd527f1d.gif

前略、go-home さん ブロックエディターで、「トグル」プロックの中に「表」のブロックを入れたら普通にできたのですが・・  8d7e0172c05f974a5dab280c8964458e.gif

@yhira さん あまり詳しくテストした訳ではないのですが、 .recommended.rcs-card-margin a { margin: 1em; margin-right: 0;} というのは、やめて、 「余白を有効にする」のときのCSSの指定は、PC表示のときも...

@tanakama さん やはり、そうでしたか。 私は、もうAMPをやめてから１年以上経ってしまったので、よく覚えていません。 「.htaccess」の編集は初めて、という方にとっては、リダイレクト設定だけでも、難しいとお感じになるだろうし、記述を間違えるリスクもあり...

@ponpon178 さん ググったら、以下のような記事もありました。 CocoonでAMPをやめた方法【初心者向けにわかりやすく解説】 私は経験がないので、記事の内容については、よくわかりません。 ご自身でいろいろ、調べてみてください。

@ponpon178 さん 私もAMPのキャッシュの削除について、以下のページを読んでみたのですが、具体的に何をどうすれば良いのかわからなかったです。 AMP コンテンツを更新する AMPの仕様は、一般人には理解が難しい部分が多いので、もっと難易度を下げて、多くの人々がシ...

@ponpon178 さん そうでしたか。 それであれば、あとは、Googleのページの案内にあるように、しばらくの間は、AMPページから、非AMPページへリダイレクトするようにサーバー側で設定する等の方法が必要なのかもしれません。 私は「.htaccsess」でのリダイレクト方...

@yhira さん 次のWordPressのアップデートへのご対応で、お忙しいところ恐縮です。 早速、新しいファイルをダウンロードして試してみました。 スマホ表示のときは、「余白を有効にする」にチェックをいれても綺麗に揃うようになったのですが、PC表示のときは、右側のマー...

@ponpon1783 さん それは、申し訳ありません。 案内が間違っていたのかもしれません。 とりあず、以下の方法でCocoonのAMPページのキャッシュを削除してみてください。  e6c57458c6f2ccd3543aa56e51768acc.png

@ann さん CSSのコードの以下の部分は、とても小さいサイズ（幅の狭い小さなスマホ）のために、1列になるようにしたものです。 @media screen and (max-width:356px) { #navi_entries-4 .navi-entry-card-lin...

おそらくですが、カードが奇数の場合は、最後のカードが中央にくるので、上の段と下の段は、ずれないので、気づきにくいのではないかと思われます。 76641270dd8cd23ee4d3cbae7f0858f0.png

@pmes さん pmesさんのサイトって、グローバルメニューは設定していましたっけ？ 過去のトピックで、モバイルヘッダーメニューやモバイルフッターメニューにメニューボタンが出てこない、という質問が何度かあったように記憶していますが、グローバルメニューを設定しないと出てこなかったよう...

前略、おかべー さん 【JavaScriptをフッターで読み込む】は、廃止されたみたいです。 今のバーションでは、その項目がないのが正常かと思います。

@ann さん 以下のコードに差し替えてみて、不具合がないか確認してみてください。 /*ナビカードウィジェットメインカラム設置２列表示*/#navi_entries-4 .navi-entry-cards.widget-entry-cards { display: flex; j...

@ann さん 先ほど、別のトピックで、CSSのセレクタが他と被っていることに気づきました。 対応策を考えますので、お待ちください。