Cocoonフォーラム

834px以下の画面幅の指定が以下のようになっているので・・ .recommended.rcs-card-margin a:last-child { margin-right: 0;} この 0 を１%にすれば良いかとは思うのですが、そもそも、横１列のときに複雑なマージンが必要なのかは、...

@yhira さん すみません。他のトピックのナビカードウィジェットの横並びのために書いたCSSが干渉してしまっていたようです。 再度確認してみたところ、余白が表示されました。 実際に画像を入れていないので、テストがまだ、不十分なのですが、再度確認してみたところ、２列表示...

@ann さん CSSのコードに余計な文字、入っていてはいけない文字が入っているようです。 .navi-entry-card-title.widget-entry-card-title.card-title { Â Â font-size: 14px;} HTMLやCSS、その他コンピュ...

@ann さん .entry-card-title {font-size: 17px;} 上記のコードは、ちゃんと有効になっているようです。 ナビカードのタイトルのフォントサイズは、以下のように指定すれば、同じサイズになるかと思います。 .navi-entry-card-tit...

@yhira さん そうなのですね。 では、後ほど、今一度、確認させていただきます。

@yhira さん 早速、「バージョン：2.2.1.11」をダウンロードして、ローカルサイトで試してみたのですが、今度は、左右方向は、PC表示では、余白が保たれているものの、上下のカードがくっついてしまいます。 また、スマホ表示では、プレイクポイントが480px？のため、１列表示にな...

@ann さん 「ナビカード」ウィジェットのサムネイル画像が下の新着記事より、ややピンボケですが、これは、ちょっと私には原因がわからないです。 プラグインでサムネイルを再生成すれば、改善するのか、それとも「ナビカード」ウィジェットの仕様なのか・・

@ann さん 以下のコードに差し替えてみてください。 /*ナビカードウィジェットメインカラム設置２列表示*/.navi-entry-cards.widget-entry-cards { display: flex; justify-content: space-around; ...

@ann さん 今度は、コードは合っているようですので、余分なハイフンを削除してみてください。 子テーマのCSSの75行目と125行目にある点線状のハイフンです。 35c7ca7f7e7dc2743fb6999a248ee8e7.png  95585499...

@ann さん 子テーマのCSSのコードを拝見しますと、最初に書いたコードのままになっているようです。 コードを差し替えてみてください。

@ann さん 最初のコードを設定されていらっしゃるようです。 とりあず、以下に差し替えてみてください。 /*ナビカードウィジェットメインカラム設置２列表示*/.navi-entry-cards.widget-entry-cards { display: flex; just...

@ann さん もう一度、コードを設定してみていただけますか？

@ann さん 高速化設定はタブではなく左側のサイドバーにあると思います。 ca54acadc51c644861430f6e57f57bdf.png 2b11197a3df81106de50f39943bc641c.png 5e32235e3358e9285cd37...

@ann さん 子テーマのCSSを拝見しましたが、コードが見当たらないようです。 高速化設定がなされたままですと、状況が読めません。 Cocoonの高速化設定を無効にしてくださるようお願いいたします。

前略、pmes さん スキンのCSSで指定されているようですが、以下のCSSで上書きできそうな気がします。 .navi-menu-content.menu-content { background-color: #fff;/*背景色*/}.navi-menu-content.menu-...

前略、jura さん 以下のCSSを、追加CSSか、子テーマのCSSにコピペで消えるかと思います。 h1::before,h1::after { content: none;}

また、「ナビカード」ウィジェットにタイトルが付けられるようなので、中央寄せにして太字にし、下側のマージンを付けると・・ .widget-index-top-title.main-widget-label { text-align: center; margin-bottom: 20p...

「インデックスリストトップ」のエリアに「ナビカード」ウィジェットを入れた場合のCSSのコードを少し修正してみました。 「ナビカード」ウィジェットの「表示タイプ」を変更しても適用されるようにしてみたつもりなのですが、上手くいくかどうか・・ 充分にテストした、とは言えないので、修...

padding も 20px じゃ、ちょっと長いので 5px ぐらいでいいんじゃないでしょうか？ .toc ul li a, .toc ol li a { display: block; border-bottom: 1px dashed #d4b4b4; /*h3以下の下側ボーダー...

前略、NaO さん ご自身で書かれた以下のコードの黄色い部分を削除して・・ .toc ul li a, .toc ol li a { display: block; border-bottom: 1px dashed #d4b4b4; /*h3以下の下側ボーダー*/ mar...

それっぽいのなら・・ 寄付・開発支援について

また、「インデックスリストトップ」のエリアに「おすすめカード」ウィジェットを入れた場合は、以下の画像のようになります。 「おすすめカード」は、「余白を有効にする」にチェックを入れても、スマホ表示のときに左右がくっついてしまう、という問い合わせが、ちょうど別のトピックで挙がっているところで...

「インデックスリストトップ」に「ナビカード」ウィジェットを入れると、全てのページで表示されてしまうので、ナビカードウィジェットの表示設定で「チェック・入力したページで非表示」の機能を使って、表示させたくないページを指定するなどすれば、ご希望に近い表示になりそうな気もします。 いろいろ、方...

そこで、試しに以下のようなCSSを書いてみると、横２列に並びました。 .navi-entry-cards.widget-entry-cards.no-icon.card-large-image.large-thumb-on { display: flex; justify-conte...

そこで、ナビカードウィジェットの表示タイプを「タイトルを重ねた大きなサムネイル」にしてみると、案の定、縦にならんでしまいます。  9e269b8714dd5408983ccd9668caa2b9.png

前略、ann さん トップページをフロントタイプにしていても、ウィジェットは通常どおり使えるようなので、テストサイトで、「インデックスリストトップ」のエリアに「[C]ナビカード」ウィジェットを入れてみました。 「ナビカード」ウィジェットは、基本的に縦に並ぶように作られているようで、以...

横方向のマージンは0の指定になっているようです。  26c7c5395cd3a5d768c8431c7c7fa808.png

@yhira さん テスト環境の親テーマをバージョン：2.2.1.8にしてみたのですが、やはり、くっついてしまうみたいです。 e53a64012fef112ba50e8299b3f1220c.png  802786744e2f0d45b1f772cfab065999....

@yhira さん chikako さんは、チェックを入れてらしたみたいな感じです。

@chikako さん もし、わいひらさんが、テーマの方で修正？くださったときは、先ほどのコードは、削除してください。

@chikako さん フォーラムにメンバー登録すると、トピックが購読できるようになります。 購読したトピックに誰かが何か書きこむと、その都度、登録時のメールアドレスにメールが届きます。 返信を見逃しにくくなりますし、タイムリーに返信を読むことができます。

@さわこ さん フォーラムにメンバー登録をしますと、トピックを購読することができるようになります。 誰かがトピックに書きこむと、メンバー登録時に登録したメールアドレスに、書き込みがあった旨のメールが届くようになっています。 ですので、返信に気づかない、ということが、ほぼ、...

@chikako さん 私のテスト環境では、くっついていたので、仕様かと思ったのですが、Cocoonのマニュアルページを見てみたら、くっついていないみたいですね。すみません。 もしかしたら、何らかの不具合があるのかもしれません。 サムネイルのサイズが揃わないのも、ちょっと...

@chikako さん 先ほどのコードのメディアクエリに@が抜けていました。 訂正します。 @media screen and (max-width:834px) { .recommended.rcs-card-margin a:nth-of-type(2n+1) { ...

@chikako さん ちなみに、PC表示のオススメカードのサイズが揃わないのは、ちょっと私には原因がよくわからないです。 わいひらさんなら、たぶん、わかるのでは、と思います。（昨日も同じ質問があったようですが・・） 29d99595d111e62e475381aa74...

@chikako さん 試しに、以下のようなCSSのコードを書いてみたら、中央にも、余白ができました。 media screen and (max-width:834px) { .recommended.rcs-card-margin a:nth-of-type(2n+1) { ...

前略、chikako さん 私もテスト環境でテストしてみたのですが、余白のチェックを入れても、スマホでは、くっついちゃう仕様みたいです。  9bee7c9b3e1bea047f7332d47c4e5845.png

前略、motty3939 さん 外観→ウィジェットで、固定ページタイトル下あたりになにか入っていませんか？  a7af0182895004f9002a3654089519ee.png

@さわこ さん 以下は、入れといた方が良いと思われるプラグインです。 WordPress５から無くなったWP Multibyte Patchは必須なので手動インストールしましょう 【セキュリティ対策】WordPress「SiteGuard WP Plugin」の使い方を徹底開設

@さわこ さん 私の使っているエディターは、「Mery」というエディターです。 テキストエディター「Mery」 お使いになられるときは、文字コードをUTF-8（BOMなし）に設定なさってください。 また、メディアクエリは、インデントを付けて書く癖をつけておくと、閉じ括弧の付け...

@さわこ さん 追加CSSの記述を拝見したところ、メディアクエリの閉じ括弧が抜けているようです。 おそらく、それが原因ではないかと思います。 また、私のテキストエディターは、空白を表示するようにしているので、全角の空白が入っているのがわかります。 添付画像の青い四角の...

前略、 さわこ さん フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただければと思います。  3b1534797f95d48d29b3710ea5689244.png

前略、@mami さん Cocoon設定の「ヘッダー」タブの設定の「ヘッダーレイアウト」が、おそらく、「トップメニュー」になっているのではないかと思います。 とりあず、「センターロゴ（デフォルト）」にして、「変更をまとめて保存」のボタンをクリックして変更を確定してみてください。 ...

前略、pmes さん ちょっと、スキンの作者様が、どのような意図で、このようなデザインにしているのか、私にはわかりかねますが、何か意味があるのかもしれません。 以下のCSSのコードを追加CSSか、子テーマのCSSに貼り付ければ、高さが少なくなるかと思います。 .content {...

前略、atsushi.c さん 私は一度も使ったことがありませんが、以下のリンクの内容ではないかと思われます。 商品・サービスランキングを作成して配置する方法

@ｙｐｋ さん HTMLやCSSの編集には、文字コードをUTF-8（BOMなし）で扱うことのできるテキストエディターが必要です。 「Mery」は、見た目がシンプルで、タブ機能もあり、オススメです。 テキストエディター「Mery」 以下は、関連リンクです。 検証ツール（デベ...

@ｙｐｋさん HTMLやCSSの基礎を学ぶには、簡単でも良いので、Webサイトを１から作ってみるといいと思います。 WordPressは、とりあず、置いといて、HTMLとCSSだけで、自分のWebサイトを作ります。 サーバーにアップロードしなくても、自分のパソコンで見るだけでも十...

@ｙｐｋ さん すぐひとつ上の画像に答えがあるのに、気づけない、ということは、もう少し、HTMLやCSSの学べるサイトや、書籍、動画、スクールなどで、基礎を学ぶことをオススメします。 HTMLやCSSの基礎的な記述方法は様々な情報がありますので、ご自身にあった方法を模索してみてくださ...

前略、pmes さん ブロックエディターの「レイアウト要素」の中に「スペーサー」というブロックがあります。 これは任意の高さの空白を入れるブロックです。 画面右側のところで、高さをピクセル指定します。  e7551f3d7cdf26c7325dad00033...

@rom さん えーと、何がいけなかったのでしょうか？