Cocoonフォーラム

@rom さん ちょっと、試しにCSSを書いてみました。 .sidebar .sns-follow-buttons { justify-content: space-evenly;}.sidebar .sns-follow-buttons a { width: 45px;}#co...

ただ、表の見出し部分である、th については、スキンの指定で以下のようになっているので・・ .container table th { font-weight: normal; background-color: #37474F;/*表の見出しのセルの背景色*/ color: #ECEFF1;/...

私も、ちょっと、わいひらさんの書かれた内容が理解できないでいます。 スキンの table の CSSは、以下のようですので、 /* テーブル */.container table{ width: 90%; margin-left: auto; margin-right: auto;}.con...

@kinikuman2sei さん 上手くいったようで、良かったです。 わいひらさん 書き込みテストに書きこんでしまいましたので、お手数ですが、カスタマイズ相談の方へ移動を賜わりますと幸いです。 タイトルは、「人気記事ウィジェットで５記事横並びにしていますが、モバイル...

@kinikuman2sei さん 今回の人気記事ウィジェットのカスタマイズは、Cocoonの仕様ではなく、独自カスタマイズにあたるものだろうと思われます。 なので、おそらくですが、フォーラムのサポートの範囲になるかは、微妙なところかと思われます。（私がサポート外の部分まで踏み入れて...

@kinikuman2sei さん 人気記事ウィジェットの仕様ですと、仕様による制約もあるので、難しい面もあるかもしれません。 文字のサイズを小さくすることは、できそうです。 以下のコードを先のコードの一番下に追記すれば、スマホ表示で、文字が小さくなるかと思います。 ...

@かいご さん 自分でYoutubeにアップしているのに、いままで、何にも知らずにいました。 ? おかげで、事情を知ることができ、大変助かりました。 また、iframe についても、無知であったため、今回のことで、勉強になった次第です。

@kinikuman2sei さん 追加CSSを上書きして保存するには、コードを貼り付けた後に、上の方にある「公開」ボタンをクリックしないと、保存されません。  0c0758ad3ce868a1611544f409b504c2.png

@kinikuman2sei さん 高速化設定をOFFにしていただいたので、追加CSSに記載されているコードがわかりました。 現状では、以下のようになっているようですので、 #popular_entries-5 .popular-entry-cards.large-thumb-o...

@kinikuman2sei さん  3b1534797f95d48d29b3710ea5689244.png

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

前略、miyaela さん Cocoon設定で、できないことは、デベロッパーツール等で、実際のサイトを検証しながらでないと、回答することはできない、もしくは、回答しずらい状況になります。 同じCocoonでも使われている状況はさまざまですので、ここは、やはり、フォーラム冒頭の案内にあ...

@kinikuman2sei さん 高速化設定がなされているので、こちらからは、現況がわかりません。 Cocoonの高速化設定が既にOFFになっているようでしたら、プラグインなどの高速化設定がなされてしまっているのでしょうか？ 状況がわかりませんので、環境情報を貼り付けて...

@kinikuman2sei さん とりあえず、Cocoonの高速化設定をOFFにしていただけますか？ ca54acadc51c644861430f6e57f57bdf.png 2b11197a3df81106de50f39943bc641c.png 5e32235e3...

前略、@kinikuman2sei さん ここは、フォーラム書き込みテストを行うところですが・・ 試しに、以下のようなCSSを書いてみました。 ご要望に合っているかどうか・・ @media screen and (max-width:834px) { #popula...

@Aimy さん 私は、サーチコンソールのエラーについては、詳しくないので、よくわかりません。 全てのページにエラーが出ているのではないのであれば、エラーの出ているページのURLや、エラーの内容などを具体的にご提示いただくと、詳しい方が診てくださるかもしれません。 ご質問...

@Hawa03 さん 試していませんが、たぶん、イケルのではないかと思います。

@Hawa03 さん あまり詳細に調べた訳ではないのですが、Cocoon設定の「本文」タブの「行の高さ」や「行の余白」の設定が反映されないのは、どうもスキンの「season-autumn」で以下のように指定されているため？のような気がします。 .entry-content > p, ....

前略、sun さん 私もスキンを「tecurio-moon」にしてみたところ、デフォルトとストライプでは、表のストライプの背景色の色の濃さが変わるだけみたいですね。 スキンを「なし」にすると、若干デザインが変わるみたいです。 上の画像が「tecurio-moon」で、下が...

@akira さん 私も削除！

前略、Hawa03 さん 同じCocoonでも、使われている環境はさまざまなので、おそらく、詳しい方であっても、もう少し情報をいただかないと回答しずらい、逆に申しますと、情報があった方が解決し易い、ということはあるかと思います。 フォーラム冒頭の案内にありますとおり、お差し支えがなけ...

miyuki さん ざっとしか見ていないです。 これで、ファイルを更新できるといいのですが・・

前略、miyuki さん 追加CSSをコピーして、ざっと、ですが、おかしいところがないか見てみました。 私が気づいたところを、画像で貼ってみます。 myu-01-2020-06-29-152702.png myu-02-2020-06-29-152702.png &n...

ちなみに、スキンを「なし」にしても、当然ですが、埋め込むことはできませんでした。

@かいご さん あらためて、自分のYoutubeチャンネルで動画の設定の項目を見てみたら、「その他のオプション」のところに、「埋め込みを許可する」の項目があり、このチェックを外すことにより、埋め込みを無効にすることができるようです。 つまり、「埋め込みを許可された動画しか、埋め込めな...

@lococo さん そうだったのですね。 スキンなしの状態で、貼り付けてみるべきだったです。 外出するため、横着したのがいけませんでした。

@かいご さん 私も、テスト環境で、スキンを「bizarre-foods-bluecurry」にしてみたら、Youtubeブロックで貼り付けても、ブログカードになってしまいました。 もしかしたら、スキンが関係しているのかもしれません。 スキンを「なし」か別のスキンに変える...

同じブログカードブロックでも、リンクボタンを使った、貼り付け方でも、イケるみたいです。  0683c1627a548c756ab348d53106656b.gif

@ゆみ さん エイじーさん ブラウザのアドレスバーからコピーしたURLを、テキストエディターを介さず、直接、Cocoonのブログカードブロックに貼り付けてもイケるみたいです。  cba993b94f1a176145e77348a7cc3811.gif

コピーしたURLをテキストエディターに貼り付けてみると、以下のようなアドレスになります。 これをブログカードブロックに貼り付ければOKです。 0d14a275102dd02c95b996851dc298c2.png  b7b798972a6047425027ccf65...

前略、エイじーさん ブログカードにしたい、サイトを表示して、アドレスバーのURLを選択して右クリックしても、エンコードされたURLがコピーできるかもしれません。（Firefoxでは、できました。）  URL2020-06-28-191246.png

@HMTS さん キャッシュが更新されたのか、書かれたCSSが、現状のものかどうかわかりませんが、ヒロアキさんのご指摘のようにｈ２のマージンの値が、em ではなく、pm になっているようです。 それに加えて、余計な文字も入っているようです。 また、セミコロンであるべきとこ...

@HMTS さん レスポンスがないようですので、一旦、退席します。

高速化設定をOFFにする手順は、以下の画像のとおりです。 ca54acadc51c644861430f6e57f57bdf.png 2b11197a3df81106de50f39943bc641c.png  5e32235e3358e9285cd37772e99be...

@HMTS さん WP Fastest Cache か何かのキャッシュプラグインを停止してみてください。 キャッシュされていると、現状が、どうなっているのか、全くわかりません。

@HMTS さん h2のCSSが利かない理由がよくわかりません。 もしかしたら、CSSの詳細度の問題かもしれません。 フォーラム冒頭の案内にありますとおり、高速化設定を無効にして、環境情報を貼り付けていただければと思います。  3b1534797f95d48...

@HMTS さん 私のテキストエディター（Mery）にコピーして、貼り付けてみると、以下のように余分な文字が２文字入っています。 ff55f515a58f6bb75ffd7106bd9b5336.png

@HMTS さん テキストエディターの文字コードは、UTF-8（BOMなし）に設定していますか？ テキストエディターは何をつかっていらっしゃいますか？ H２のコードに余分な文字が入っているようです。 @charset "UTF-8"; /*! Theme Na...

HMTS さん 調べてみると、CSSのセミコロンは、省略してよい場合もあるようです。 いろいろなケースで、検証（例えば、WordPressのテーマエディターでの挙動など）すれば、どのようなケースで省略できるのかが判ってくるのかとは思いますが、場合によっては、エラーの原因になり得る書き...

HMTS さん もう既に、子テーマのCSSに記述してみたのですね。 それを先に説明していただけていれば、もう少し手間が省けたと思います。 以下のCSSにはセミコロンが欠けています。 .article h2{ margin-top:5em}.article h3{...

HMTS さん 子テーマのCSSを編集するときは、文字コードをUTF-8（BOMなし）で扱うことができるテキストエディターを準備します。 Windowsなら、Mery や TeraPad , Macなら、cotEditor などです。 テキストエディターの文字コードをUTF-8（BO...

前略、dallas さん 以下のトピックで、ヒロアキさんが書かれていることが、参考になりそうな気がします。 [解決済] 投稿ページの背景色が一部変わる現象

ブロックエディターの Youtube ブロックに貼り付けて、「埋め込み」をクリック。  c9ca4ba6e46da44d37a77d872c35ff67.gif

前略、かいご さん 私のやり方で、合っているかどうか、わかりませんが、テストサイトでやってみました。 Youtubeの画面下の「共有」をクリックして、埋め込みURLをコピーして、 edfb7fc90012e255501b32b005047bd5.png 6f89dc546...

前略、HMTS さん 本文の見出しの上側の空白は、通常なら、margin-top 調整できるかと思います。 個別に指定するときは、 .article h2 { margin-top: 2.8em;} まとめて指定するときは、 .article h2,.article ...

@ゆみ さん ですね。 画像であれば、女性ならではのデザインや雰囲気がつくりやすい面もあるかもしれませんね。

ここは、みるみさんご本人に、解説いただくのが一番かと・・ みるみさん、いかがでしょうか？

@ゆみ さん いえいえ、何でも調べてみると、知らないことが わかったりするので、得るものもあるんです。 添付いただいた画像から、似たようなフォントを探してみたのですが、どうもピッタリくるものが探せなくて・・ このあたりだと、ちょっと似てはいるんですけど・・ FB Po...

@ゆみ さん 別のやり方でもできないかと思ったのですが、上手くいきませんでした。 文字を透明にすれば、重なって見えてしまうのは、回避できるかとは思いますが、やはり、あまりオススメできるやり方ではないような気がします。 あとは、私が思いつくのは、Webフォントを使うことぐら...

@ゆみ さん このやり方でも、文字の色を透明にするというやり方もできなくはないかと思います。 SEO的にいいかどうかは、私には、わかりません。 ちょっと、別のやり方も試してみます。 少しお待ちください。