Cocoonフォーラム

@きのこ さん ちょっと場所がよくわからないのですが、以下のコードをどこかに書かれていませんか？ h2#danraku2 {border-bottom: solid 3px black;}h3#danraku3 {position: relative;padding: 0.25em 1em;...

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

とし さん もうひとつのトピックも、これらを踏まえて、修正した後、再度表示を確認してからの方が良いかと思います。 また、カスタマイズのご質問の際は、Cocoonの高速化設定をOFFにしてくださるようお願いいたします。  3b1534797f95d48d29b3710ea...

とし さん 記事タイトルのマージンは、デフォルトで以下のような指定になっているようです。 .entry-title, .archive-title { font-size: 26px; margin: 16px 0; line-height: 1.3;} これは、上方向と下方向のマー...

とし さん また、記事のタイトルだけデザインを変更する場合は、CSSのセレクタは以下のようにします。 .article h1 { プロパティ:値;} ｈ１だけですと、サイトタイトルなど、別の箇所にも適用されてしまう恐れがあります。

前略、とし さん CSSのコードの編集を行うときは、文字コードをUTF-8（BOMなし）でプレーンテキストを扱うことができるテキストエディターをお使いになることをオススメします。 子テーマのCSSの68行目と104行目に目視できない余分な文字（BOM？）が入っています。 こ...

@ka24ne さん 「ThemeGrill Demo Importer」はどうも今年２月ごろの記事で脆弱性があるという内容が散見されるので、もしかしたら、そうなのかもしれません。 「ThemeGrill Demo Importer」に限らず、プラグインは、古いバージョンのままお使い...

@ka24ne さん 「ThemeGrill Demo Importer」は添付いただいた画像に記載があったので、関係があるかと、ちょっと思っただけです。 環境情報のプラグインのリストには見当たりませんね？ サイトのソースコードを拝見しますと、LiteSpeed Cach...

前略、sena さん 現在テーマ作者様は療養中のため、返信までには、日数を要するものと思われます。 フォーラムに戻られるまで、お待ちください。

Kana さん スマホで画像の一部が切れてしまう、といった場合は、以下のトピックが参考になるかと思います。 [解決済] スマホ表示だとアピールエリアの画像が切れる 計算式は、 画像の高さ ÷ （画像の幅 + 17px）＝X #appeal { height:c...

前略、Kana さん 設定した、CSSのコードは、削除して・・・ Cocoon設定の「アピールエリア」タブのテキストエリア表示で、「テキストメッセージエリアを表示する」のチェックを外して、「変更をまとめて保存」のボタンをクリックします。 b31e2ef7422beb9d...

ka24ne さん 「ThemeGrill Demo Importer」でググってみたら、脆弱性が、どうのこうの的な記事がヒットしますね・・

ka24ne さん そういえば、添付画像に「ThemeGrill Demo Importer-This plugin requires official ThemeGrill Theme to be activated to work」とかなんとか書いてありますね？ 「ThemeGr...

前略、ka24ne さん このような表示は、初めて見ました。 私も現時点では、皆目 見当がつきません。 Wordpressの基本設定で制御できない、ということは、んー、プラグイン辺りかな？と思ってみたり・・ プラグインを停止して、キャッシュをクリアしたら、なにか変化が...

@tamako さん 上手くいったようで良かったです。 ところで、現在、Cocoon設定の「スキン」タブの設定でスキンを「スキンテンプレート」に設定なさっているようですが、スキンテンプレートは、自分でカスタマイズして使うテンプレートのような気がします。 スキンが必要ない場合は、「...

tamako さん 「人気記事」ウィジェットを使うには、とりあえず、WordPress Popular Posts を停止して、アクセス集計が出来るようにチェックをいれて、「外観」→「ウィジェット」で、「人気記事」ウィジェットをサイドバーのエリアにドラッグするだけです。 設定内容も細...

tamako さん Cocoonには、独自のアクセス集計機能があるので、WordPress Popular Posts を使わなくてもCocoonの「人気記事」ウィジェットが使えるようになっています。 アクセス集計機能の説明 もし、他のテーマに乗り換える予定がなけば、そち...

tamako さん Cocoonのキャッシュ削除は以下の画像のところですが、んー、どうなんだろう・・・  Cocoon2020-10-18-224922.png

前略、tamako さん Cocoonのキャッシュかなと、最初は思ったのですが、画像のソースやソースコードを拝見しますと、やっぱり、Word press popular posts のキャッシュっぽいんですよね・・・ Wordpresspp2020-10-18-224054.png...

@yama さん Cocoonの全体タブの設定で使えるWebフォントのCSSのコードは以下のようになっているみたいなので・・ .ff-noto-sans-jp,.wf-active .ff-noto-sans-jp {font-family: "Noto Sans JP" ,sans-ser...

前略、匿名 さん もしかしたら、以下のトピック及びトピックにあるリンクのトピックに、何かヒントがあるかもしれません。 スクロール時のメニューバーに別の画像を設定できますか？ この方は、現在は、また違った方法で工夫されていらっしゃるようです。 Cocoonには、...

前略、yama さん 私はCocoonではやったことがないですが、CSSでフォントファミリーを指定すればできそうな気がします。 font-familyの書き方まとめ：CSSでフォント種類を指定しよう

間違えたので、取り消します。

@yana さん 私はPHPは、よくわからないのですが、おそらく、PHPのカスタマイズが必要になってくるのではと推測します。（ widget-areas.php ファイル辺り？） yana さんがPHPにお詳しい方でしたら、カスタマイズができるかと思います。 フォーラムで...

参考サイト CSS】親要素を無視して子要素の幅をいっぱいに広げる方法

このトピックも検索される誰かの役にたたないとも限りません。 原因を書いてくださってありがとうございます。

あき さん サンプルサイトの水色の背景色の部分はサンプルサイトで該当部分を右クリックして、デベロッパーツールでCSSのコードを読み解くなどすれば、どのようなやり方になっているのかわかるかもしれません。（他の部分もですが・・） 以下のトピックにデベロッパーツールの使い方などのリンクもあ...

あき さん アピールエリアのマニュアルは以下のリンクです。 ヘッダー下アピールエリアの使い方

あき さん Local という簡単にWordpressのテストサイトをパソコンにつくることができるサービスなどもありますので、そういったもので、テストサイトを作り、実際にご自身で、作れそうかどうか試してみるのも、いいのではないかと思います。 Local は、以前は Local by ...

前略、あき さん サンプルサイトを拝見しますと、Cocoonの「アピールエリア」の機能を使って、応用しているのかな？というような推測ができますが、Cocoonはどちらかというと、ブロガー向けのデザインになっているので、コーポレートサイトを作るとなると、Web制作の知識が、ある程度必要になってくる...

@beeatone さん 現在の状況から、ウィジェットの表示設定のどこかにチェックが入っているのでは？と思ったのですが、ご自身で、いろいろお試しになってみてください。  408e2fb9c2ac662c2d0ecce13b390c64.png

@きりたに さん そうなんですね・・ となると、困りますね。 環境情報を拝見しますと、WordpressとPHPのバージョンがやや前のもののようにお見受けしますが、今回の件との因果関係は私にはサッパリわからないです。 詳しい方が書きこんでくださると良いのですが...

@kaokao さん こういったことは、実際やってみないとわからない部分も多いので、いろいろお試しになってみるのが一番かもしれませんね。

前略、きりたに さん 原因といっても、私は、まったく思いつかないのですが・・ もうひとつ架空のカテゴリーを作って「退職」を親カテゴリーに設定して、テスト記事に目次が表示される数だけ見出しを設定したら、目次は表示されたりするんでしょうか？ それとも、やっぱり目次は出てこない...

@beeatone さん 「チェック・入力したページで非表示」にして、チェックを全て外せば良いような気がします。

@beeatone さん 「旅」のカテゴリーのページだけ消えちゃいますね？

yomin さん デフォルトの状態でも、戻るボタンでメニューが開くのではなくて、メニューが開いたままの状態の前のページにもどる、という感じのようですけども。

前略、yomin さん ググってみたら、以下の記事がヒットしたので、headタグ内に設置して、iphoneで試してみたら、とりあえず、ちょっぴり再読み込みのラグがあるけど、ドロワーメニューが引っ込むみたいです。 ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法 ...

テーブルブロックに「追加 CSS クラス」を設定するには、テーブルブロックを選択して、「高度な設定」→「追加 CSS クラス」とたどって、入力窓に 任意の class を設定すればOKです。 任意のclassを設定して、その classをCSSのセレクタに利用すれば、class のないテ...

@yamaguchitarou さん CSSセレクタが table { だけですと、全てのテーブルに適用されてしまうので、それを回避するには、独自のclassをテーブルタグか、テーブルのブロックに設定する必要があるかと思われます。 初心者向けのリンクに、いろいろ有用なリンクが貼...

@yamaguchitarou さん ブロックエディターでもテーブルブロックにclassを設定することができるかと思います。 またカスタムHTMLブロックを使うことも可能です。 なにぶん試していないので、推測で書いていますが、ググってヒットしたページの記事の内容は、それほ...

この先、トピックのタイトルで検索される方もいらっしゃると思うので、以下のトピックも貼っておきます。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

yamaguchitarou さん こちらも、テーブルの記事・・ able レイアウトを PC とモバイルで見え方を変更する CSS（table レスポンシブ） 私も時間があるときにやってみようかな・・

yamaguchitarou さん Cocoonでやっている方も・・・ cocoonのスマホ表示でテーブルを縦積みにカスタマイズした記録

前略、yamaguchitarou さん 私はやったことがないので、わかりませんが、ググったら以下のような記事がありましたよ。 レスポンシブに！スマホ表示はテーブルを縦並びにするCSS もし、上手くいったら、私にも教えてくださると嬉しいです。

ソースコードを拝見しますと、83行目に以下のような指定が出力されているのが、ちょっと気になっています。 body#tinymce.wp-editor{color:#fff}

@beeatone さん でも、トップページの「ホーム」にもボックスメニューが表示されていませんね？ 上手く表示されないときは、「ボックスメニュー」ウィジェットの表示設定を確認してみてもいいかもしれません。 デフォルトでは、表示設定のところは、なにもチェックが入っていない...

@natural-link さん パーマリンクを変更すると記事のURLも変わってしまう場合があります。（というか多くの場合変わってしまいます） そうしますと、ブックマークされていた方が再度アクセスしても記事が見つからない状態となることが予想されますし、いままでGoogle等にインデッ...

@beeatone さん 例えば、hello world を「健康」のカテゴリーにしてみるとか・・

@beeatone さん たぶん、そうだと思います。 なんでしたら、テスト記事（これはテスト記事です的な・・）を書いて、別のカテゴリーにしてみれば、わかります。 テストが済んだら、ゴミ箱でも入れてしまうとかでもOKです。