Cocoonフォーラム

とみーさん 先ほども書かせていただきましたが、画像のファイル名は、半角の英数字か、半角のハイフンかアンダーバーだけを使うようにしてみてください。 全角の文字や空白は使わないようにしてみてください。 「画像のファイル名」というのは画像をアップロードするときの画像の名前のこと...

とみーさん もうひとつ。 コンピューターとは、基本的に半角の文字で指示をしたり人間とのやり取りを行います。 ですので、画像のファイル名は、半角の英数字か、半角のハイフンかアンダーバーだけを使うようにした方が無難かと思います。 日本語の文字は２バイト文字ですので、エラー...

とみーさん 通常は何か問題が生じた場合には、WordPressとCocoonの問題であるかどうかの切り分けのため、プラグインを全て停止して、なおかつ、ブラウザやレンタルサーバーのキャッシュを削除して、それでも症状が再現するかどうかを確かめます。 WordPressとCoc...

前略、megu133さん .htaccess 以外にも弄ったところがありませんか？ 例えば、パーマリンクとか・・

とみーさんのサイトのソースを拝見してみますと、画像のタグに「ls-is-cached」とか「lazyloaded」などのClassが付与されているようです。 8a736fd2bd360a35943eadedd4cadece.png あまり吹き出しを使ったことがないた...

とみーさん 私は吹き出しは一度も使ったことがないのですが、ローカルのテストサイトで試しに吹き出しを使ってみると、以下の画像のようなソースになりました。  5f250b87d4d947893c8c2670f17cbbfd.png

前略、kanaoさん 私はこの手のエラーには疎いのですが、環境情報を拝見した感じでは問題ないように見受けられます。 低サイズ版の親テーマをインストールした、とのことですが、mixhostだと低サイズ版じゃないとインストールできなかった、ということでしょうか？ COCO...

ニックさん 関連のあるリンクです。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方 CSSのmarginとは？paddingとは？余...

ニックさん 私も「雑談」の該当リンクを貼ろうと思ったのですが、出先の環境だと表示されないみたいなんですね。 帰宅してから再トライしてみます。

mk2さん Chromeだったんですね。 ? とみーさん ブラウザを変えたら改善した、ということは、何はともあれ、先ず最初はCromeブラウザのキャッシュの削除み試してみる、というのが通常の切り分けのような気がします。

前略、jugglershingo さん 対処方法はひとつではないと思いますが、以下のようなのでもイケるかもしれません。 .body .article .wp-block-image img { vertical-align: middle; } .body .article...

前略、ニックさん このぐらいなら、フォーラムの雑談にある、さる子さんが起こしてくださった初心者向けのトピックを辿ればできるのではないかと思います。 次回は、ご自身でやってみてください。 .article h2:first-of-type { margin-top: 18...

@megu さん ソースコードには、出力されているので、追加CSSじゃないかと思ったのですが・・ 追加CSSを開くには、ダッシュボードの「外観」→「カスタマイズ」→「追加CSS」だったと思います。 もし、PHPの記述がそこにあったら、削除して、すぐ上にある「公開」ボタ...

前略、MEGuさん おすすめカードの画像が表示されないこととの関係はわかりませんが、追加CSSに生成されるサムネイル画像のサイズを変更するPHPの記述をしていませんか？ そこは、CSSを記述する場所なので、PHPの記述は削除しておいた方が無難です。

前略、とみーさん Google Chromeでやっても変わりありませんか？

@puppy さん いままでの一連の流れからいくと、できると思います。

@pcningen さん キャッシュ系のプラグインが有効になっているため、ソースコードは圧縮されたままなので、良くわかりません。 もし、SiteKitにもSearch Console IDを設定することができるのであれば、とりあえず、そちらだけにして様子を見てはいかがでしょうか。 ...

前略、pcningenさん 私はSiteKitなるものを使ったことがないのでよくわかりませんし、調べてもいないのですが、SiteKitで設定できるのであれば、重複してしまう可能性はあるんじゃないかと推測します。 Cocoonの高速化設定がなされたままなので、ソースコードを確認するのは...

puppyさん HTMLとCSSはブラウザのデベロッパーツールで見ることができるので、他の方のWebサイトはそれだけで無料の教科書になるかと思います。

前略、puppy さん puppyさんは、いろいろなサイトの制作に関わっていらっしゃるようですので、いままでの感じですと、おそらくご自身でイケそうな感じがします。 たぶんというか、puppy さんなら、ほぼもう出来たようなものだと思いますよ。 だって、見本のサイトに答えが...

@yhira さん なるほど、そういうことなのですね。 少し様子を見ていると、こうした方がいいとか、出てくるかもしれないですね。当面は、CSSで個別にご案内するとします。

被ってしまったようなので、消します。

前略、benijakeさん 今日は月曜なので、いつも回答されていらっしゃる方々も忙しいのではないかと思います。 私もしばらくは、書き込めないかもしれません。 何はともあれ、先ず、子テーマを導入されてはいかがでしょうか？ 親テーマ、子テーマについては、以下のトピ...

わいひらさん お世話になっております。 最近は、Cocoon設定の「本文」タブの「本文余白」の「行の余白」を広く設定される方が良くいらっしゃるようで、「行の余白」を広げたら、思わぬところの余白が広くなってしまった、という場合があるみたいです。 本件のRiho さん もそうですし、...

前略、Riho さん 以下でイカがでしょうか？ #media_image-2 { margin-bottom: 0; } #content-top { margin-bottom: 50px; } @media screen and (max-width:...

kouki さん ちょっと、実際にやってみないと何ともわからないですが・・ Cocoon設定の「インデックス」タブの「カードタイプ」を「大きなカード」に変更して、「変更をまとめて保存」で確定し、以下のコードを追加CSSか子テーマのstyle.cssコピペする。 .ect-big-...

kouki さん 前のトピックを貼っておきますね。 [解決済] カードタイプの「大きなカード」をスマホだけ適用したい

前略、kouki さん PHPで生成されるサムネイル画像をカスタマイズする方法もあるみたいなんですけど、だんだん難しくなっちゃうので、うーん、大きなカードをデフォルトにしておいて、PC表示の方をCSSでデフォルトのエントリーカードの見た目に近づける方がいいのかもしれません。（上手くいくかどうかわ...

パソコンはお持ちになっていない、という場合もありますよね・・

Nononさん あと、文字が小さい、という画面のキャプチャ（スクショ？）を添付いただくと、他の方が比較できるので、良いと思います。 15d9fd1262b07230121a59e74c9f6415.png

前略、Nononさん 私も一応、iphoneユーザーではあるのですが、スマホ操作は苦手でして、iphoneで記事を書こうとしたことは1度もないほどです。 私のサイトはWordPressのバージョンは5.8でCocoonの親テーマのバージョンは、2.3.4です。 iphon...

前略、dekazoさん 目的と合致するかどうかはわかりませんが、「ナビカード」なら、意図した記事を並べられるみたいです。 意図した記事一覧を作成できる「ナビカード」ショートコードの使い方

@mk2_mk2 さん 私のテストサイトでも同じです。 7.4.1に戻したら、動作するようです。

mk2さん 英語表記の状態で、cocoonをインストールするとそのようになるのですね。 Beenさん もしかしたら、cocoonをインストールし直した方がいいのかもしれません。

@been さん WordPressの見本のページは英語です。 投稿ページから、新規作成でテスト記事を投稿してみてください。 サイドバーの項目は、「外観」→「ウィジェット」だったかな？ ウィジェットの設定ページを開いて、ウィジェットエリアのサイドバーというのが...

前略、beenさん ダッシュボードの「設定」→「表示設定」とたどって「ホームページの表示」のところは、「最新の投稿」にチェックが入っていますか？ あと、実際のURLをご提示いただいた方が回答のヒントが得られるかもしれません。

ribbonさん mk2さんの書き込みを読んで、サイトを拝見してみますと、カテゴリーの構成が複雑になっているようにも見受けられます。 個人的には、記事の属するカテゴリーは、ひとつだけにしておいた方が、整理しやすいのではないかと思います。あと、WordPressには、「タグ」という分類...

ribbonさん 例えば、和裁コーナーのところに、和裁地図のカテゴリーに属する記事を６記事掲載したい、という場合は、count=6 cats=318 とかの数字になるじゃないかと思いますが、いかがでしょうか？(横２列に並べるのは、また別の話になりますが・・) 出先なので、あまり詳しく...

前略、ribbonさん 「スマート仕立て1」の記事も、「女物長着（着物）の身巾なおし1」の記事も、「和裁地図」のカテゴリーに属しているようです。 「和裁地図」のカテゴリーのアーカイブページ１ページ目に「女物長着（着物）の身巾なおし1」の記事が、2ページ目に「スマート仕立て1」の記事が...

前略、weisili さん 最近のCocoonのアップデートは、WordPress5.8に対応するため、修正が加えられたものです。 ですので、もしかしたら、5.6系のバージョンのWordPressでは、合わないところがあるのかもしれません。 WordPressのバージョン...

@mk2_mk2 さん 最初にそれが想い浮かんじゃいますよね・・

@mk2_mk2 さん 親テーマのバージョンは新しいみたいなんですよね・・

前略、猫ちゃんさん 私のサイトもWordPress5.8でCocoonは2.3.4ですが、ウイジェットエリアのウィジェットはいままでどおり順番を変えられるようです。 そこの部分は、変えていないはずなんですけど、何ででしょうね？ やっぱり、環境情報を貼っていただいた方が良い...

佐々木さん 今回のコードと過去のトピックのコードの必要な部分を利用してみてください。 【教えてください】ヴィジェット新着記事を横並びに表示したい 4→2→1列 【教えてください】WordPress Related Postsというプラグインを使って新着情報を作成...

佐々木さん 横並びにしたいというぐらいだから、たぶん、 large_thumb large_thumb_on のどちらだとは思いますが・・

@puppy さん ローカルのテストサイトで「グローバルメニュー色」を設定してみたのですが、ブラウザを縮小表示にしても、左右の画面幅いっぱいに広がっちゃうみたいです。 やっぱり、テストサイトを公開していただいた方がいいのかもしれません。  4e73066584022ca...

佐々木さん わいひらさんのコードとよく似ているのですが、ちょっと違うみたいです。 実際には、試していないので、間違っているかもしれません。 /*新着記事を3列横並びに、スマホでは2列にする*/ #popular_entries-11 .popular-entry-cards { ...

前略、佐々木さん テスト記事でも良いので、サンプルページを公開してURLをご教示いただければ、イメージが掴みやすくなるんじゃないかと思います。（縦のままで良いので） 「ウィジェットのテキスト（PC用）（スマホ用）」というのが、イマイチよくわかりませんが、CSSで、スマホで1記事減らす...

@puppy さん 出先なので、私の記憶違いだったかもしれません。 もしかしたら、CSSで細工しないといけないかもしれません。 私はPHPは疎いので、よくわかりませんが、子テーマの「body-top-insert.php」辺りにhtmlタグを挿入して、CSSでゴニョゴニョやるんじ...

前略、puppyさん 出先なので、よく調べられないですが、Cocoon設定の「ヘッダー」タブの中の「ヘッダー全体色」の「ヘッダー全体背景色」辺りで、設定できませんでしたっけ？