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」のデザインをあらためて、よく見てみると、隙間や、余白、空間、といったものを考慮...

@taroken さん 解決したようで、良かったです。 PC表示の不具合？につきましては、気になるようでしたら、本件とは別にトピックを立ててくださいますよう、お願いいたします。 なお、その際は、またお手数ですが、あらためて、環境情報を貼っていただきますようお願いいたします。 たぶん、...

フォーラムに回答していたら、見つけた記事。 特にテクニカルな事はしていなくても、Cocoonの標準オプションだけでも、工夫すれば、いろいろできるという見本になるかと。 ローテク専門の私には、とても参考になります。 「峠の雑記ブログ」さんの記事。 【Cocoon】スマホのヘッダー簡単カ...

@taroken さん はみ出している箇所のソースコードを拝見しますと、「MaxButton-2」というClassが付与されているようです。 プラグインの中に「MaxButtons」という関連性のありそうなものがありますが、これを停止すると、どのようになりますでしょうか？ ma...

おそらく、広告の幅が、407pxで指定されているため、と思われますが、高速化設定がなされていると、よくわかりません。 PC表示も全体がWindowの左端に寄ってしまっているようですね。 4d5c27c6582cd172ff1c782b8a284872.png

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

@松岡 さん WordPressの場合、親テーマはどんどんアップデートしていくので、親テーマのCSSを直接編集しても、アップデート時に元に戻ってしまう可能性があります。 ご自身で、対応される場合は、以下のCSSを子テーマに追記すれば、反映されるかと思います。 /*スキン（Momoon）適...

@松岡 さん 私、個人的には、スキンの「Momoon」を使われる方、皆さんに影響することのような気がしますので、テーマ側で修正しておいた方が良いと考えます。 最近、WordPress5.4.1がリリースされたので、対応等で、わいひらさんも何かと、お忙しいのかなと、思われます。 松岡さん...

@yhira さん 理論的には、行間が1.8なら、４行表示で、 max-height: 7.2em; ５行表示なら、 max-height: 9em; になるのでしょうか？ 行間を変えたら、上下のスペースも合わせて変えた方が良いかと・・・ ?

@yhira さん スキンでスニペットの行間を1.3から1.8に変えているみたいです。 .entry-card-snippet {line-height: 1.8;}

スキンの「skin-modernblack」でインラインで出力されるCSSの、 *::{/*! color:#000; */}*::-moz-selection {/*! color:#000; */}*::selection {background:#ededc9}*::-moz-select...

tetsuo3 さん 現在は、「skin-modernblack」というスキンを設定されていらっしゃるようですが、スキンを「なし」にして、iphone7で見てみると、どのように見えますでしょうか？

ＰＣのブラウザのモバイル表示では、ちゃんと表示されているのに、iphoneで見てみると、おっしゃるように、✖印やサイドバーのプロフィールの文字が消えたようになってしまいますね。 ios 特有の症状なのかな・・・？ ちょっと、調べないと、わからないですね。

またまた、勝手に解釈しちゃってるかもしれないのですが・・・ 「峠の雑記ブログ」さんの記事が面白いなと思ったので貼ってみます。 まるさんのおっしゃっているサイトが企業サイトだったりすると、ここには載せられないかもしれないですしね。 【Cocoon】スマホのヘッダー簡単カスタマイズ‼ハンバー...