Cocoonフォーラム

@tiky さん 前述しましたとおり、SSL化については、私はあまり詳しくないのですが、公開ページがSSL化されているのであれば、ダッシュボードにログインできるのは、ご自身だけだと思うので、他の閲覧者には、関係ないような気もします。 ただ、ダッシュボードとはいっても、ブラウザにHTM...

@ykk さん 広告が変なところに表示されないように？

@ykk さん もちろん、作者のわいひらさんも子テーマを使うことを推奨しています。 Cocoonテーマをインストールする方法

@ykk さん あと、プラグインの WP Multibyte Patch も入れといた方が良いと思います。 WordPress５から無くなったWP Multibyte Patchは必須なので手動インストールしましょう

@ykk さん せっかく上手くいったのに、また難題を持ち出すようですが、子テーマをお使いになっていないようですので、子テーマをインストールして使われることを強くオススメします。 親テーマから子テーマへの移行は、以下のトピックが参考になります。 [解決済] 親テーマと子テーマについ...

@ykk さん あとは、Cocoon設定の「インデックス」タブの設定でスニペット（記事の説明文）や投稿日などを設定してください。  6a96ffc70466564075ca59e57baa3709.png

@ykk さん WordPressのダッシュボードの「設定」→「表示設定」とたどり、ホームページを「最新の投稿」にして変更を保存してみてください。 5282ee868d3229b6d6bec29d7379ff11.png

@ykk さ デベロッパーツールでCSSを見たらWP Show Posts が関係していたので、停止したままの方が良いと思います。

@ykk さん もしかしたら、ホームページの設定が関係しているのかな？

@ykk さん 今、サイトを拝見すると、エントリーカードが全くない状態ですね。 これは、WP Show Posts を停止した状態ですか？

@ykk さん フォーラム冒頭の案内にありますとおり、環境情報を貼り付けていただければと思います。 何らかの要因で、どこかにキャッシュされているということもありますので。  3b1534797f95d48d29b3710ea5689244.png

ykk さん「wp-show-posts」というプラグインをお使いでは、ありませんか？ これを停止すると、どのようになりますか？

前略、ykk さん もしかして、「ブログカード」ではなくて、「エントリーカード」のことでしょうか？ だとすると、Cocoon設定の「インデックス」というタブがあるので、それを選択すると、「カードタイプ」という項目があるので、そこで、デフォルトのカードタイプを選択してみてください。 ...

@IINO さん 余談ですが、「MS PGothic」はWindowsでは文字がとても細く、読みにくいので、メイリオあたりにしておいた方が無難です。 Cocoon設定の、「全体」タブで、サイトフォントが選べるかと思います。私は、デフォルトが無難なような気がします。 以下参...

@IINO さん 今後、該当ブログをどのように構成していくかにもよるかとは、思いますが、例えば、サイドバーウィジェットは、「最近の投稿」を現在お使いのようですが、「新着記事」や「人気記事」ウィジェットを使えば、サムネイルの入った記事のリストになります。 その時にも、デフォルトのアスペ...

前略、tommy さん 以下の過去のトピックが参考になると思われます。 [解決済] ブログカードが表示されない

IINO さん テストサイトで、インデックスカードのカードタイプを「大きなカード」にしてみたら、トリミングされないっぽいような気がします。 これじゃあ、画像が大きすぎる、という場合は、やっぱり、「カードタイプ２列」あたりでしょうか？ db83fe17f43e87d5a8325e...

IINO さん プラグインの Regenerate Thumbnails でサムネイルを再生成すると、カルーセルに表示されている縦長のサムネイルも同じ高さの横長のサムネイルになってしまうかもしれません。 Cocoonのサムネイルは、基本的に正方形、もしくは、横長の長方形なので、アスペ...

前略、IINO さん Cocoon設定の「インデックス」タブの設定で、インデックスカードのカードタイプを変更することができます。 以前テストで、「カードタイプ２列」にしたら、サムネイルがトリミングされずに表示されました。 「大きなカード」は試したことがないのですが、もしか...

前略、IINO さん アイキャッチに設定した画像がサムネイルとして表示されますが、アイキャッチに設定した画像のアスペクト比では、表示されない仕様のようです。 基本的には、サムネイルのアスペクト比は、固定のようです。 ですので、横長に表示されるている方が正常の状態かと思われ...

前略、IINO さん ウィジェットのどれかを利用すれば、それっぽい表示にできそうな気もします。 大雑把でよければ テキストウィジェット、細かくデザインしたければ、カスタムHTMLウィジェットとか・・ インデックスリストトップあたりに、ドラッグ＆ドロップして・・ ...

前略、tiky さん 私もあまり詳しくないので、中途半端な書き込みになってしまうのですが・・ Firefoxのコンソールで見てみると、AMPロゴの画像のリンクが表示されているようです。 もしかしたら、このリンクが、httpのままだよ、という事かもしれません。 ...

@めもら さん うっかり、変なクラス名をつけちゃいましたね。 すみません。 ?

@めもら さん エディター画面もHTMLで表示されているはずなので、エディター画面で該当箇所を右クリックして、デベロッパーツールで、調べてみると、何らかのCSS等が効いている等、ヒントが得られるかもしれません。（ログインしているご本人しか調べられませんんが・・） もしかしたら、同じク...

@めもら さん エディターの画面表示がおかしい、ということのようですが、ソースコードを見ると、HTMLの構成は間違っていないような気がします。 エディターの表示がおかしいのとは、関係ないかもしれませんが、要らなくなったCSSのコードはコメントアウトするか、削除しておいた方が無難かと思...

@めもら さん 7月9日18時15分現在、一つ目の画像ブロックに figure タグが無く、div タグになってしまっています。（天音さまの画像） いつも通りの画像ブロックの作り方で、ブロックを作り直せば、CSSが効くと思います。 また、３つ目の画像ブロックに画像が入って...

@めもら さん 3列から２列に変わるメディアクエリも 480px から 520px に変えています。

@めもら さん 画像ブロックのひとつずつに追加クラスを設定するのは面倒なので、グループに設定した追加クラスだけで済むように、子孫セレクタで指定してみました。 たぶん、これなら、いちいち画像ブロックを追加する度に追加クラスを指定しなくてもイケそうな気がします。 画面幅の切り...

画像ブロックひとつずつに、同じ追加クラスを設定。  6b2cac41c95ba42c1acdad693c9001f2.png

@めもら さん サイドバーがちょうど消えるぐらいの幅だと６つぐらい並んじゃうので、やはり、画像ブロックのひとつひとつに、class を設定しないとこれは回避できないかもしれません。 画像ブロックにクラスを設定するやり方は、 の動画の追加のときと同じ要領です。...

@めもら さん 画像ブロックの方にclass が設定されていないようですが、もともとメインカラムの幅が５つは、並ばない幅みたいなのでちょうど４つになっているのでしょう。 まあ、それでも、それっぽい表示になっているようなので、これでもいいのかな的な・・ やり方自体は、こんな...

既存のグループに新しい画像ブロックを追加する。  9415ec424e5a33b3ca3d8171a3f84b3a.gif

画像ブロックをグループ化する。  437aae47ff05c2d5da9c0ed3941f03dd.gif

ちょっと、違ったみたいです。 作成したあとに９を下に移動するのではなく、８を上に移動するとグループの中での移動になるみたいです。（慣れないとちょっとヤヤこしいですが・・） でも、このブロックエディターの「グループ」という考え方は、HTMLがわからない方にも理解しやすく、面白い...

@めもら さん 話が少し戻るのですが・・ 新しい画像ブロックを既存のグループブロックの中に簡単に作成する方法がありました。 最後の画像ブロックが８つ目だとすると、８つ目の後に新しい画像ブロックを作成すると、グループの外になってしまうので、７つ目の画像ブロックの下の方を選択...

あるいは、発想を全く変えて、モデルさんの個別ページがあるのであれば、アイキャッチ画像を利用してサムネイルを正方形にする（Cocoon設定で可能です）などして、インデックスページで自動的に表示するとかの方が、効率が良いのかもしれません。 これも、ちょっとやってみないと、何ともいえませんが、...

@めもら さん 私もグループブロックというものを、今回初めて使ってみた次第なので、ちょっと扱いに手間取っています。 エディターをコードエディターの方に切り替えて、divタグの位置を変えればいいんじゃない？とか考えてしまうのは、おそらく古い考え方なのだろうと思います。 ...

画像ブロックの幅を固定値しても似たような動作になるのですが、旧iphone SE あたりだと、１列になっちゃうみたいです。 .custom-flex-container .wp-block-group__inner-container { display: flex; flex-wr...

以下の動画のような感じになったのですが、実際やってみると、けっこうメンドクサイような気もします。  1657f1855d5495a9cea29e656ded69c3.gif

以下のようなCSSを書いてみると・・ .custom-flex-container .wp-block-group__inner-container { display: flex; flex-wrap: wrap; justify-content: space-around;...

@めもら さん 画像ブロックをshiftキーを押しながら複数選択して、グループブロックで囲むやり方でちょっとテストしてみました。 画像ブロックには、「cutom-flex-item」という名前のクラスを付け、グループブロックには、「custom-flex-container」の名前の...

@めもら さん WordPressのブロックには、class が付けられる仕様だったと思います。 あとは、今時なら、Flexboxでしょうか。Flexboxであれば、カラム分けする必要はないかと思います。 こういったことが嫌いでなければ、ご自身でイケそうな気...

前略、匿名希望 さん 私には、難しくて回答できないようなものかもしれませんが、見本ページのキャプチャ画像だけですと、どのような機能が設定されているのか、他の人には、よくわかりません。 せめて、URLぐらいは、と思うのは、私だけではないはずです。

@ユミ さん 私は、アップデートで、何かが消失した、という経験が一度もありません。 なので、消失した原因は、ちょっと見当がつきません。 何らかの原因で、勝手に消失してしまう、というのであれば、とても大変な問題ですね。 また、消失した場合のバックアップデータから...

前略、めもら さん こちらのページのことでしょうか？ ３列→２列→１列でしたら、Cocoonブロックではなく、WordPressの「カラム」ブロックの３カラムが使えそうな気もします（実際にやってみないとわかりませんが）が、４列→２列の場合は、適当なブロックがなさそうなので、自前でCSS...

ユミ さん  c5277497227495768743aa6572e3fcc0.gif

前略、ユミ さん 現在は、「アーカイブ」だけは表示されているようですので、WordPressのダッシュボードの「外観」→「ウィジェット」とたどり、ウィジェットの設定ページで、「サイドバー」エリアの中を確認してください。 「サイドバー」エリアの中に「アーカイブ」しか見当たらない、と言う...

前略、na さん 「contact form7 recaptcha v3 バッジ消す」等でググれば、いろいろな記事がヒットするはずです。 かつて、「contact form7」では、「recaptcha v２」を使っていたため、バッジは表示されなかったのですが、「recaptcha ...

@yamachan11 さん 出先なので詳しく見れないのですが、「固定ページSNSボタン上」か、どこかにも、ボックスメニューウィジェットが入っていませんか？

@yamachan11 さん こっちは、まだ、「ヘッダーメニュー」と「ヘッダーモバイルメニュー」の設定が、どこかに残っているんだろうと思います。（ソースコードを見るとヘッダーメニューとして表示されているので） ちょっと、また、小用で外しちゃいますが、どこかで設定されているんだ...