Cocoonフォーラム

heyhey1031 さん 以下にショートコードの利用方法の記載がある、リンクを貼ってみます。 新着記事一覧を表示するショートコードの利用方法（オプションもいろいろ） 人気記事一覧を表示するショートコードの利用方法 Cocoonで使える[ショートコード]のオプションと...

heyhey1031 さん フロントページタイプを利用すれば、簡単にサイト型のトップページを作成することができます。 次に、ショートコードの利用方法のリンクも、一応、貼ってみますが、フロントページタイプに比べて、設定が難しくなります。 ですので、圧倒的にフロントページタイ...

heyhey1031 さん フロントページタイプは、基本的に固定ページではなく、通常のブログのトップページを利用して作ります。 以下のリンクに案内がありますので、ご覧ください。 Cocoonのフロントページを「タブ切り換え」や「カテゴリごと表示」にする方法 C...

前略、heyhey1031 さん ブログのトップページの作り方ですが、現在の作り方では、記事を書いて公開しても、トップページに自動的に反映されないのではないかと思われます。 固定ページをトップページにして、記事のエントリーカードを自動的に並べる方法としては、ショートコードを使う方法が...

akane さん いま、イラストレーターで「Webおよびデバイス用に保存」で png 形式で保存してみたら、背景が透明になりました。

akane さん また、ロゴ画像のイラストや文字は有色にしてロゴ画像の背景を透過させるには、背景を透明にしておく必要があります。 さらにまた、jpg形式の画像は透明をサポートしていないため、png形式かgif形式で作成する必要があります。 あとは、やはり、実際のページを確...

前略、akane さん 実際のURLのご提示は躊躇されることもあろうかとは思いますが、実際のページを検証した方が明確な回答が得られる可能性が高いです。 フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にしていただければと...

@chikako さん プラグインのページを見てみると、最終更新が11ヶ月も前のようです。 更新の頻度が低いのかもしれません。

すみません。 出先なので、リンクだけ貼ります。

うさぎ先生 さん どうも上手くいきませんね。 Firefoxのページ情報では、640×360pxを読み込んでいるようなのですが、320×180pxにならないのも、どうもスッキリしないような気もしますし・・ ちょっと私ではお役にたてそうにないかもしれません。

イエ さん ダウングレードは、一時的な不具合回避方法ですので、他に何か良い方法がないかと思い、伺った次第ですが、ひとまずなんとかなった、ということのようで良かったです。 私は、「filezilla」は使っていないので、よくわからないのですが、一般的なパソコン操作でのドラッ...

きりみ さん その内容ですと、当初のご質問とは内容が異なり、 このエラーを解消したい、という内容かと思います。 CocoonのRSS記事一覧を表示する機能を使いたいけれど上手くいかない、という内容とは、少し違うようです。 CocoonのRSS記事一覧を表示する機能...

前略、inaho さん いまお使いのスキンが気に入っているということだとちょっとアレですが、「SILK（シルク）」というスキンに変更すると、そのようになるような気がします。 マテリアルデザインのスキン「SILK（シルク）」を追加。ブロックスタイルも豊富

前略、イエ さん 私はそれほど詳しい者ではありませんが、 どのような不具合なのか伺ってもよろしいでしょうか？

右端に縦スクロールバーがあるとき。  7c2a6727d51a0156a4d6dfd349ae6f57.gif

@yhira さん +20px で、ブラウザの右端に縦スクロールバーが無い場合でも、少し早めに「.wrap」のwidthが、auto に切り替わるだけなので、カラム設定で設定されている、メインカラムとサイドバーの幅より、ちょっと膨らむ、というだけのことかもしれません。 Cocoonを...

@yhira さん 早速、ローカルのテストサイトを GitHub の Version: 2.2.6.5 にアップデートしたら、以下のようになりました。 ? fb003cd0bb6123ce3f876b363a6dcf77.png

前略、chikako さん いつもお世話になっております。 私は、このプラグインは使ったことがないので、よくわからないのですが、以下のページを自動翻訳で見てみると、Chrome だと、表示されたっぽいことが書いてあるような・・ 英語は苦手なので、間違っているかもしれ...

はる さん takanori さん オリジナルの 3807px のサイズの画像を、カテゴリーページのアイキャッチ画像にアップしてみました。 はる さんの推測どおりの結果になりました。 bd58ca2ae1f4247ead9e35243d2e3d68.png

@haruinoue さん はるさんは、よく hr　使われていますよね。 ?

はる さん そんなことがあるんですね。 ? 私がローカルのテストサイトにアップした画像を確認してみたら、2560pxにリサイズされたものでした。 だから問題なく表示されたのかもしれませんね。

@yhira さん フォーラムにお問い合わせいただく方々のWebサイトを拝見していると、サイドバーのコンテンツも含めて、コンテンツの少ない状態で利用されていらっしゃるケースをときどき見かけましたので、必ずブラウザの右端に縦スクロールバーがあるとは限らないな、と思った次第です。

takanori さん あと、お問い合わせの際には、できれば、フォーラム冒頭の案内にありますとおり、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただければと思います。 わいひらさんはじめ、回答される方々もボランティアです。 特別な事情...

takanori さん もしかしたら、オススメカードの設置場所の違いかもしれません。 takanori さんが設置している場所がよくわからないのですが、私は、ウィジェットエリアの「コンテンツ上部」に入れました。 takanori さんの場合は、「コンテンツ上部」にテキスト...

takanori さん takanori さんのサイトから、大きなサイズの画像をお借りして、テストサイトで、カテゴリーページのアイキャッチ画像に設定してみたら、特に問題なく表示されてしまいました。 何が違うんだろう・・  e86934e4f3d82c60666abf3e...

前略、きりみ さん いつもお世話になっております。 私のテスト環境では、問題なく表示されるようです。（type=large_thumb_onで、アイキャッチ画像がない記事が少し間延びしたりしていますが・・） ありがちなミスとしては、URLを挟むシングルクォーテーションが全...

うさぎ先生 さん 「Local」旧名「Local by flywheel」のおかげで、簡単に仮想テストができるので、とても重宝しています。 サムネイル画像の再生成などは、運用サイトでは躊躇することもありますが、テストサイトなら、リスクを考えずに試せます。

@yhira さん すみません。間違えました。 正しくは、「幅の広い方を基準に」でした。

takanori さん やはり、「農業 販路開拓サポーター」の画像は、320×180pxのサイズを読み込んでいるようですが、他の３つの画像は、実寸の大きなサイズの画像を読み込んでいるようなので、サムネイル画像がない状態なのかもしれません。

前略、takanori さん フォーラムにお問い合わせをいただく方のサイトで、ときどぎ見かけていたんですよね。 んー、何が原因だったかなぁ・・ 確かおすすめカードは、横幅が固定値ではなかったと思うので、読み込まれるサムネイル画像のサイズによって表示される大きさが、変わって...

1263にしたとき  1263px.gif

@yhira さん GitHubのテーマをダウンロードしてテストサイトで検証してみたのですが、やはり、縦スクロールバーが表示されない、つまり、コンテンツが少なく、Webサイトがブラウザのウィンドウの高さより少ない高さのとき、+20pxだと、width: auto; になるタイミングが微妙に早す...

@yhira さん のちほど、修正いただいたもので検証してみたいと思いますが、やはり、縦スクロールバーの幅の 17pxないし、18px は、縦スクロールバーの出ない、コンテンツが少ない場合も考慮に含めないといけないかもしれません。 もしかしたら、いままでどおりが良い、ということもある...

kanapon さん 今回は、主にCSSの「margin」を理解する必要があるかと思います。 CSSのmarginとは？paddingとは？余白の指定方法まとめ 初心者向けCSS（スタイルシート）入門：基本的な書き方を総まとめ！ フォーラムで、答えをお求めにな...

うさぎ先生 さん わいひらさんが何か書きこんでくださると良いのですが、もしかしたら、サムネイル画像の再生成を行えば、改善する可能性もなくはないのかもしれません。（320×180pxのサムネイル画像が読み込まれるようになる？かどうかはわかりませんが・・） 私は、「Local 」というサ...

kanapon さん また、書籍での学習もオススメです。 Webで検索すれば、本なんか要らないし、読んだことはない、という方もいらっしゃるので、人によるかとは思いますが、要点を上手くまとめている本もあります。 通販サイトで評価の高いものを買ってみるのもいいのですが...

kanapon さん 以下のリンクに有用なリンクが沢山貼ってあるみたいです。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック ご自身で、コードが書けると良いですね。

前略、kanapon さん 以下のコードでイケるかもしれません。 #main #post-65 .entry-content > .wp-block-image { margin-bottom: 0;} WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツール...

なみさん 親テーマ、子テーマについては、以下の過去のトピックが参考になるかと思います。 [解決済] 親テーマと子テーマについてです。 Cocoonテーマをインストールする方法 子テーマをお使いになることをオススメします。

前略、なみさん mofumofu さん 子テーマを既にお使いの場合は、親テーマだけをアップデートすれば良いような気がします。 また、テーマをアップデートしなくても、Xサーバーのサーバーパネルにログインして、PHPのバージョンを PHP7.4.13(推奨) ...

うさぎ先生 さん そうなのですね。 ちょっと、私には、やはり、大きなサイズが読み込まれる理由がわかりません。 ちなみに、「サムネイルをRetinaディスプレイ対応にする」のチェックを外した後、「Regenerate Thumbnails」でサムネイル画像の再生...

うさぎ先生 さん ちなみに、Regenerate Thumbnails の画面に 320×180 のサイズの登録はありますか？ a8e0dec70f7107cb01855d0a3df861a9.png

うさぎ先生 さん Firefoxのデベロッパーツールで見てみるとPC表示ではエントリーカードのサムネイル画像は640×360pxのものを読み込んでいるみたいです。（デフォルトだと320×180pxのような気もします。） これも、なぜなのかちょっと私にはわかりません。 もし...

うさぎ先生 さん 私も大雑把な理解しかないのですが、それはそのとおりなのだろうと思います。 すみません。「Page Speed Insights」については、該当ページに書いてあること以外は、私もよくわかりません。 ただ、「Page Speed Insights」...

うさぎ先生さん ちなみに、Cocoonのサムネイル画像の生成はPHPで制御されているようなので、CSSでのサイズ指定は、生成されるサムネイル画像のサイズとは、直接の関係は無いみたいです。 カスタマイズする際のヒントをテーマ作者様がご提示くださっていますが、PHPでのカスタマイズなので...

うさぎ先生 さん 私の環境のFirefoxのデベロッパーツールで見てみると、モバイル表示のエントリーカードのサムネイル画像は、367×206 px のものを読み込んでいるみたいです。 私も知らなかったのですが、「Page Speed Insights」って、リアルタイム反映ではないみ...

うさぎ先生 さん 前述させていただきましたとおり、あまり詳しくないのですが、「Retinaディスプレイ」は、通常の２倍の解像度を表現できるディスプレイだったと記憶しています。 と、いうことは、通常のサムネイル画像の２倍の画像のサイズが必要だということになるのだろうと推測します。 ...

前略、うさぎ先生 さん 私もあまり詳しくないので、的が外れている質問かもしれませんが、Cocoon設定の「画像」タブの「サムネイルをRetinaディスプレイ対応にする」のチェックの有無は、どのようになさっていますか？ また、環境情報にプラグインの部分がありませんが、キャッシュ系のプラ...