Cocoonフォーラム

こんにちは。 現在は サイドバーのウィジェットタイトル（「Category」や「SNSシェアボタン」など）はピンクで そのウィジェット内の文章は黒 になっていると思いますが、これをどうしたいということでしょうか？ ご確認ください。

子テーマのstyle.css（カスタマイズCSS）にがっつり書いてありますね。?  2020-04-16_17h03_29.png

こんにちは。 これだけでは情報がなさすぎてどうにもお答えできませんので、まずは該当サイトのURLや環境情報をご提示ください。 管理画面内での相談の場合、デベロッパーツールで質問者さんに調査してもらう必要も出てくることもご承知おきくださいね。  cocoon-topic-3.pn...

書き込みがかぶりました…? よかったです！

こんにちは。 こちらで確認した限りではしっかりとSSL化されていますよ。キャッシュなど削除してから確認されましたでしょうか？  2020-04-16_16h56_42.png

説明が足らずすみません…！ 「クラシックブロック」というブロックに、 Cocoonの「HTML挿入」を使って FontAwesomeの<i>タグ　<i class="fas fa-adjust"></i>　を 入力しています。 【補足】 ...

これ全体を<a></a>タグで囲めばOKですよ。 なので、前述のわいひらさんのコードと合わせると、 <a href=""> <div class="blogcard external-blogcard eb-left cf"> <di...

他のものも全てプラグインによるものですね（なぜそんなに同じものをたくさんインストールしたのでしょう…？）。 WP Social Bookmarking Light Jetpack by WordPress.com をアンイストールしてください。 JetpackはSEO視点で残した...

こんにちは。 それはCocoonが出しているSNSボタンではありません。「AddToAny」などのプラグインをインストールしていませんか？ いずれにしても、該当ページのURLと環境情報を貼ってください。  c...

こんにちは。 外部ブログカードはリンク先のURLから自動的に内容を取得して表示していますので、毎度毎度好きな内容に書き換える、というのは基本的にできません。 もし「ここだけはどうしても…！」というのがあるのなら、一度ブログカードとして出力したHTMLを全てコピーし書き換えたい部分を手動で編集...

@ばる スクリーンショットはいい感じです！（欲しい情報は写ってなかったですが今は大丈夫です笑） まずは記事を作成してみてから、もう一度お試しいただいてご報告くだされば。

こんにちは。 leaftytreeさんのパターンか、もしくは .article img { max-width: 70%!important; display: block; margin:auto;} としてみるといいと思います。max-widthのみ上書きされていたので、さらに優...

そのショートカットキーでコピーした状態で、Windowsの「ペイント」を開いて貼り付けてみてください。それを保存すればそのままファイルになりますよ。どうかそんなにご自分を卑下なさらずに。 「ホームページに表示」については「最新の投稿」が標準的な設定です。記事を投稿すれば、それが順番にトップページ...

@ばる さん というわけでウィジェットの設定画面もお見せいただけるといいと思います。 スクショの例を掲載しておきますので参考にどうぞ。 2020-04-13_08h44_00.png

@leafytreeさん なるほどたしかに。よく見たらそうなっていますね。というわけでウィジェットページの設定も必要そうです。

@ばるさん こちらの記事が丁寧な解説で分かりやすいかと。ばるさんのブログは今この状態になっていると思います。 何かご自分で設定された記憶はありませんか？

今もう一度確認したら、「人気記事は見つかりませんでした。」という内容で人気記事ウィジェット自体は表示されていますよ。スクショ添付してますので見てみてください。 「記事は書いた」とおっしゃっているのはの「指先変形してないですか？それってヘバーデン結節かもしれません！」のことを言っているのだと思いま...

こんにちは。 拝見しましたところまだ記事自体が１つもないようですが、ひょっとしたら記事が１つもないとウィジェット自体も表示されない仕様かもしれません。 わいひらさんの登場をお待ちになるか、もしくはそれまでにウィジェットの設定画面などをスクショして掲載しておくといいかもですね！

leafytreeさんの言われていることは全くその通りだと思いつつ、僕はとりあえずご質問にお答えしてみようと思います（leafytreeさん、すみません）。 …なのですが！とりあえず！！該当ページのURLをご提示ください！！！ ちなみに ヘッダーの上の「キャッチフレーズのようなもの」...

よかったです?

ソース拝見しましたがだいぶアレですね…。 まず @media screen and (max-width: 480px){} の中に書けるのはCSSのみです。 お書きになっている <div id="_erokawa_blog_parts_0"></div>/...

これ以上のご対応は、 どのブログパーツのことを言っているのか 実際にどのサイズとどのサイズにしたいのか などを詳しい画像などでご説明いただかないとどうにもできないかと思います。 また、プラグインをはじめ外部のツール（ブログパーツ）による相談は基本的にはサポートの対象外になると思い...

こんにちは。 下記のようなコードはいかがでしょう。 .navi-in > ul .sub-menu li { background-color: #ff0000;} 色を変えたい場合は上記の「#」以降を、 .navi-in > ul li:hover > ul { ...

wp_is_mobile()やis_mobile()などは分岐は正しくできてもキャッシュ（特にページキャッシュ）が残っていると正しく表示されません。自分も過去に経験があり、これらの関数での表示の出し分けは全部やめました。 ブログパーツを貼った後にCSSのメディアクエリでレスポンシブにするのがいい...

細かいデザインを一緒にするためにはCSSを自分でカスタマイズするしかありません。 「◯◯を◯◯のようにしたい」など、具体的な要望がひとつずつあればその都度トピックを立てていただければ僕を含めみなさん対応できると思います（その際はスクリーンショットなどで分かりやすく図示してくださいね）。

こんにちは。 おそらく「アイキャッチ画像」というものをご存知でないと想像します。 「ホーム画面」とおっしゃっているページに並んでいる画像は「記事ごとに登録するアイキャッチ画像」で、サムネイルになるものです。記事自体に添付（挿入）する画像とは関係がありません。 こちらの記事などが分かりやす...

かうたっくさんとかぶった…！

こんにちは。 WordPressの「設定」→「パーマリンク設定」から「カスタム構造」を選んでください（中身は%postname%のままでもなんでも大丈夫です）。 これで記事編集時に好きなURLを設定できます。  2020-04-09_11h05_29.png

こんにちは。 おっしゃるような「背景を完全に削除」という概念は存在しません。色が白でも透明でもそこにHTML要素がある以上、背景というものも同時に存在しています。 こちらを直したいということでしたら、下記のようなコードはいかがでしょうか。 .page .main { padding...

こんにちは。 僕が知る限りCocoonにそういった機能はありません。 プラグインではそれを実現できそうなものがあるようです。 xili-tidy-tags お試しください。

こんにちは。 できればサイトURLや環境情報を付加して書き込んでいただけるといいかと思います。 また、お使いのエディタがクラシックエディタかブロックエディタ（Gutenbergエディタ）かによっても話が変わりますのでそれもお書き添えいただけるとみなさん助けてくれると思います。  ...

こんにちは。 これが指している現象は「CSSが適用されていない素のHTMLが表示される」ということで合っていますか？ だとしたらそれは各回線の通信速度にも大きく左右されるものです。僕の環境では（毎回キャッシュを消してスーパーリロードしていますが）一瞬も確認できないレベルでした。

こんにちは。 マウスをホバーしたときに背景の色を白くするCSSをご自分で足されてはいませんか？ .author-box .sns-follow-buttons a.follow-button:hover { background-color: #fafbfc;} という部分を削除するか、...

WordPressは空のタグを勝手に削除してしまう性質を持っていることが原因だと思います。クラシックエディタの場合でしたら、以下のコードを子テーマのfunctions.phpに追記してみてください。 function tag_format( $init ) { $init['verify_ht...

そのトピックでは自分がご対応いたしましたので、微力ながら今回もお手伝いさせていただくのが筋かと思いましたのでお返事させていただきます。 超突貫工事ですが、一応動作確認はできました。 下記ソースコードをコピーして「breadcrumbs.php」というファイル名で子テーマの「tmp」フォルダに...

こんにちは。 それは「Cocoon設定」の「管理者画面」にある設定で非表示にできます。 管理者パネルの表示：表示しない PVエリアを表示する：チェックOFF のどれかを選んで適宜OFFにしてください。

試しに、以下のコードを <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> に子テーマにある「tmp-user」というフォルダにある「head-insert.p...

こんにちは。 各見出しの頭などに入れたいわけではなく、本当に任意の場所に挿入したいのですよね？ それでしたら、Font Awesomeの公式ページへ行き「HTML」の方のコードを取得してください（<i class="○○"></i>みたいなやつ）。 それを表示させ...

こちらはちょっと僕では全ては確認できませんが…笑 たぶん大丈夫でしょう?

ありがとうございます。確認できました。 お手数おかけしました！

【解決しました】 報告させていただきます。やったことや気付いたことを全て書くとまたすごい量になってしまうので、２点だけ。 ①： 原因は、tableタグの中にあるimgタグが「配置なし」以外になっている（＝alignnone以外のクラスが付与されている）ことでした。 意味不明ですが、こ...

こんにちは。 WordPressは空のpタグ（だけじゃないですが）を勝手に削除してしまう困った性質をデフォルトで持っています。そのトリガーがテキストエディタ→ビジュアルエディタの切り替え時にも起こるのでそうなります。 TinyMCE Advancedを使われているようですので、そこの設定で「...

ここに関してはCSS自体の勉強が必要かと思います。ここで詳しくお話するわけにはいかないので概要だけ。 「CSSセレクタ」という「どこの要素に適用させるかの表記方法」が正しくありません 実際に確認している要素が合っていません 最終的には .entry-card-title { f...

ブラウザの「デベロッパーツール」というものを使うのが基本です。 なんのブラウザをお使いか分かりませんが、基本的には「F12」キーを押すと立ち上がります。調べたい要素をクリックすると適用されているCSSセレクタ、CSSプロパティなどが分かります。 詳しくはこのサイトの解説ページをどうぞ。とって...

おっと、すみませんでした。 カードの形（縦型とか）を今後も変えることがある場合は .related-entry-card-title { font-size: 10px!important;} を、今の形のままだけでフォントサイズをとりあえず変えたい場合は .rect-vartica...

その関連記事ウィジェットのCSSセレクタは「blogcard-title」ではなく「related-entry-card-title 」なので .related-entry-card-title { font-size: ◯◯px;} としてみてください。

@yhira いえ、わいひらさんもとっても多忙な中このフォーラムを見ていただいていると思いますので…?‍♂️僕だったらもっとヤバいミスを連発している気がします笑