Cocoonフォーラム

前略、@KIDO さん ①添付画像「A」(左端)のロゴは別の画像を設定できますでしょうか。 前にいただいた２つのトピックの内容を応用すればできそうな気がします。（実際やってみないと、わかりませんが・・） ②同じく「A」について、左右の余白を増やすことは可能で...

@SAI さん 合格通知が届くといいですね。 ?

SAI さん 私は最近審査を受けていないので、よくわからないのですが、Google AdSense の審査を受けている最中、と言った場合は、合否が決定するまで、そのままにしておくしかないのかもしれません。

前略、SAI さん デベロッパーツールで該当箇所（余白部分）を見てみると、Googleの広告エリアになっているようです。 Google AdSense で自動広告をONにしていると、意図しないところに広告が挿入されてしまう場合があるようです。 自動広告のON・ OFFの設...

前略、たに さん 私の環境では、サイトバー上部とメインカラム上部に空間ができていて、デベロッパーツールで該当箇所を見てみると、どうもGoogleの広告スペースになっているようです。 Google AdSense の広告を最近設定して、まだ広告が表示されていない状態なのか？ その辺...

プット さん 黄色の部分のコードをコピペしたら、下の方にある「ファイルを更新」ボタンをクリックして、保存します。

前略、プット さん ダッシュボードの「外観」→「テーマエディター」とたどり、 以下の黄色い部分をコピペで、イケそうな気がします。 @charset "UTF-8";/*!Theme Name: Cocoon ChildDescription: Cocoon専用の子テーマTheme URI...

前略、KIDO さん ちょっと、仕様を変えたんですね。 私も、あまりよくわからないのですが、 .mobile-menu-buttons .menu-button > a { visibility: hidden;} で消えるっぽいですが、実用できそうでしょうか？ ちょっと...

@usako20 さん あと、WordPressやCocoonのテーマのバージョンアップを行うように、PHPのバージョンにも気を配って、レンタルサーバーの推奨バージョンに設定することをオススメします。 Xサーバーでしたら、サーバーパネルから簡単にバージョンを変更することができるかと思...

@usako20 さん また、Autoptimize の代わりと言ってはちょっと違うかもしれませんが、Cocoonの高速化設定の HTML縮小化CSS縮小化JavaScript縮小化 あたりを使えば、サイトの読み込みスピードが若干早くなるかもしれません。

@usako20 さん CSSのコードを設定しないと引用のデザインが表示されなかったのは、やはり、Cocoon設定の全体タブの設定で「サイトキーカラー」か「サイトキーテキストカラー」の設定が優先されていたためじゃないかと推測しています。 これらの色をクリアすれば、CSSのコードを設定...

@usako20 さん もし、他の方と書き込みが被ったときは、ごめんなさい。 まず、停止していただきたいプラグインがあります。 WP-Super-Cache WP Fastest Cache の２つは、キャッシュ系のプラグインですので、現在の状況を見るためには、停止する必...

前略、usako20 さん 私もローカルのテストサイトでスキンをFuwari えびちゃにして、クラッシックブロックで、引用の表示をテストしてみたのですが、普通に引用のデザインで表示されました。 どうしてでしょうね？ 実際に表示される画面で、該当する文字の上で右クリックして...

@白猫 さん プラグインの「Google XML Sitemaps」は私も使っていますが、特に不具合は起きていないようです。 プラグインのバージョンなどもあろうかとは思いますが、本当の原因は他にあるような気もします。 でも、不具合が解消されたということですので、その点は、...

前略、えみ さん スキンのCSSで左側に border-left: solid 5px #e95295; という指定がなされているので、 ｈ2のところに border: none; を追記すれば、上書きで消えると思います。 あと、セレクタが　.entry-content h...

前略、totoro さん 私は、技術的なことはサッパリわからないのですが、WordPress のバージョン5.5以降では、WordPressの機能として、Lazy Load 機能が組み込まれ、それに伴ってCocoonのLazy Load機能も機能が重複しないように、ご対応くださっているので、プラ...

@白猫 さん PHPのバージョンのことばかり書きこんでしまいましたが、原因は他にあるかもしれません。

@白猫 さん この件で、おそらく、明日夜、わいひらさんが何か書きこんでくださるかと思います。 それをお待ちになるのが良いような気がします。

@白猫 さん 今回の不具合の原因とPHPのバージョンの因果関係は、私にはわかりません。 そのあたりは、詳しい方が書きこんでくださると、ありがたいですね。 以下のリンクのページを見てみると、CGI版よりモジュール版の方が処理速度が速いようなことが書いてあるみたいです。 ...

@白猫 さん 私はPHPについては、ほとんど学んでいないので、よくわからないのですが、WordPressはPHPによって、HTMLを生成してWebサイトとして表示させる仕組みになっているみたいです。（それぐらいしか理解していないのですが ? ） ですので、私はWordPressの...

@白猫 さん すみません。ちょっと時間がなくて調べられないのですが、ロリポップのマニュアルにPHPのバージョンアップの方法がきっとあると思います。 もし無かったら、問い合わせてみても良いかと思います。

@KIDO さん フッターロゴを非表示にしているのは、子テーマのCSSではなくて、Cocoonのテーマのような気がします。 どこかの設定で非表示にされていませんか？

@KIDO さん これは、また別の対策が要るかもしれません。

KIDO さん background-size: cover; をやめて、background-size: contain; にする。 すると、PC用の画像が小さくなってしまうので、スマホ用のロゴ画像の左右に透明な背景を足す。 スマホ用の画像のアスペクト比が横長になるので...

前略、白猫 さん 管理画面や投稿画面の表示については、難しい内容であることも少なくないので、私などには、おそらくわからないとは思いつつも、何かご協力できないかということで・・ PHPのバージョンは、お使いのレンタルサーバーの推奨バージョンになさっていますか？

@ももぞう さん 上手くいったようで、なんだか私もホッとしました。 ?

KIDO さん 実際に、やったことはないですが、ググってみると、それっぽい記事がありそうな気もします。 jQueryでウィンドウサイズによって画像を切り替える 【レスポンシブ】jQueryでウィンドウサイズによって画像を差し替え PCとスマホで表示する画像を変える方法...

前略、TNK さん Cocoon設定の「ヘッダー」タブの設定で、「ヘッダーレイアウト」を「センターロゴ（デフォルト）」にすれば良いかと想います。  031cc7562a7d96ceacd38055e172a4b0.png

前略、KIDO さん 過去に似たようなトピックがあったので、貼り付けてみます。 でも、条件が全く同じじゃないかもしれません。 あまり詳しく見ていません。（すみません。） [解決済] PCとスマホでロゴを切り替える スマホ ヘッダーロゴ画像 あとは、やっ...

@ももぞう さん 実は私もパーマリンクの設定をいろいろ試したことがある訳ではないので、ももぞうさんと同じようにWordpressを始めるときに、数記事ググって設定したように記憶しています。 これは、私もそのように考えて、カスタム構造の入力欄に、 /%postname% と入力して設...

@ももぞう さん パーマリンクを「カテゴリーベース」にしたかったのでしょうか？ それとも、なんとなく、この設定にしていた・・のでしょうか？

@ももぞう さん パーマリンクの設定を変えるときは記事のURLが変わってしまう場合があるので、慎重に行った方が良いのですが、どうも、カテゴリベースのところにドットがあるのが気になります。 あと、「投稿名」のラジオボタンにチェックが入っているのに、カスタム投稿のところに /%postn...

@jamkun さん ご教示いただき、ありがとうございます。 試してみます。

ジャム君 さん そう言えば、私も「HTML形式でのサイトマップを含める」のチェックを外したのを想い出しました。 どうも、このところ物忘れが・・ これは、なんというアドオンですか？

かおり さん 私はどうも、Google Search Console のことは苦手なので、よくわからないのですが、サイトを拝見しますと、sitemap というページを見つけられなかったのですが、sitemap というページは実際にあるのでしょうか？

前略、かおり さん Cocoon設定の「SEO」タブの設定項目を見てみたら、それっぽい項目があったので、たぶん以下の画像の要領で出来そうな気がします。  717ffb480be58ca95008a8aa6b103324.png

usako20 さん 文字の色が濃すぎるなど、文字の色も変えたいときは、以下のように文字の色も指定します。 .list .entry-card-title { font-weight: bold; color: #666;/*文字の色*/} 子テーマのCSSファイルを開くには、ダッシュ...

前略、usako20 さん 以下のCSSのコードを子テーマのCSSか、追加CSSにコピペしてみてください。 .list .entry-card-title { font-weight: bold;}

前略、とこ さん プラグインの「VK Blocks」「VK All in One Expansion Unit」辺りを停止してみると、どうなりますでしょうか？ もし、なんらかのキャッシュを行っている場合は、キャッシュもクリアして確認してみてください。

ヘッダー画像を１つの画像で表示する場合、背景画像でもロゴ画像でもどちらでもできるようですが、ロゴ画像の方で設定すると、クリックできます。 クリックすると、トップページへのリンクになっているので、トップページへ ページ移動します。 背景画像を使用して calc() を使って高さ...

mami1977 さん ヘッダー画像をヘッダーの背景画像ではなく、ヘッダーロゴ画像の方に設定した場合は、以下のようなCSSのコードでイケルような気がします。 /*ヘッダーロゴ画像を画面幅いっぱいに広げ、上下の隙間も無くす*/.header-in {/*ロゴ画像を画面幅いっぱいに広げる...

mami1977 さん よく考えたら、モバイルメニューを別のメニューにしても、カテゴリのタイトルにしたいのだから、意味がないですよね。 Cocoon設定の「モバイル」タブの設定で「モバイルメニュー」を「トップメニュー」にすると、ハンバーガーメニューのようなデザインにはなってしまいます...

mami1977 さん 私も当初、PC用のメニューがモバイル表示でも表示されたので、PC用のメニューがそのままスマホメニューになるのだと勘違いしていました。 フォーラムを読んでいるうちに、なんだ、モバイルヘッダーメニューは、モバイルヘッダーメニューとして、PC用のメニューとは別に作れ...

mami1977 さん 前述した以下の式ですが、 #header { height: calc(100vw * x);} 画像全体を表示ではなく、画像の下の方が切れてしまっても良いデザインの背景画像の場合は、ｘの値を調整すれば、表示させたい縦幅を調整できるかと思います。 値...

mami1977 さん モバイルのサブメニューについては、あまり詳しくわからないのですが、モバイル用のメニューはPC用とは別に作ることができるので、６つに絞って、サブメニューなし、というのは、答えになってないですかね？

mami1977 さん 背景画像全体を表示するときの計算式は、ヘッダーの背景画像の 高さ ÷ （横幅 + 17px） ＝ ｘ #header { height: calc(100vw * x);} で、だいたい合っていると思います。 17pxは、スクロールバーの幅...

前略、mami1977 さん ヘッダー画像を背景画像として設定した場合ですが、そもそも背景画像は、高さという概念がないため、設定した箇所のコンテナに高さを別途指定してあげる必要があります。 以下のようなCSSのコードを追加CSSか、子テーマのCSSに記載すれば、スマホでも同じアスペク...

前略、@Minami さん Firefoxでもリロードしたら、画像が読み込めなくなりました。 デベロッパーツールで該当箇所を見てみると、画像のURLがhttpのままになっているようです。 ロゴ画像をサーバーに再アップロードして再設定してみると、どうなるでしょうか？ ...

これは、動作させるコードより先に読み込んでいれば良い、ということみたいですね。 headタグ内でなくてはいけないということではないようです。 ?

@toejune さん jqueryのCDNのコードは、headタグ内に記述するのが通常の方法だったように記憶しています。 また、ググってみると、jquery-ui のCDNのコードはjquery本体のCDNのコードより下の行に記述しなくてはならないようです。 Cocoo...