Cocoonフォーラム

ああ、さる子さんオススメの「おすすめカード」がオススメです。？？？ バカなこと書いてすみません。 ?

即席で書いたCSSなので、どんなもんかわかりませんが、 .box-menu-icon * {margin: 0;max-width: 100%;max-height: 100%;}.box-menu {padding: 0;} PCのFirefoxでしか、確認していません。 他のブラウザや...

テーマは、プラグインではないので、インストールは、「外観」→「テーマ」からだったと思います。 24defb9946ea321330c7001fcb23ce3a.png 以下、案内のページです。 Cocoonテーマをインストールする方法 親テーマとあわ...

こちらのページの「4-5.子孫セレクタ（絞り込み指定）」が参考になるかも。 4.セレクタの基本的な書き方を覚えよう

実は、私は、ホームイメージを変えていないんですけど、たぶんこちらをお試しいただければイケるのでは？ サイトのホームイメージを変更する方法（Twitter・Facebook共有時のデフォルト画像設定） attchan さんが先に設定されたのは、いわゆる、ファビコン、や、アップルタッチアイコン、...

こちらがとても参考になりそうです。 HTML&CSS入門Webデザインをイチから学ぼう こんなのも。 【初心者向け】CSSセレクタとは？セレクタの種類や指定方法を解説！（基礎編） ググれば、いくらでも出てきそうですね。

わからないことをひとつずつ質問していけば、徐々にサイトは出来てくるかと思いますが、これほど沢山のCSSを書いておられるということは、コストのかかる独自カスタマイズに該当してくるかと思われます。 なので、ヒントだけ書かせていただきます。 本文記事は「article」というタグで囲われています。...

以下のトピックには、有用な情報が多く含まれています。 各リンク先をご覧になることをオススメいたします。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック CSSを書く場所ですが、子テーマのCSSに書いたり、カスタムCSSに書いたり、プラグインの中に書いたりと、...

仮に、サイドバーのSNSフォローボタンだとすると、 .sidebar .sns-follow-buttons.sns-buttons a {border: none;} こんな感じ。 49606e5fa15577a7867ff819cc42782e.png

サイドバーのSNSフォローボタンのことじゃないですかね？ 小さくしたけど、枠線だけ消せないって、書いていらっしゃるみたいなので・・ カスタムCSSに書いてあるCSSが、それっぽいので。 出来ればフォーラムの案内にもあるように該当部分のキャプチャ画像もいただけると助かります。 ...

サイトを拝見しますと、昨日と様子が違うので、AI-man さんが、ご自身で、いろいろ試しておられるのかもしれませんね。

上手くアップデートできていない可能性が高いようですね。

@りす さん もし、症状が改善された場合は、どのようにしたら、改善されたのかを、書き込んでいただけると、トピックをご覧になられる方々の参考になります。 例えば、プラグインの「Jetpack by WordPress.com」のバージョンを「8.2.3」から「8.4.2」にアップデートしたら、...

@yhira さん 1023px幅以下のメディアクエリで「9199行目」と「9235行目」の以下の記述が重複しているようです。 .no-mobile-sidebar .sidebar,.mobile-button-fmb .go-to-top-button,.no-mobile-heade...

もう、新規の受付もやめているみたいです。 「mod_pagespeed設定」機能の新規設定の受付終了について

もしかしたら、ロゴが上下で重複しちゃうから、どちらか消したいということでしょうか？ 68bc6315fa359ac2bfb7cfce4942e333.png ある画面幅以下のときは、ヘッダーロゴを背景色と同じ色にしちゃうとか・・ 278114f8b67c173bd9f...

ちょっと、よくわからないのですが、Cocoon設定の「ヘッダー」タブの「ヘッダーレイアウト」を別のものに変えたりして試してみると、何かヒントが得られるでしょうか？  53a16a4fd72b5ce59466de29949b1274.png

@たらばかに男 さん なるほど、Cocoon設定の「本文上にアイキャッチを表示する」の下の方にある、「アイキャッチの自動設定を有効にする」にチェックを入れていなくても、過去記事で「サムネイル画像」に設定されていたものがダブって表示されているという訳だったのですね。 「Stinger5」を使っ...

@yhira さん .wp-caption:first-of-type, img[class*="wp-image-"]:first-of-type {display: none;} 上記のCSSについて質問なのですが、たらばがに男さんが既に新しくCocoonで書かれた記事は、画像がダブってい...

@たらばかに男 さん 逆に、もし、「アイキャッチ自動設定を有効にする」にチェックが入っていますと、本文中に最初に出てくる画像がアイキャッチとして自動的に設定されてしまうので、画像がダブって表示されてしまうかと思われます。

@たらばかに男 さん 過去の記事で画像が重複して表示されているようなので、もしかしたら、「アイキャッチ自動設定を有効にする」にチェックが入っているのではないかと、推測した次第です。 もし、入っていないようでしたら、私の推測ちがいということなので、ごめんなさい。

Cocoonには、覚えきれないほどのオプションがあり、数年使っていても、こんな機能もあったのか・・、と私は、気づくことも多いです。 アイキャッチを使うには、「アイキャッチの自動設定を有効にする」方法もありますが、自動設定は使わずに、個別の記事の編集画面で、設定するこもできるみたいです。 ...

@りす さん 私は、このフォーラムには、無責任に適当に書き込みをしている者で、書き込んだ結果についてなんの責任も負えないですが、不具合の原因を突き止めるには、疑わしいと思われる機能を一旦停止して、表示を確認するというのが一般的なやり方かと思います。 ですので、今回のケースのような事が...

以下のような記事も、ありました。 モバイルテーマは2020年3月に廃止されました。次の手順に従って、サイトを準備してください。 jetpackの最新バージョンは、8.4.2 みたいですね。

CocoonのバージョンとPHPのバージョンがちょっと古いけど、子テーマを使っていないみたいなので、いきなりアップデートするのも、ためらわれるし・・・ とりあえず、このまま、わいひらさんのアドバイスを待った方がよさそうな気もします。

以下を子テーマのCSSに追記 .entry-card-wrap.a-wrap {margin-bottom: 2%;} でイケそうな・・ あ、でも、広告の下は別だけど、広告の下は空けといた方が良いかも。

?

いつもながら、ローテク専門 ?

@monta さん 実際に、言語スイッチャーを使われている方なら、解決方法をご存じかもしれないので、プロフィールを使ったこともない私が書き込むのもなんですし、これを言っちゃおしまいよ、的な方法でもあり、なおかつ、上手くいくかどうかもわからない、無責任な書き込みでもあるんですけど、無理にプロフィー...

大竹さん Akiraさんにご相談するにしても、環境情報 は、ご提示いただいていた方が良いかもしれませんね。 あと、高速化設定も無効 にしておいた方が、いいかもしれません。

大竹さん ゴチャゴチャと書き込んでしまい、すみません。 Akiraさん 画像名に付いている、「pagespeed.ce」で検索したら、以下のようなページが、あったのですが、関係ありそうでしょうか？ mod_pagespeedで画像まわりで困った

ルートディレクトリに配置する方法は、置いといて、とりあえず、Akiraさんのアドバイスのとおりに、512×512pxのサイズの png 形式の画像で再設定する、というのはいかがでしょう？ WordPressサイトで、検索結果で地球の画像になっちゃってるサイトを見ると、jpg を使っている...

@saruko さん ブログカードも、確か、カード全体がリンクだったような・・・ ということは、エントリーカードにも、さる子さんの紹介した方法が応用できるかも。 カテゴリーページの body タグのclassに「archive category」とか付いてるから、それもできるっぽいですね...

理屈的には、Akira さんのおっしゃるとおりで、WordPressが生成する２つのサイズのファビコンがあれば、ルート直下にファビコンを設定する必要はないはずです。 でも、大竹さんのサイトも以前は検索結果に表示されていたり、さる子さんのサイトは、きちんと設定しているのに検索結果には別のファビコン...

大竹さん スマホの検索結果において、当サイトのファビコンだけが表示されなくなってしまいました。現在はデフォルトの地球儀マークが表示されています。他サイトはこれまで通りファビコンが表示されています。 上記のファビコンが表示されているサイト「他サイト」のURLの後ろに「/favicon....

@蓮 さん 先頭のピリオドが抜けていました。 以下のCSSだけにしてみてください。 .widget-entry-cards .a-wrap {color: #fff;}.widget-entry-cards .a-wrap:hover {color: #fff;background-co...

あと、これも要らないっぽいです。 h3::before {position: absolute;content: '';top: 100%;left: 0;border: 0;border-right-color: currentcolor;border-right-style: none;bo...

熊内さん 関連記事の方でしたね。 過去にご自身でカスタマイズされた以下のCSSが原因のようです。 h3 {position: relative;padding: 0;background: #a6d3c8;color: black;} どこに記載したのかは、よくわかりませんが・・

熊内さん 私の環境で見ると、モスグリーン色の帯は見えないのですが、過去に指定したCSSのキャッシュがブラウザに残っているということはありませんか？ いちど、スーバーリロードを試してみると、どうでしょうか？ 各ブラウザでの強制リロード(スーパーリロード)まとめ

やはり、そうでしたか・・ widget-entry-cards .a-wrap {color: #fff;}widget-entry-cards .a-wrap:hover {color: #fff;background-color: #3e3e3e;} これに変えると、どうでしょうか？ ...

わいひらさんの別のテーマの「Simplicity2」では、エントリーカードに「続きを読む」のリンクを使っていますが、Cocoonのエントリーカードは、カード全体がリンクになっていて、スマホやタブレットなどでの操作性の向上を狙っている？ように感じています。 「続きを読む」の文字が無いのは、カード全...

背景が黒のサイトって、あまりやったことがないので、間違ってたら、ごめんなさい。 .a-wrap {color: #fff;}.a-wrap:hover {color: #fff;background-color: #3e3e3e;} これだと、どこかに支障がでちゃいますかね？ 試してみない...

少し月日が経ってしまったので、あまりよく覚えていないのですが、画像のインデックスを制限するのに使っている「robots.txt」の書き方を少し変えたりして、工夫して、試してみたのですが、WordPressの512×512では、私のサイトも地球の画像のままだったように記憶しています。 ルート直下に...

少し前に、Googleの検索結果にファビコンが表示されるようになったことがありました。 PCでも表示されたり、されなかったり、していましたが、PCの方はどうもあまり評判がよくなかったため、スマホの検索結果だけに表示させているみたいです。 そもそも、私のサイトは画像がインデックスされないように...

too さん もしかしたら、逆かもしれませんね。 Cocoon設定の「全体」のタブの設定で、「背景色」が設定されていませんでしょうか？ スキンを設定したのにスキンの背景色にならなず、背景色だけ以前のままになってしまう、のであれば、Cocoon設定の全体タブの背景色の設定をクリアして「変更...

too さん 私も詳しくは、知らないのですが、スキンはサイトの主な部分のカラーをデザインしているものなので、一部の見た目を変更するCocoon設定が効かないのかもしれないですね。 先日から、サイトのカラーをいろいろ試していらっしゃる様子ですが、スキンを適用すると制約が出る部分も多そうです。 ...

@蓮 さん なるほど、そうなんですね。

テンプレートを変えたら、文字は求めていた大きさの表示になりました。 と、ありますが、テンプレートって、なんでしょうか？ スキンのことですか？

.wp-block-image .alignleft {width: 25%;} とか、 .wp-block-image .alignleft.size-large.is-resized {width: 25%;} とか、画像が入っている親コンテナに対して幅の指定をすればよさそうです。 ...

@熊内孝之 さん 記載したコードは、エントリーカードの見出しにモスグリーン色のデザインを適用したとき、左の方まで色が伸びてしまうのを防ぐためのコードです。 既に、デザインを変更されていらっしゃるようですので、コードは、不要かと思います。