Cocoonフォーラム

@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 でも同じでしょうか？

前略、yamaさん 昨日は、お粗末さまでした、 出先なので、参考リンクを貼ったりしづらいのですが、ロゴの文字をくっきり表示するには、AdobeのPhotoshopなどでアンチエイリアスをかけるなど、文字のぼやけ対策をするとよいかもしれません。 「Photoshop 文字　ぼやけな...

@nanさん ちょっと外へ出てしまったので詳しく見ることができないのですが、先程pcで見たときは、違和感がなかったので、投稿画面上のことなのかな、と推測します。 とりあえず、ブラウザのキャッシュをスーパーリロード等で、クリアしてみてはいかがでしょう？

前略、nan さん ちょっとよくわからないのですが、最近、スキンを「season spring」に変えた、というような事はありませんか？ 「season spring」では、サムネイル画像が小さめに設定されているようです。 a14d00f6a6fdf01186d42af...

わいひらさん ちなみに、「トップメニュー（小）」にすると、テスト環境では、ロゴ画像が下にはみ出してしまいました。 小の方と普通のトップメニューではCSSの指定が若干異なっているみたいです。 テスト環境のバージョンは「2.2.4.7」です。 もしかしたら、トップ...

@yama さん 以下のコードだけでもいいのかもしれません。 .header-container-in.hlt-top-menu .logo-header { max-height: 79px;}.header-container-in.hlt-top-menu .logo-header...

@yama さん これも実際にやってみないと わかりませんが・・ #header { flex-shrink: 0;} を追記するとか・・  c3ce1eaf830a675c480488426586b989.png

tyokoboy さん ちょっと実際のサイトで試してみないと わからないですが、以下のようなCSSのコードを追加CSSか、子テーマのCSSファイルに記述すれば、イケそうな気がします。 @media screen and (max-width: 480px){ .recommended.r...

@yama さん 実際のサイトで試していないので、間違っているかもしれませんが、以下のような感じだろうと推測します。 .header-container-in.hlt-top-menu .logo-header { max-height: 79px;}div.header-contain...

@yama さん 例えば、ロゴ画像が正方形の場合を考えてみてください。ロゴの内容が小さくて見えないから、と言って、大きく表示させてしまうと、ヘッダーメニューの高さが増えて、その他のコンテンツを表示するエリアの高さが少なくなってきてしまいます。 なので、どこかで制限をかけてバランスをと...

@maruru33 さん 具体的な事柄であれば、別トピックを立てて、このフォーラムで聞いてみるのも有りかと思います。 その際は、実際のサイトのURLをご提示いただく方が、より具体的なアドバイスをいただける可能性は高くなるかと思います。 例え、私がわからなくても、他の詳...