Cocoonフォーラム

@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 さん えーと、何がいけなかったのでしょうか？

@rom さん 子テーマのCSSの以下のサイドバーの見出しの指定にも余分なスラッシュがありますね。 /*ウィジェットタイトル*/.sidebar h3{ background-color:#418933;/ color:#fff; padding:7px 7px; margin:19px...

@rom さん Cocoon設定の「全体」のタブの設定で、「サイトキーカラー」と「サイトキーテキストカラー」を設定されていませんか？ 特に白色（＃fff）だと、設定していても、自分でも気づかない、という場合もあったりするようです。 もし設定されていたら、クリアボタンをクリ...

@ｙｐｋ さん 該当箇所（この場合は、カテゴリーの記事数の数字の上で）を右クリックして、Chromeなら「検証」Firefoxなら、「要素を調査」でデベロッパーツールが開くと思います。 text-shadowプロパティの初期値は「none」です。  24b3bd...

mami さん フォーラムには「サンドボックス」というトピックの書き込みテスト用のカテゴリーがありますので、そこでトピックの書き込みの練習をしちゃってもOKです。 こうやって書いたら、こんな感じに表示されるんだ、みたいな・・ものです。 b8ec57bc58c307487...

mami さん ユーザー登録をしたからと言って、用もないのに変なメールが届いた、というようなことは、今まで１度もないので、たぶん？大丈夫だと思います。 返信を見逃さなくなるので、その点は、便利になるような気がします。 もし、トピックの購読をやめたくなった場合には、購読を解...

mami さん 新しいトピックを立てるとき、例えば、「cocoonテーマに関する質問」でしたら、以下の画像の「トピックを追加」ボタンをクリックして、トピックのタイトルから順番に入力していただければよろしいかと思います。  03c40f1617e5eb234181c7...

そう言えば、子テーマのCSSの213行目にも、変なのありますね。 span.fa.fa-close::before{/*戻るボタン*/font-family: FontAwesome;content: “\f060”;} 黄色のところ。 ダブルクォーテーションが...

mami さん 私はユーザー登録してしまっているので、ゲストの場合の表示がどうなっているのか、イマイチわかっていないのですが、トピックのタイトルのすぐ上の帯状の部分で、ログインできているかどうかを見分けることができるかと思います。 aa018d1204694a208f16db09f...

前略、mami さん 私もつい１年ほど前に、このフォーラムにユーザー登録をしてみたのですが、ユーザー登録をしますと、自分が立てたトピックや、回答をしたトピックを、購読するかどうかの、メールが届きます。 メールの「購読を確認」のリンクをクリックすると購読が確定するようですので、そのトピ...

子カテゴリーのアイコンが表示されていないみたいなので・・ 私もアイコンは詳しくないのですが・・ 子テーマのCSSの以下の部分を /*サイドメニューの子カテゴリーのアイコンの色*/.cat-item .children a::before { color: #4169e1;} 以下のよ...

ｙｐｋさん これは、ちょっと、どの部分を指しているのか、よくわかりませんが、ピンクの影っぽいところ、と言えば、エントリーカードの右下角辺りしか、見当たらないので・・ これは、以下のように指定されているようなので・・ .entry-card-wrap.a-wrap, .rela...

前略、ｙｐｋさん テキストボックスがフォーカスされた時、ということだと思います。 「CSS :focus」などでググってみてください。 .search-edit:focus { border-color: #777;} のようにすれば、ピンクじゃなくて、グレーの線になるかと思...

@なお さん 子テーマではなく、親テーマが有効になっていませんか？