Cocoonフォーラム

bodyタグに付与されている、ページ固有のClassを使って、子孫セレクタでCSSの適用範囲をトップページに限定する。 デベロッパーツールを使って、見出しや、見出しの疑似要素に指定されているCSSのプロパティを初期値に戻す。 という作業です。

全部、細かくアドバイスするのには手間がかかりすぎます。 デベロッパーツールとCSSの簡単な基礎をちょっと学ぶだけで、できるようになります。

スキンのCSSの指定を読み解けば、どの指定を上書きすれば良いのか、わかります。 スキンのCSSファイルに、見出しのデザインがまとめてあるはずです。 各CSSのプロパティの初期値に戻す感じです。 あとは、 page-id-18 .article h2 のように、固定ページの固...

@るり子 さん 私が勘違いしていたみたいです。 青い丸が付いていたのは、h２だけみたいですね。 /*トップページの見出しのスキンのブルーカレーの青丸を消す*/.page-id-18 .article h2::before {content: none;} 背景画像は、ご自身で設定できそ...

あんまり、やったことないのですが、ダッシュボードの「メディア」で「メディアライブラリ」を開いて、画像を選択すると、「リンクをコピー」みたいなところがあるかと思います。 単純にURLの指定の仕方が違っているからじゃないかと思います。 メディアライブラリで、画像のURLを確認してみてください。 ...

るり子 さん 青丸は消えたみたいですけど、画像のURLの指定が違っているみたいです。

ほとんど、手抜きの回答で・・ CSSで見出しに背景画像をレイアウトするいくつかのやり方 すみません。

/*トップページの見出しのスキンのブルーカレーの青丸を消す*/.page-id-18 .article h2::before,.page-id-18 .article h3::before,.page-id-18 .article h4::before {content: none;} こんなCS...

@xxkaoruxx さん どのように感じておられるのか、少し気になっていました。 フレームには、良いところも沢山ありましたね。 ?

@utsno さん それなら、いいんですが、既存のメインのサイトの表示が、おかしいようでしたので、とても焦りました。 ? やはり、動的なWordPressの記事に、いちいち手動でタグを入れるというのは、良い方法とは言えないですね。（こんなに沢山の記事のタイトルにリンクがあるとは...

@utsno さん やはり、objectタグを手動で挿入するというのは、問題ありそうです。 「デジカメジン本館」のエントリーページの２ページ以降を見るとレイアウトがずれてしまっているようです。 私も、もう少し、よく考え、テストしてみるべきでした。 申し訳ありま...

@utsno さん Cocoonは、スマホなどのタッチデバイスの操作性を考慮して、エントリーカード全体がリンクになっています。 なので、かうたっくさんや、みるみさんがおっしゃるように、あまり良い方法ではないみたいです。 それに、エントリーページは動的に生成されるため、新た...

慌てて、書いたので、間違えました。 ご操作❌ 誤操作⭕️ エントリーカードで、ブログカードを入れるような方法って、なかったかなぁ。

@utsno さん objectタグで囲む方法は、私も使ったことがないため、各ブラウザや端末で正しく表示されるかテストした方がよさそうです。 それと、リンクの中のリンクなので、タッチ画面のデバイスでは、ご操作しやすい、という可能性もあります。 紹介しておいて、なんですが、...

@mirumi さん utsnoさんのサイトのソースコードをコピーしてローカルでテストしたら、見出しと、エントリーカード、それぞれのリンクに飛ぶみたい・・・ あまり使わないやり方ですが、これも有りなのかな・・

aタグをobjectタグで囲むと、はみ出なくなるみたいなんですけど、みるみさん、文法的にはよろしくないのでしょうか？  a-tag-test-2020-05-06-135955.png

ついでに、こっちも。 HTML 本当は怖い target="_blank" 。rel="noopener" ってなに？ HTML 本当は怖い target="_blank" 。rel="noopener" ’ってなに？ リンクは上手く貼れない ? 黒い所の中をクリックしてみて...

こちらの記事が参考になりそうです。 aタグの中にaタグを書きたい時のtips 書き方としては、こんな感じでしょうか。 <h2 class="entry-card-title card-title e-card-title" itemprop="headline"><ob...

@RG さん お困りの様子で、ご事情お察しいたします。 「必要条件」については、参考情報として書き込ませていただいたもので、おそらく、今回の原因とはあまり関係ないのかもしれません。 私もXサーバーで、WordPressのバージョンは、「5.4.1」で、PHPのバージョンは...

本件とは関係ないかもしれないのですが、以下のような記載もあるみたいです。（参考） 必要条件

かつて、Webサイトはフレームとテーブルで作るのが当たり前のような時期があったみたいですが、様々な観点からhtml5では、frameタグ自体も廃止されてしまっているようです。 左側にメニューを配置するのであれば、サイドバーを左側にして、そこに、何らかのリンクを配置すれば、PC表示では、同...

@けいすけ さん 既に使っているだろうと、書かなかったのですが、私はFirefoxを使うことが多いです。

Akira さん それを忘れていました。 ?

@reno さん ヒロアキさんのアドバイスにある、「サイドバースクロール追従」を開いて、一応、確認してみてもいいかもしれません。 中に何か入っている場合もあるみたいですので・・・

Xサーバーだと、PHPの推奨バージョンは、たぶん、7.3.14 だと思います。 PHP-2020-05-05-123615.png 改善するかどうかは、わかりませんが・・

管理画面の操作上のことなので、何が原因と言っても、よくわからないのですが・・ 一応このCocoonのサイトでは、PHPのバージョンは、７以上となっているみたいですが、WordPressのバージョンが最新の5.4.1なのに対して、PHPのバージョンが、若干古いような気もしないでもないので・・ ...

いま、ちょっと見たら、BraveもMacでも使えそう・・ でも、Kinzaがお気に入りだったら、ごめんなさい。

@けいすけ さん 公式トップページの表記に、うっかり騙されて？しまいました。 Kinzaはサイドバーが固定表示できるので、便利なんですけどね。 Mac版に注力していないのであれば、こちら側の頭をパッと切り替えた方がよさそうですね。 ? セキュリティー面等もありますし。 Macで...

この手の問題は難しい場合が多いので、ロースキルの私などは、お呼びではないかもしれませんが、KinzaはChromeをベースに作られているというような事を記憶しています。（間違っているかもしれませんが・・） とりあえず、Kinzaを最新バージョンの6.2.3にしてみるというのはいかがでしょうか？

最近、頻繁に回答されていた先輩が、お忙しいようなので、あまり、回答するつもりもなかったのですが、やっています。 本当に初心者で、右も左もわからない方の質問もけっこう多いみたいです。 よろしければ、お時間のある時でも回答者でご参加ください。

ひよっとすると、ino さんも同じ原因ということもあるかもしれないですね。 サイトのキーカラーを確認してみてもいいかもしれません。 ?

今回の場合、ちょっと私も、CSSの詳細度が微妙によくわからないのですが・・ headerタグに付与されている「cf」というclassに、CSSで:afterの疑似要素でクリアフィックスが指定してあり、それがdisplay:block;となっていたためと思われます。 同じタグに付いている、cl...

.page-id-578 #header,.page-id-578 .entry-title,.page-id-578 .sns-share,.page-id-578 .sns-follow {display: none;} これですと、効きそうでしょうか？ １箇所、ピリオドをシャープ？に変え...

.page-id-578 .header, .page-id-578 .entry-title, .page-id-578 .sns-share, .page-id-578 .sns-follow { display: none; } これのことかな？

@rodanサイクル さん すみません、「サイトマップのバナー」というのがどれかちょっと、わかりません。 リンクとキャプチャをいただいてもよろしいでしょうか？

いま、出先なので、細かいことは、書けないのですが、サイトキーカラーが、白「#fff」に、なっていないか、一応、ご確認いただいても、よろしいでしょうか？ もし、白色に設定されているようでしたら、クリアボタンで、クリアして、設定をまとめて保存のボタンで確定してください。

@rodanサイクル さん Cocoon設定の「全体」タブの「サイトキーカラー」の設定はどのようになっていますか？ 09ee2ca577bcd9e89ee5d707b9909e05.png

いまのところ、私にもよくわからないのですが、こういった、複数の箇所のデザインをまとめてインラインのCSSで出力するのは、Cocoon設定の「全体」タブの「キーカラー」の設定だったり、「ヘッダー」タブの各部の色を変える設定だったりするようです。 でも、何も設定を変えていなにのに、変わってしまってい...

（なぜか私の環境では、Firefoxでは、フォーラムにログインできなくなって、Chromeで入っています。） 理由はわからないのですが、インラインで以下のCSSが出力されているみたいです。 .header, .header .site-name-text, #navi .navi-in a,...

@rodanサイクル さん この手の問題は難しい場合があるので、ロースキルの私の出番では、ないかもしれないのですが、他の方も見てくださるかと思いますので、もし、差し支えなければ、環境情報を貼っていただければと思います。 ちょっと小用で、外します。

ino さんの場合は、Gutenbergのところが１になっているのに、エディターのキャプチャは、クラッシックエディタのように見えます。 プラグインの Classic Editor 1.5 をお使いになられていらっしゃるようですが、この２つは、矛盾しているように思えます。 Cocoonの場合は...

Cocoon設定の「モバイル」タブの「モバイルメニュー」の設定は、どのようになっていますか？  5eea9bf54300840d2284efb8e41a6f7c.png

これ、私の子テーマなのですが、「スキン(m-sora)」も、表示されているみたいです。 m-sora-2020-05-04-110015.png みるみさん そうでした・・・ ?

あー、えーと、確かできたと思います。 みるみさーん、どこでやるんでしたっけ？ 無責任・・

@Lani さん 既にご存知でしたら、まったく余計な書き込みなのですが、子テーマのご利用をオススメいたします。 Cocoonテーマをインストールする方法

@ino さん 直接関係があるかどうかは、わからないのですが、カスタマイズ用の空のスキンを選択されてしまっているようです。 Cocoon設定の「スキン」タブでスキンを「なし」にして「変更をまとめて保存」のボタンをクリックして設定を変更すると、何か変化はありますでしょうか？ &nb...

@まる さん 「峠の雑記ブログ」さんのカスタマイズの内容は、まるさんのイメージとは、やや異なっているようですが、Cocoonは、オプションが豊富なので、工夫して組み合わせることもできるという例にはなっているのかなと思います。 特化している訳ではないとは思いますが、どちらかというと、コ...

@mirumi さん お任せいたします。 ?

Lani さん 状況を把握するため、フォーラム冒頭の案内にありますとおり、高速化設定を有効にされていらっしゃいましたら、高速化設定を無効にして、ここに貼り付けても差し支えなければ、環境情報をご提示いただければと思います。 3b1534797f95d48d29b3710ea5689244.p...

@yhira さん 何か問題が起きると、すぐ目の前の解決策ばかりを追ってしまい、書き込んでしまうので、いつもご迷惑をおかけしています。 何卒、ご容赦ください。 今回のトピックで、スキンの「Momoon」のデザインをあらためて、よく見てみると、隙間や、余白、空間、といったものを考慮...