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

@yamachan11 さん 出来たみたいですね。 ? おめでとうございます！  23141a35f8afea13400b641cbbaacabc.png

動画を貼ってみます。  c78975959415c116e85239e075552e5b.gif

@yamachan11 さん そもそもの話になりますが、ボックスメニューは、グローバルメニューの表示形式のひとつでは、ありません。 なので、通常のヘッダーメニューとしては、使用できないかと思います。（通常のヘッダーメニューを非表示にすれば代用できなくはないかと思いますが・・） ...

前略、みやこ さん この説明では、「タブ」がどんなものなのか、読んだ人には、わかりません。 また、「カテゴリのURLを表示させたい」というのも、どこに、どんな風に表示させたいのか、全くわかりません。 みやこさんがおっしゃっている「タブ」とは、どんなものなのか、実際のペ...

@yamachan11 さん テストサイトでやってみたら、すぐに出来ました。  982d84f266826499ab6d88b396589a0b.png

@yamachan11 さん 「作成したメニューをウィジットからドラッグ＆ドロップする」のではなく、[C]ボックスメニュー ウィジェットをドラッグ＆ドロップするような気がします。  246c616c1f6bdc74f1cbf3a58ad645ba.png

@yamachan11 さん あと、メニュー構造のところの「ヘッダーメニュー」と「ヘッダーモバイルメニュー」のチェックを外さないとグローバルメニューになっちゃいますよね。  519de16dbd928eea85bc2c08775eece9.png

@yamachan11 さん ボックスメニューを使ったことがない私が書きこむのもなんですが・・ 利用できるウィジェットには、[C]ボックスメニュー しか出てこないんじゃないかと思われます。 [C]ボックスメニューを開き、作成したメニュー名の「ボックスメニュー２」を選択すれば良...

前略、Yamachan11 さん ちょっと小用で時間がないため、雑な書き込みになっちゃいますが・・ 私は、ボックスメニューは、まだ使ったことはないのですが、Yamachan11 さんのサイトのソースコードを拝見しますと、グローバルメニューになっちゃってる気がします。 ボッ...

前略、みかん さん スキンのCSSの指定で100px以上の高さに指定してあるみたいです。 以下のCSSで高さを初期値に戻してみるとどうなるでしょうか？ @media screen and (max-width:480px){ .header div.header-in { ...

@yhira さん safari（といってもipadですが）とIEで、はみ出していないことを確認しました。

@yhira さん Firefoxでは、はみ出さないようになりましたが・・・IEが・・・あまりないケースだろうから、ま、いっか。

@yhira さん ２ページ目を表示してみてください。 おそらく、原因となるトピックが２ページ目に移動したんだと思います。