Cocoonフォーラム

あら、かうたっくさん ありがとうございます。 ?

@too さん カスタマイズするCSSのコードを書く場所なのですが、投稿ページにあるカスタムCSSの欄ですと、そのページだけしか適用されません。 WordPressのダッシュボードで「外観」→「テーマエディター」とたどると、「テーマの編集ページ」が開きます。 そこに以下のような記載があり...

@too さん 私の説明が下手で、わかりにくかったため、もう少し説明を加えますと、このフォーラムで質問が解決するまでは、Cocoonの高速化設定をOFFにしままにしておいてください、という意味です。 そうしませんと、外部の者がtooさんのサイトのソースコードをチェックすることができないためで...

@too さん なぜこうなるのか、につきましては、フォーラムご利用の案内の冒頭にありますとおり、高速化設定をOFFにして、環境情報を添えていただきますと、理由が判明する場合が多いです。 高速化設定がONの状態で、かつ、環境情報もわかりませんと、外部からは、調べる手立てがない状態です。 こ...

三角マーカーをちょっと、いじってみたら・・・ #toc_container ul.toc_list > li ul li::before {position: absolute;top: 6px;left: -15px;content: '\2023';display: inline-bl...

ゲストからメンバーになられたせいかもしれませんね。きっと、わいひらさんが閉じてくださるので、大丈夫ですよ。 ?

@toto さん 目次は本文中で「h2」を見出しタグを使うと、自動的にに作成されるのですが、さらに、「h2」の章の中に「ｈ3」という小見出しを作る場合もあろうかと思います。 また、さらに「ｈ3」の章の中に「ｈ4」の小々見出しを設定することもできます。 そうすると、目次では、章の階層構造が...

これでも、イケるかも。 .toc_list {list-style: none;}#toc_container ul.toc_list > li > ul {list-style: none;}

Cocoonの高速化設定を有効にしていると、詳しいことが、わからないのですが、おそらく、ご利用のスキンのCSSでデザインを指定してあるのではないかと思います。 文字左側を空けるのは以下で可能かと思います。 数値は適宜調整ください。 #toc .toc-content, .toc .toc...

いま、出先なので、同じセレクタがなければ、追記で試してみてください。 即席で書いたので、上手くいくかどうか…

① #toc_container {padding: 20px 52px;} ② ul.toc_list {list-style: none;}#toc_container ul.toc_list > li > ul {list-style: none;} ご自身で書かれたC...

んー、正解かどうかわからないですが・・ #toc, .toc {margin: 0 auto;width: 60%;}@media screen and (max-width:480px) {#toc, .toc {width: 80%;}} こんなCSSじゃ、いかかでしょうか？

Cocoonに備わっている、標準の目次をカスタマイズしたい、というのであれば、「Cocoon目次 カスタマイズ」でググれば、有用な記事がヒットしますし、そうではなくて、独自の目次を設定したいというのであれば、「サルワカ」さんのような「html」と「CSS」の解説のあるWebサイトやYouTubeなど...

article dd {margin-left: 0;} で、どうでしょうか？

かわいいヘッダー画像ですね！

私の環境では以下のように見えています。  mayutarou2020-04-17-213316.png

私のWindows環境のFirefoxでは、モバイル表示でも上手く表示出来ていますよ。 Macでは、どうでしょうか？ ブラウザのスーバーリロードは、やってみましたか？

@mayutarou さん CSSでもできます。 いま、途中まで、出来ていますよ。

こんな感じです。 /*端末幅が768px以下のとき@media screen and (max-width: 768px){#header .site-name-text{display: none;}}*//*端末幅が480px以下のとき@media screen and (max-width...

Firefoxブラウザのスーパーリロード方法 Windows・・・Ctrl + F5. Mac・・・command + Shift + R. スーバーリロードでもイケるかも。 まだ、480px以下の方が生きてしまっていますね。 コメントアウトしてみてください。

ブラウザのキャッシュを削除してみてください。

その下の、 /*端末幅が480px以下のとき*/@media screen and (max-width: 480px){#header .site-name-text{display: none;}} も、コメントアウトしてみてください。

@mayutarou　さん あら、上手くいきましたね。 ?

@mayutarou さん どこに以下のCSSを書いたか、思い出しましたか？ /*端末幅が768px以下のとき*/@media screen and (max-width: 768px){#header .site-name-text{display: none;}}

@yhira さん もともと、ロゴ画像として設定されていたようです。 /************************************ ** 子テーマ用のスタイルを書く ************************************/ /*必要ならばここにコードを書...

カスタムCSSの場所は、おそらく、プラグインの Simple Custom CSS 4.0.3 の中ではありませんか？

カスタムCSSというところに以下のCSSを書いていらっしゃるようです。 /*端末幅が768px以下のとき*/@media screen and (max-width: 768px){#header .site-name-text{display: none;}} ちょっと、場所が特定できないの...

@Aimy さん 私は、あまりアイコンを使わないので、Aimyさんの方が詳しいかもしれません。 ツイッターのアイコンも表示されたみたいなので・・・ サルワカさんのサイトの案内は、Font Awesome５を中心に記事を書いていらっしゃるようですが、アイコンの大きさや、アイコンと文字の間の...

無事表示されたようで、良かったです。 ? 拙い回答で、恐縮です。

もう一度、URLコマンドの役割を良くみたら、 「グローバルメニューをスライドインで表示」とちゃんと書いてありました。 ? グローバルメニューを先につくらないと表示されるわけないですよね。 頼りない案内で、申し訳ないです。 ?  ab82cba8bd242e798...

そう言えば、パソコン用のヘッダーメニュー（グローバルメニュー）もまだ設定されていませんよね？ カテゴリーとかも、作っていかないと、記事の類別もできないし、メニューに設定する項目も定まりませんし・・ この先、どんなカテゴリーで、記事を分けていくのか、また、タグによる分類を利用するのか、構想を決...

@Aimy さん 以下の画像は、私の設定したメニューです。  218f3a9ca811adca10f6ad0769092efc.png

@Aimy さん ローカル環境のテストサイトで、Aimyさんと同じボタンの並びで、独自のフッターモバイルボタンを作成してみました。 わいひらさんが用意したURLコマンドがある場合は、Font AwesomeのClassは入力しなくても、いいみたいです。 つまり、メニューなら、URLに「#...

@Aimy さん 画像を拝見しますと、設定はちゃんとされていらっしゃるように見えます。 ちょっと、話がややこしくなるのですが、先に私が添付した画像のボタン、左から、「メニュー」「ホーム」「検索」「トップ」「サイドバー」の５つのボタンの配置は、Aimyさんが参考にした案内のページで作成したもの...

@tekytoh さん 私はtwitterには疎いので、twitterのCard Validatorでのブログカードの確認方法というのがよくわかりません。 明日、と言っても、もう日付は今日ですが、詳しい方が回答くださるかと思います。 お役にたてず、すみません。

インストールされているプラグインは少ないようですが、これらの影響は考えられにくいですか？

Cocoon設定の「画像」タブの設定で「アイキャッチ自動設定を有効にする」にチェックが入っていませんでしょうか？  ba9541705aaee1229c0c236701b6138d.png

h2 とか　h3 、h4 などの見出しタグはいろいろな場所で使われていることが多いので、単独でCSSのセレクタとして使ってしまうと、予期せぬ場所のデザインに適用されてしまう場合があります。 他のクラスセレクタなどと、組み合わせて使うと、CSSの適用範囲を絞ることができます。 以下のトピックに...

ちなみに、下の画像は、スニペットを表示させた状態です。 画像のカタチや、文字の大きさ、色などカスタマイズしてしまっていますが、文字が画像の下に回り込んでいるのがわかるかと思います。 fedf740049a7a8fe2e78a9b588c34ab3.png スマホの狭い画...

その後、ご自身で試されていらっしゃるようですね。 エントリーカードは、480px 以下の画面では、左の画像の下に文字が回り込む仕様になっているようです。 見出しだけですと、わかりにくいのですが、480px 以下でも、スニペット（見出しの下の説明文）もCocoon設定で表示させることができるよ...

ちょっと、気になったので、私の Cocoon のサイトで、ドロップダウンを外してみたのですが、２つにダブって表示されるようなことはないみたいです。 テスト環境 WordPress 5.4Cocoon バージョン：2.1.3.9

Simplicity2をご利用の方々に問題がないといいのですが・・ 私サイトもドロップダウンなので、良くわからないのですが・・

すみません、ちょっと、間違えたみたいなので、もう一度。 @media screen and (max-width:480px) {div.ect-entry-card .card-content,div.rect-entry-card .card-content {margin-left: 40...

ちょっと、上手くいくかどうか、わからないですが、だいたい、以下のような感じでしょうか？ @media screen and (max-width:480px) { div.ect-entry-card .card-content, div.rect-entry-card .card-cont...

Cocoon設定の高速化をOFFにして、お待ちください。 高速化設定をOFFにする手順は以下の画像のとおりです。 ca54acadc51c644861430f6e57f57bdf.png 2b11197a3df81106de50f39943bc641c.png  ...

もしかして、以下のボタンのことでしょうか？ 376da77c1b3d7c6a48e4c4e531197ffd.png だとしますと、以下のページをご覧になって、フッターモバイルボタンを作られたということで合っていますでしょうか？ フッターモバイルボタンの...

子テーマの以下の記述で指定してあるみたいです。 h3:before, h1:after {content: '';position: absolute;width:10px;height: 10px;border: solid 2px black;border-radius: 50%;}

先日の、 じいさん 半角スペース 本人｛スタイル ｝ と同じ考え方なら、 .article .wp-block-image img になるので、試してみては？ 私は試していないです。

@vaio さん なんだか、偉そうに書き込みまして、申し訳ございません。 ちゅるさんのおっしゃるように、自分で調べて解決するということができれば、質問の頻度もぐっと少なくなるかと思います。 ちょっと、調べて、わからなければ、また、さらに調べる、それでもダメなら、方向性を変えて調べる、試す...