Cocoonフォーラム

前略、charlie さん ソースコードを拝見しますと、バリューコマースの広告コードがあるようです。 よくわかりませんが、プラグインで広告を挿入できるようなものは入れていませんか？

前略、ume さん 本来は、依頼した希望どおりになっていない場合は、発注先に問い合わせれば良いはずですが、このフォーラムにいらしたということは、すでにそれはなさっているのかもしれませんね。 親身になって相談に乗ってくれるところを見つけるのも、ひとつの方法かもしれません。 ...

前略、nafokof さん 私は自分のサイトでは２カラムは１度も使ったことがないのですが、フォーラムに回答する折に何度か使って試してみたりしたことがあります。 PC表示のときは、左右の比率が設定できる？ようですが、どうも画面幅が600pxから781pxの画面幅のときは、50対50にな...

はるさん いつもお世話になっております。 1枚目は通常通りで、添付して投稿した後に、編集ボタンで、編集状態にしたところで、編集は何もせずに、参照ボタンをクリックして２枚目を添付しています。

前略、きりみさん Cocoonのインデックスタブの設定で、カードタイプを「タイルカード２列」にした場合は、左右のエントリーカードの高さは揃いません。 その代わり、サムネイル画像がトリミングされずに、画像全体が表示される利点があります。 左右のエントリーカードの高さを揃える...

MMMさん 私の書いたCSSのコードは、SILKの縦型のブログカードをCocoonのデフォルトの横長ものにするためのものです。 SILKの横長のものに使うことは想定していません。 SILKのオプションで、縦型のブログカードに戻した上で、CSSのコードを適用してみてください...

@7dawne2 さん あと、画面が小さいパソコンの場合は、大きなディスプレイを買って接続して、２画面で作業するという手もあります。 ディスプレイを買わなくても、テレビに繋ぐという方法もあります。

@7dawne2 さん パソコンの画面が小さいときは、Windowsのタスクバーの設定で、「デスクトップモードでタスクバーを自動的に隠す」をONにしておくとか、作業によっては、タスクバーを画面下に移動する、などすると良いかもしれません。 超簡単！Windows10 タスクバーの位置を...

前略、ガーフィーさん もし、ガーフィーさんが、SILKのデザイナーだったら、この文章を読んだらどのように感じるでしょうか。 SILKのデザイナー様は、最も良いと思って、このデザインを選んでいるのではないかと思います。 お気に召さないときは、別のスキンを使うか、ご自身で...

ヒサシ さん 現状は、左右のpaddingは 16px ずつになっているようなので、10pxずつに減らして書いてみました。 もっと少ない方がよければ、適宜数値を変更してください。 前述しましたとおり、ゼロはオススメいたしませんが・・

前略、ヒサシ さん 子テーマのCSSにファイルにお書きになっている以下のコードに替えて、 @media screen and (max-width: 480px) { .entry-content > * { margin-right: 0; margin-l...

前略、MMMさん SILKでCocoonのデフォルトの内部ブログカードのような表示にするCSSを以前のトピックで書いたような気がします。 外部ブログカードは、応用してご自身でやってみてください。 「続きを読む」も、なんとなくご自身でできそうな感じなので、そちらもやってみて...

とりしょー さん Cocoon設定の「カラム」タブのコンテンツ幅やコンテンツ余白幅などの数値を弄りすぎて、よくわからなくなってしまったときは、設定した数値を消すと、自動的にCocoonのデフォルトの数値に戻るようになっています。 70d735ea4c754dd8b1b01f5725...

とりしょー さん PCの表示も、メインカラムの幅が広すぎて、余白が少なく、見た目のバランスが良くないような気がします。 Cocoon設定のカラムタブの設定等も、一旦デフォルトの数値に戻して、お書きになっているCSSも、Cocoonのデフォルトのカラム幅になるように一旦外してみるなど、...

とりしょー さん 横揺れするときは、何かしらの原因があるはずなので、それを見つけて修正すれば良いような気がします。 WP Fastest Cache のようなキャッシュ系のプラグインは、問題が解決するまでは、停止しておかないと、修正が反映されたのかされないのかがわからなくなってしまう...

前略、とりしょー さん 1. とりあえず、子テーマのCSSファイルにお書きになった、以下のコードをコメントアウトするか、削除する。 main.main, div.sidebar {/*モバイル表示などの本文全体の周りの空白にも影響している*/ padding:0; } 2 . 横揺れす...

前略、7dawne2 さん 以下の過去のトピックが参考になりそうです。 [解決済] ダッシュボード（投稿一覧）の表示がおかしい

希様 さん クラシックエディターをお使いになる場合は、基本的に「ビジュアル」の方のタブを選択して記事を書くのが良いような気がします。 htmlタグを直接編集するときは、「テキスト」の方に切り替える、といった具合です。 クラシックエディターをお使いになる場合は、プラグインの...

希様 さん mk2さんの書かれたことは、その通りなのですが、いまだに、クラシックエディターを使っている方もたくさんいらっしゃるようです。 プラグインのクラシックエディターの有効インストール数も５百万以上となっているようです。 WordPressがブロックエディターに舵...

希様 さん ローカルのテストサイト環境で、クラシックエディターで、Enterキーで改行してみましたが、私の環境では、上手く改行されるみたいです。 28ff132b987f1b6e051efade8f855157.png  3b37beafa846a968259...

希様 さん Cocoonには、Cocoon設定のエディタータブの設定で、「Gutenbergエディターを有効にする」のチェックを外すだけで、クラッシックエディターに切り替えることができるようになっています。 希様 さんが、プラグインの「Advanced Editor Tools」をな...

前略、希様 さん プラグインの「Advanced Editor Tools」 をどういった理由でインストールされたのかは、わかりませんが、最近のフォーラムでのやり取りを拝読していますと、どうもブロックエディターとの相性がいまひとつで、予期せぬ挙動になる場合があるようです。 希様 さん...

@katcahn411 さん ①につきましては、mk2さんのご案内のとおりです。 ②につきましては、文字コードをUTF-8（BOMなし）でプレーンテキストを扱うことができるテキストエディタ、もしくはWindows10のメモ帳で、txtファイルで「名前を付けて保存」でパソコンに保存して...

前略、ヒサシさん 私は、個人的には、スマホのフチに文字が接近し過ぎていると、とても読みずらく感じます。 これは、パソコンの場合でも同じです。 例えば、A4の紙に文字が書いてあったとして、紙のフチギリギリまで、文字で埋まっていたとしたら、どうでしょうか。 デジタ...

@katcahn411 さん 以下、参考リンクです。 テーマのダウンロード Cocoonテーマをインストールする方法

@katcahn411 さん もう一度手順を整理します。 プラグインのBackWPupを利用して、データベースとファイルのバックアップを行い、サーチコンソールのサイトの認証コードや、Google関連のコード等もすべてバックアップをしておく。 WordPress同梱の「twent...

@katcahn411 さん 少し思い切ったご提案ですが、データベースやファイルのバックアップを行った上で、一旦、テーマをWordPress同梱の「twentytwentyone」などを有効化して、ConoHa WINGからインストールしたCocoonの親テーマと子テーマを削除し、Cocoonの...

@katcahn411 さん 編集画面にアイキャッチを設定する項目が見当たらないというお問い合わせだったのですね。 それは、ちょっと私にも原因がわかりません。 アイキャッチの設定項目が無いことと関係があるかどうかはわかりませんが、貼り付けていただいた環境情報を拝見して気づ...

前略、katcahn411さん Cocoon設定の「画像」タブの設定で、「アイキャッチの自動設定」のところの「アイキャッチ自動設定を有効にする」にチェックを入れて「変更をまとめて保存」ボタンで確定しても、どうも過去に投稿した記事には適用されないみたいです。 各記事の編集ページの「更新...

モバイルボタンに関する色の指定方法は、以下のトピックにまとめています。 よろしければ、ご覧になってみてください。

Yossan-63さん 掲載されている動画を拝見しようとしたら、再生されませんね。 別件ですので、新にトピックを立ててみても良いのかもしれません。 私は小用で、外してしまうので、どなたかが回答くださるかと思います。

Yossan-63さん いずれにしても、「AMP」というプラグインは要らないような気がします。

Yossan-63さん AMPページに関数するフォーラムでの過去のやりとりのトピックがありますので、リンクを貼っておきます。 AMP対応は本当に必要なことなのでしょうか。みなさんどう思いますか？

Yossan-63さん AMPページを利用するつもりはない、ということでしたら、「AMP」というプラグインをインストールされていらっしゃるようなので、そのプラグインを削除してみてはいかがでしょうか？

前略、Yossan-63さん AMPを利用したいので、エラーを修正したい、のか AMPを利用するつもりはないのに、警告が届いてしまう、ということなのか、 それによって対処法は変わってくるような気がします。 AMPページを利用なさりたい場合は、Cocoon設定のAMPタ...

例えば、テーブルブロックに、「hyou-01」などの追加CSSクラスを設定して、以下のように記述して、適用箇所を絞るとか・・ .hyou-01 .scrollable-table th, .hyou-01 .scrollable-table td { border: solid 1p...

そのページだけにCSSのコードを適用させたいときは、ｍｋ２さんのご案内のようにカスタムCSSに記述すればよいでしょうし、そのブロックだけに適用したいときは、追加CSSクラスにclassを設定して、セレクタに含めれば、そのブロックだけに適用されるかと思います。

私は、ブロックエディターは使っていないので、えーと、区切りブロックでしたか？ 区切りブロックに編集画面右下の高度な設定を開いて、「追加CSSクラス」を設定して、CSSのセレクタにすれば、ブロックごとに色や太さを変えることもできるかもしれません。

私もテスト環境のサイトでhrのブロックを使ってみたことがあるのですが、どうも上手くいかずに、CSSのコードで装飾したような気がします。 WordPressのブロックエディターは、発展途上なので、完璧じゃないんですよね。

hrは、border:none; にして、height:2px；を足せばよいかもしれません。 テーブルの方は、セレクタでしょうか？ 以下のような感じだと、どうでしょうか？ .scrollable-table th, .scrollable-table td { border:...

ただ、基本構造が、４辺のボーダーなので、理屈的にはうまく表示されるんじゃないかと思った訳です。

または、間違っているかもしれませんが・・ .body hr.wp-block-separator { border-bottom: 2px solid #fca49d; border-top: none; border-left: none; border...

全く調べていないので、合っているのかどうかわからないですが・・ .body hr.wp-block-separator { height: 2px; border: none; background-color: #fca49d; }

hrタグの構造って、ちょっと変わっていて、確か以下のようになっていた気がするのですが・・ hr.gif つまり、1本の線のように見えるだけで、実は、４辺のボーダーで出来ているような・・イメージ？

確か、hrタグは、高さを指定するか、高さは指定せずに、border-topだけ、もしくは、border-bottomだけのどちらか一方の太さを指定したような気がするのですが・・ 全然調べていません。 おぼろげな記憶・・

@yhira さん 最近は、あまりフォーラムを読ませていただく時間がとれませんが、それでよろしければ・・

前略、ugougo さん Cocoon設定の「カラム」タブの設定で、「コンテンツ余白幅」を増やし、「コンテンツ幅」を少なくすることで、記事本文のコンテンツ幅を狭くして左右の余白を広げることができます。 Cocoon設定の「カラム幅変更」で変わる場所の説明。 カラムタ...

@akiyongk さん ①につきまして Amazonの売り上げ、と言っても、Amazonアソシエイトともしもアフィリエイト経由では取引先が異なるため、もしもアフィリエイト経由のAmazonの売り上げがいくらあっても、Amazonアソシエイトの売り上げがゼロでは、本家Amazonアソシエイト...

まめたこ さん 同じ内容のトピックで、mk2さんが回答されているようですので、このトピックに書き込むのは、紛らわしくなってしまうので、これでやめにします。 一応リンクだけは、貼っておきます。 トップページ(固定ページ)を編集しても内容が反映されない

まめたこ さん 他に書き忘れていることはありませんか？ 例えば、何か独自のカスタマイズをしているとか、最近レンタルサーバーを引っ越したとか・・