Cocoonフォーラム

@jjoi さんにオススメの記事とトピック。 WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

前略、SAITO さん 確か、Cocoonのモバイルのボタンメニューは、PC版のグローバルメニューを設定しないと表示されない仕様だっと記憶しています。 PC版のグローバルメニューを使うかどうかに関わらず、とりあず設定してみてください。

わいひらさん 私もそそっかしい方なので、やってしまいがちな方です。 hirosan さんの今回のメールでのお願いは、それしか方法がなかったということだと 私は理解します。

@hirosan さん 私もローカルのテストサイトで、自分のサイトのRSSのURLで、ショートコードで設定してみたのですが、特に警告表示は出てこなかったです。 その際、投稿記事では、「ショートコード」ブロックを使って、ショートコードを入れました。 また、ウィジェットでも試...

tuqgood さん あと、ウィジェットがメインカラムの上部と重なってしまっているようなので、該当ページの編集画面の下の方にある、カスタムCSSの欄に以下のCSSのコードを入れれば、重ならなくなるような気がします。 #new_entries-3 { margin-top: 40px;} ...

tuqgood さん 「テキストエディット」 は、デフォルトではリッチテキスト形式になっているようなので、余分な文字が入ってしまうのだろうと思われます。 「CotEditor」というテキストエディターをインストールして、文字コードをUTF-8（BOMなし）に設定してお使いください。 ...

tuqgood さん あと、CSSのコードに余分な文字が入ってしまっているようです。 CSSのコードの編集は、文字コードをUTF-8（BOMなし）で扱うことが出来る、テキストエディターをお使いになることを強くオススメします。 a1ac21ab03ba41c31d6878fdf7...

前略、tuqgood さん デベロッパーツールでCSSのプロパティの順番を変えてみたら猫ちゃんが出てきました。 content: "\f6be"; を一番上に書いてみるとどうでしょうか？

@yhira さん 「flex-shrink」は私もあまり使ったことがないので「shrimp（エビ）」と間違えちゃいそうな感じではあります。 早速、バージョン：2.2.4.8 をダウンロードして、ローカルのテストサイトで試してみました。 Firefox、Google Ch...

@jjoi さん .list.ect-entry-card.front-page-type-category-2-columns { border: 2px solid #ccc;} だけだと、カテゴリーページにも枠線が付いてしまうようです。 トップページだけに適用させるには...

@jjoi さん 追伸：もし、「フロントページタイプ」ではなく、固定ページで、ボタンを設定されていらっしゃるのでしたら、ボタンをご自身で設定されたはずです。 ショートコードと組み合わせて、独自のボタンを設定されたのでしたら、どのような文字にも変更可能なはずです。 「フロン...

@jjoi さん 上記の方法ですと、「もっと見る」ボタン全てが変わってしまうだろうと思います。 新着記事のボタンだけ、というのは私にはわかりません。

@jjoi さん 私はやったことがないので、よくわからないのですが、以下のようなトピックがあります。 「もっと見る」ボタンのキャプションを変更する方法。 ただ function.php の記述を間違えた場合など、画面が真っ白になってしまうことがあるみたいです。 ...

前略、JJOI さん その場合ですが、添付いただいた画像とはちょっと異なってしまうのですが、以下の２つの選択肢があるような気がします。 リストタイトル と もっと見るボタン を含む場合。 .list-new-entries { border: 2px solid #ccc;}...

@yhira さん はい、そのページにあるリンクの以下のページへ移動して、設定したような気がします。 Google アナリティクス 4 プロパティへのアップグレード

私も少し前にアナリティクスの画面の上の方に、新しいバージョンの案内が出ていたので、Googleの案内ページのとおりに設定してみたら、新しい方も見れるようになりました。 ですので、今は、両方とも利用できる状態です。 新しい方は見慣れないためか、いまひとつ使い方というか見方がよく...

私も、ローカルのテストサイトでトップページを固定ページにして、「ブログ投稿インデックスページ」を作成して試してみましたが、メタディスクリプションは反映されないようです。 この「ブログ投稿インデックスページ」を設定される方は、どちらかと言えば少数派なので、そこまで想定されていなかったのかも...

@jjoi さん 見出しというかリストタイトル部分は、「フロントページタイプ」の機能を使った場合でも、CSSのコードが、そのまま流用できるかもしれませんね。 d19ed4c0bc3ee189426cc99f9cf0e79d.png

JJOI さん ちなみに、ショートコードでローカルのテストサイトでデベロッパーツールで試してみたら、以下のような感じっぽいです。 簡単に試しただけなので間違っているかもしれません。 .new-entry-cards.widget-entry-cards.no-icon.cf.ca...

JJOI さん おすすめカードは、ウィジェットなので、そのままで有効になるかと思います。 お気に召すかどうかわかりませんが、一度、試してみてください。

JJOI さん 新着記事の表示数を「6個」に設定すれば、横３列、縦２列の表示になります。 また、最初に設定した「フロントページタイプ（β版）」のところは、「タブ一覧」「カテゴリごと」のバリエーションが選べます。  bd87c4025e04715039302e40...

JJOI さん すると、新着記事が横３列に表示されるようになります。  e92f9e9e503af99b8f05e020e570bad0.png

JJOI さん 次に同じくCocoon設定の「インデックス」タブの設定で「カードタイプ」のところを「縦型カード3列」にします。 同じページの少し上の方にある【「カテゴリごと」表示カードで表示数を変更する場合はこちら）】の小さな文字をクリックすると、「新着エントリーカード表示数」と「カ...

JJOI さんトップページは固定ページではなく、通常のブログのトップページを利用します。 Cocoon設定の「インデックス」タブの設定で、「フロントページタイプ（β版）」のところを「カテゴリごと（２カラム）」にします。（デフォルト以外ならなんでもいいのですが、とりあえずです。） ...

前略、JJOI さん ご希望の表示とピッタリ合っているかどうかは、わかりませんが、Cocoonには、「フロントページタイプ」という機能があるので、CSSを書かなくても似たような表示にすることができます。 以下にやり方を書き込みますので、気に入るかどうか試してみてみてください。

前略、hirosan さん 私は rss のショートコードも使ったことがなく、エラーにも疎いのですが、エラー内容をGoogle翻訳に貼り付けたら、「preg_match（）は、パラメーター2が文字列であることを想定しています。」と翻訳されたので、ショートコードのシングルクォーテーションが適切に付...

@だーこま さん 審査用のコードが、残っていたのですね。

追伸：だーこま さん 自動広告を有効に使われている方もいらっしゃるかもしれません。 私は、自動広告は一度も試していないので、よくわかりません。 効率の良い広告の配置方法は、他の詳しい方の書き込みを参考にした方が良いかもしれません。

前略、だーこま さん 私もあまり詳しくはないのですが、「マニュアル広告設定」の方を選択して、「変更をまとめて保存」のボタンをクリックして変更を確定すれば、もやが晴れるような気がします。 過去のトピックを読んでいますと、Cocoonの広告設定で「マニュアル広告設定」にしていても、アドセ...

@Mokoko さん 私も難しいことはよくわからないのですが、SSL化というのは他者に傍受されにくい通信 ということのようです。 2018年の夏ぐらいから、SSL化されていないWebサイトにアクセスするとWebブラウザに「保護されていない通信」のような警告表示が出るようになりまし...

@Mokoko さん あと、サイトのSSL化が完了していないようですで、サイトの表示の表示がある程度整ったあとで良いと思いますが、以下のリンクを参照してみてください。 WordPressをhttpからhttpsにSSL化した全手順まとめ（エックスサーバー環境） たった2時間！寝ロ...

@Mokoko さん Cocoonは、パンくずリストもデフォルトで表示されるはずなので、プラグインの「Breadcrumb NavXT」も一旦停止して試してみてもいいかもしれません。

@Mokoko さん 表示の確認を行う場合には、 WP Super CacheWP Fastest Cache のようなキャッシュ系のプラグインは、一旦停止しておきましょう。 キャッシュされた状態ですと、リアルタイムの現況が反映されないためです。

@Mokoko さん PC表示のときも、Webサイト全体がブラウザの画面の右に寄って表示されてしまっているようです。。やはり、プラグインの「VK Blocks」を、一旦停止して、画面中央に表示されるか試してみてください。 個人的には、Cocoonをお使いになる場合には、「VK Blo...

@Mokoko さん あまり詳しく見ていないのですが、プラグインの「WPtouch Mobile Plugin」を、一旦停止してみると、どのような表示になりますでしょうか？

前略、いおぴいまん さん 「外観」→「テーマエディター」→「tmp-user」→「main-before.php」辺りに何か入っていませんでしょうか？

@hpptms さん お粗末さまです。 Google の広告に関するエラーは私のサイトでも別のエラーが表示されているようです。 広告自体は、希望した場所に表示されているので、気にせず、放置状態です。 エラー内容などで調べてみて エラーの重要性によって対処すればいいかな...

前略、Mokoko さん この状態が、Cocoonの正常な表示なのか、それとも Mokoko さんのおっしゃるように、以前導入していたテーマの影響があるのか、他の人には、いただいた文面だけでは全く判断のしようが無いように思います。 フォーラム冒頭の案内にありますとおり、お差し支え...

前略、hpptms さん 私はエラーについては、詳しくないので対処法もよくわかりませんが、上の４つはGoogle の広告に関するもののようです。 エラーの内容でググれば、何かヒントが得られるかもしれません。（得られないかもしれないですが・・） 下の6つは、JavaScri...

@nan さん プロフィールの画像もhttpのままのようです。先ほどは、見逃していました。 こちらも、リンクのURLを修正するか、画像をアップロードし直すなどすればhttpsになるかと思います。

@nan さん 現在お使いのスキンでは、サムネイル画像が小さく表示されるデザインになっているようです。ですので、他のスキンに変えてみるなど試してみてください。 私はMacは持っていないので、試すことができませんが、Windows環境ではFirefoxでCtrl+Uのショートカ...

ちなみに、nan さん ヘッダーの背景画像の内部リンクがhttpのままになっているようです。 そのため、ブラウザで安全なサイトとして表示されないのだと思います。 ヘッダーの背景画像をPCから再アップロードするなどして内部リンクがhttpsになるようにすれば良いのではないか...

@nan さん 原因がわかりました。 ブラウザを110％ぐらいに拡大して表示していると、画面幅によっては、そのような表示になるようです。 commandキー + マイナス記号 (-)キー」を押してブラウザの表示倍率を標準にもどせば良いようです。 表示倍率を変更する...

@yhira さん 私の勘違いということもあるかもしれません。 体調を整える方が優先です。 どうぞ ご無理なさらずに・・ rogo-rest-02.png

前略、えむすた さん 私のテスト環境（バーション 2.2.4.7）では、反映されるみたいです。 d69d6304276406dbd9319d902beafbe2.png 3825c530e72735b815645eebe1df4eec.png a9b86e5f992cb...

@yama さん Cocoonはかなり大勢の方に利用されているようですので、既に利用されていらっしゃる方のことも考える必要があるのだろうと思われます。 ただ、テーマ作者様が総合的にみて、良いと思えば、採用されることも少なくないようです。 そこは、要望する分にはかまわないと...

前略、YAMATA さん 私はAMPは、ずいぶん前から利用しておらず、かなり疎いのですが、ソースコードを拝見しますと、＜/head＞タグの直前に余分な viewport が入っているようです。 「外観」→「テーマエディター」→「tmp-user」→「head-insert.php」辺...

@yama さん 昨日のyamaさんのトピックで感じたことなどを以下のトピックに書いています。 トップメニューのロゴ画像の表示に関する考察

@yama さん 昨日のやり方で高さ79pxで原寸でPhotoshopで作ってみましたが、それほど ぼやけてはいないような気もします。 潰れにくい書体を使うのも有りかもしれません。 bcf7e9fb3ad0225889777c5ec3f11d47.png

キャッシュはクリア済みなんですよね・・ Mac版Safariのキャッシュを削除する流れを解説 Google Chrome でも同じでしょうか？