Cocoonフォーラム

もし、「WordPress アドレス (URL)」を変更してしまっている場合は、データベースの書き換えは、必須ではないかもしれませんが、できることなら、直しておきたいところです。

WordPressに詳しい方であっても、頻繁に行うような修復作業ではないと思いますので、WordPress修復のプロにご依頼になることをオススメします。

ming さん HTMLやCSSにつきましては、以下のトピックに有用なリンクが貼ってあります。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

ming さん モバイル用の背景画像をアップロードして、その画像のURLを上記CSSのコードのurlに指定してください。

前略、ming さん CSSで指定すれば出来そうな気がします。 メディアクエリの画面幅の数値は必要があれば適宜変更してくだい。 @media screen and (max-width: 480px) { .header { background-image: url ...

前略、みーさん さん WordPressの「一般設定」の画面で「WordPress アドレス (URL)」を変更してしまった、という場合には、以下のサイト様の記事にあるような対処が必要になる場合があります。 WordPressアドレスとサイトアドレスの違い・間違って変更した場合の対処...

@yhiraさん 修正ありがとうございます。 ローカルのテストサイトで確認したとろ、AMPページの Google Mapの埋め込み iframeタグ、youtube の埋め込みiframeタグ に 属性 loading="lazy" が付与されていないことを確認いたしました。

前略、初心者さん Cocoonの親テーマも、今回のエラーに関係有る、無しに関わらず、最新バージョンにアップデートしてみてもいいかもしれないですね。

杉浦さん 山田太郎さん あるいは、以下のようにオーソドックスに指定するとどうなるのでしょう？ .speech-icon img { width: 84px; height: 84px; } @media screen and (max-width:1280px...

前略、イージー さん Cocoonは設定のバリエーションが多いので、全部を把握していません。 私のテストサイトでは、今は表示されているようです。 Cocoon設定の設定にもよるのかもしれませんので、お差し支えがなければ、フォーラム冒頭の案内にありますとおり、対象ページのU...

@yhira さん 私も体調を崩していた時期に、わいひらさんの部屋の窓から見える送電線が何かしらに見える、という記事などを拝読して癒されていました。 かなり前の話ですけれども。 ?

@umisan さん おそらく、これで問題ないと推測します。 プラグインのWP Multibyte Patchは入れておくことをオススメします。

@umisan さん Cocoon設定のタブは、操作できるようになっていませんか？

@umisanさん ソースコードから親テーマ、子テーマのCSSファイルを参照すると、上手くいっているっぽいですよ！

山田太郎 さん テーマ作者様が難しいとおっしゃってはいますが、ご自身でどのように試すのも自由ですので、いろいろ試してみてください。 良い方法が見つかるかもしれません。

山田太郎 さん 吹き出しの画像は、画面の幅によって伸縮します。 幅を80pxに固定してしまうと、画面幅を小さくしたときに、見た目のバランスが悪くなります。

山田太郎さん CSLの数値が高いのがPC表示の方でしたら、試すとすれば、以下のような感じでしょうか。 実際にやってみないと、結果はわかりません。 @media screen and (min-width:1281px) { .speech-icon img { w...

山田太郎 さん 実際にテストを繰り返してみないと詳しいことはわかりませんが、パソコンのブラウザの幅を徐々に縮めていってみてください。 吹き出しの画像も少しずつ小さくなるばずです。 幅や高さを固定してしまっていいのであればよいのですが、画面幅を小さくしていったときに、表示の...

うみさん わいひらさんがこのようにおっしゃっているので、これは、私もこのとおりだと思います。 以下が、本来の子テーマのテンプレートヘッダーのところの記述です。 Template: cocoon-master

うみさん ConoHa のサポートの方にお願いする場合は、先ほどのCocoon設定のバックアップからの復元について、先ず確認されることをオススメします。 また、わいひらさんの貼りつけてくださった方法で、ご自身で、作業される方法は、少なくとも既にお二方が解決に至っています。 ...

うみさん Cocoon設定はバックアップをとっているのでしたよね。 ConoHa WING の方に、Cocoon設定のバックアップをとってあるのですが、バックアップしたデータで復元はできないでしょうか？、と聞いてみてもいいかもしれません。 テーマ設定のバックアップ方法...

杉浦さん いまのところ技術的に難しい、ということみたいです。他に詳しい方が解決策をみつけてくださると良いのですが・・

前略、まるさん 該当箇所には、pタグがあるようです。あとはご自身で、できそうですね。  d6d285b4ac733a9367475d813973ea94.png

うみさん 既に他のトピックでうみさんにご紹介したものですが、この方もわいひらさんの貼り付けてくださった方法でアップデートできたようです。 [解決済] 投稿編集画面がおかしくなりました。

前略、杉浦さん４日ほど前に同様のご要望があったようです。 [解決済] speech-balloon画像のwidthとheightの追加

うみさん 余談ですが、WordPressで日本語を利用するときは、プラグインの WP Multibyte Patch を入れておいた方だ良いそうです。 WordPress５から無くなったWP Multibyte Patchは必須なので手動インストールしましょう

うみさん ConoHa WING は有名なレンタルサーバーのひとつですので、ユーザーが困らないように ご対応いただけるのではないか、と 推測しています。

@umisan さん フォーラムにサポートの電話番号を貼り付けるのは、とりあえず、控えます。 私は、ConoHa WING を利用したことがないので、どのプランが電話サポートを含んでいるのか全く存じませんが、以下の手順で、サポートの電話番号が見られるようです。 ConoH...

@umisanさん この件は、conoha wing で提供されているcocoonのテーマのフォルダ名が、デフォルトのフォルダ名と異なることに起因しています。 conoha wingのサポートに連絡電話してみて下さい。

竜馬 さん Cocoonの高速化設定を有効にした状態を詳しい方に診ていただく場合は、Cocoonの高速化設定は有効にしたままの方が良いかもしれません。

前略、竜馬 さん 私はあまり詳しくはないのですが、私のローカルのテストサイトはWordPress5.7にアップデートしています。 Cocoonの高速化設定を有効にしても、iframeタグには、loading属性である、「loading="lazy"」が付与されているように見えるのです...

@yhira さん いろいろと重なって、心労が絶えないようですね。 そういうときは、どうしたらいいのかなぁ・・

ヨガタイム さん どうも、これは、Cocoon設定の「本文」タブの「行の余白」の数値を変えることによって、指定されているような気がします。 2.7ぐらいにすると、見出しのｈ２の上方向のマージンが3.6emぐらいにならないでしょうか？ おそらく、「css-custom....

ヨガタイムさん 以下のコードを固定ページのカスタムCSSにコピペすれば、空白は少なくなるかもしれません。 .article h2:first-child { margin-top: 0; }

前略、ヨガタイム さん どこかに以下のような指定があるみたいです。 .article h2, .article h3, .article h4, .article h5, .article h6 { margin-top: 3.6em; } Cocoonの高速化設定をOFFにしていただ...

@pepo_life さん ご報告ありがとうございます。他の方の参考になると思います。

文字コードをUTF-8 BOMなし(UTF-8N)でファイル保存をする方法

まるさん 子テーマのCSSのコードにBOMとみられる余分な文字がいくつか入っています。 Firefoxでソースコードを表示し、ソースコードの子テーマのURLをクリックすると子テーマのコードを見ることができます。 CSSのコードを編集するときは、文字コードをUTF-8（BO...

前略、まるさん 以下のコードで狭くなるかもしれませんが、ゼロでは、ちょっとやり過ぎかもしれません。 .article .entry-categories-tags { margin-bottom: 0; } .article h1 { margin-top: 0;...

うみさん この問題は、うみさんだけではないはずですので、ConoHa WING の方でも何かしらの対策を講じなければならないものと思われます。 連絡を待つ間にFTPソフトの使い方や接続方法などは、ゆっくり覚えたり、接続を試す、ぐらいの感覚の方が良いような気がします。 わか...

Cocoonのサイトのサイドバーの新着記事きれいに見えますよね。  6f720739d7412d978a329a622a2ea118.png

表示設定を４つにして、画面幅が広いときには、４つ目だけ非表示にしておく、という方法もなくはないのですが、やはり、このデフォルトの表示タイプは、サイドバーのような狭い幅のところに配置する方が合っているように思います。 横に並べるなら、大きなサムネイル（large_thumb）か、タイトルを...

画面幅が狭くなったときに３つだと体裁が良くないような気がします。 3415b756bfeba0c7d3fd93907b1d5490.png 不自然な体裁になっちゃいます。

横に並べることはできるのですが・・・  d250badfcbb4628cc2cfcba455355dae.png

新着記事や人気記事ウィジェットやショートコードは、右側にある、サイドバーに設定すると、しっくり収まるようにできています。 本文に入れる場合は、２カラムブロックを使うと、しっくり収まります。 グローバルメニューの直下やフッターへの設置は、いまのところ想定されていないので、そこに...

横並びにするには、 大きなサムネイル（large_thumb）か、タイトルを重ねた大きなサムネイル(large_thumb_on)にしないと、上手く並べられないような気もします。 上記の２つ以外のタイプですと、画面幅を縮めていったときに、サムネイル画像と文字のバランスをとるのが難しい...

ショートコードの案内ページは以下になります。 新着記事一覧を表示するショートコードの利用方法（オプションもいろいろ） 人気記事一覧を表示するショートコードの利用方法 新着・人気・関連記事ウィジェット（ショートコード）で投稿日や更新日を表示させる方法 C...

こんなのもありました。 5 → 2列 [解決済] 人気記事ウィジェットで５記事横並びにしていますが、モバイル表示では２列にしたい

HTMLやCSSについては、以下のトピックに有用なリンクがあります。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック また、数年前の記事ですが、テーマ作者様がブラウザのデベロッパーツールの使い方の記事を書いてくださっています。 WordPres...

ただ、メインカラム２列にしたときは、large_thumb を指定していても、横幅320pxのサムネイル画像を利用するため、若干表示サイズが横幅320pxより大きいサイズとなり、少々ぼやけてしまいます。 新着記事や人気記事のウィジェットやショートコードは、サイドバーか２カラムブロックに配...