Cocoonフォーラム

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

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

まめたこ さん あと、フォーラムに書き込む前に以下の案内はお読みになっていますか？ 初めての方は必ずお読みください もしお読みになっていなければ、今からでもお読みになってみてください。 例えば、プラグインを全て停止した状態で、ページを更新して、ブラウザの...

前略、まめたこ さん ページの更新との関係はわかりませんが、PHPバージョン：7.2.34 というのは、ちょっと古いので、とりあえず、レンタルサーバーのサーバーパネル等で、7.4系にバージョンアップした方が良いような気がします。

もしもアフィリエイトには、前述しましたとおり、少額の売り上げであっても振り込まれるというメリットがあります。 Amazonアソシエイトの合格を目指していない場合は、もしもアフィリエイトのかんたんリンクはとても有用なアフィリエイトリンクになるかと思います。 リンクのコードを生成...

akiyongk さん Amazonアソシエイトの審査中は売り上げが必要です。 ただ、Amazonオリジナルの商品リンクもよいのですが、以下の方法でもよいような気がします。 PA-APIを使えずとも手っ取り早くAmazon商品リンクを作成する方法 もし、...

前略、akiyongk さん 同じようにAmazonの商品のリンクを掲載するので、混同しがちですが、もしもアフィリエイトとAmazonアソシエイトは、全く別です。 もしもアフィリエイトでAmazonの商品リンクを掲載するには、もしもアフィリエイトでAmazonとの提携を申請し、もしも...

@yotuba さん Googleのインデックスに登録される、されないの判断がGoogleでジャッジされるということであれば、外部からその基準を見極めるのはなかなか難しいことのような気がします。 例え、記事の内容が品質が低いものでなくても、他のサイトで類似した記事が多数ある場合は、登...

@yotuba さん サーチコンソールの「送信されたサイトマップ」のところの「サイトマップインデックス」のステータスは、「成功しました」となっていますか？  9bdbe61b64f720d6b43a950e8413350b.gif

@yotuba さん お書きいただいた内容からすると、サーチコンソールの設定は、正しくされていらっしゃるような気がします。 試しに、「クロール済み - インデックス未登録 増加」のキーワードでググってみたら、意外に多くの記事がヒットしました。 私は、「リクエストすれば、イ...

akmt さん Webサイトを編集し、編集が反映されているかどうかを確認するには、先ず、１にも２にもブラウザのキャッシュをクリアして確認することが基本です。 CSSのコードを記述した後に、ブラウザのキャッシュをクリアせずに再表示しても、ブラウザの画面には、キャッシュが表示されてし...

前略、akmt さん 子テーマのstyle.cssファイルに、以下のような記述があるみたいです これを消してみると、どうでしょうか？ /*フロント固定ページのタイトルを非表示*/ .home.page .entry-title{ display: none; }

前略、千ブログ さん Cocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」に貼り付けているアドセンスのコードを削除してください。 広告のコードにつきましては、「広告」タブの正しい位置に設定してください。 以下のマニュアルをよくお読みください。 広告...