Cocoonフォーラム

わいひらさんなら、もっと簡単な方法を知ってるかもしれませんね。 c3898fd694ca785d8fca94f386889b36.png ありや、スペル間違えれてら。 これが、ホントのイメージダウン。

もっと簡単な方法があるのかもしれませんが、コードエディターで以下の方法でできました。 <figure class="wp-block-image size-large"><a href="http://demo.local/wp-content/uploads/2020/04/...

過去トピックに似たようなものがあるみたいです。 とりあえず、Cocoonを最新バージョンにしてみてはいかがでしょうか。 [解決済] 更新後、編集時に吹き出しの下半分が消えてしまいます

@蓮 さん うーん、環境情報をいただいたのですけど、私には、よくわからないです。 既に廃止された font タグが自動的に挿入されるってことが、あるのかなぁ・・・ すぐには、お役に立てそうにありません。

私もあまり詳しくはないのですが、ソースコードを拝見しますと、 <font size="2"> というタグがたくさんあるのがわかります。 デベロッパーツールで、この数値を「3」など、他の数値に変えると、文字の大きさが変わるみたいです。 このような文字の制御方法は、Cocoon...

リストの a タグに白っぽい影が指定してあるのが、原因かと推測します。 0045f6fcada3ff8ae783ba502353d45d.png 影があるため、外枠のボーダーが隠れてしまうみたいです。

これっぽいような・・ .widget_categories ul li a {box-shadow: none;}

@too さん #toc, .toc {margin: 0 auto;width: auto;} 私の無知から、案内が長くなってしまいましたが、上記のコードを「テーマの編集ページ」の下記の画像の位置にコピペしてみてください。 d806a26dbba7b408af970b01554...

あら～ッ！デベロッパーツールの下の方、見落としてましたぁ～ ? #toc, .toc {margin: 0 auto;width: auto;} これだけで、よさそうですね。 いつもながら、参りました。 ?

スマホ表示の画像間違えてました。 width:80%;取るの忘れてました。 本当はこっち。  d7caeba8c9c5c5e911639508090b6d37.png

PC表示 c57c7a5063c9c19eff950dcc0638057b.png スマホ表示 d7caeba8c9c5c5e911639508090b6d37.png これの方がいいかな？

中央配置にする方法もあるみたい・・ #toc, .toc {margin: 0 auto;width: auto;display: table;} これは、私も知らなかった。 以下、参考にしたベージ。 可変幅の要素を中央寄せするCSS かうたっくさん、 さては、知ってて...

@too さん かうたっくさんのコードの場合は、目次は左寄せになるみたいです。 その場合でも、 #toc .toc-content, .toc .toc-content {padding-left: 0;} では、左側の目次の枠線と文字が近づきすぎてしまうので、これは、要らないみたいで...

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

@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