【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック - 雑談 https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/ Cocoon ディスカッション掲示板 ja Sun, 12 Apr 2026 12:52:25 +0000 wpForo 60 RE: メディアクリエの指定範囲で比較演算子を使う場合の注意点 https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-86126 Tue, 19 Aug 2025 04:26:42 +0000 ●注意点

メディアクリエの指定範囲で比較演算子を使う場合、注意点があります。

→→に入力した場合、正しく展開されません。
このため、追加CSSに入力する場合、注意しましょう。

https://wp-cocoon.com/community/postid/86063/

●参考

CSS仕様では、メディアクエリの指定範囲で比較演算子が使えます。

https://coliss.com/articles/build-websites/operation/css/media-query-range-syntax.html

]]> 雑談 大門未知子 https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-86126 RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-82724 Thu, 05 Dec 2024 08:59:00 +0000 「記事を紹介するトピック」ですが、ブラウザの拡張機能について書かせていただきます。

簡易的にHTML（開始・終了タグ）をチェックしてくれるChromeの拡張機能「HTMLエラーチェッカー」ですが、警告表示がされるようになりました。
（まもなくサポートされなくなる可能性があるとか）

 
そこで、代替の拡張機能を貼っておこうと思います。
上記拡張機能と、使い方も見た目もほぼほぼ同じです。
 
HTML Tag Error Checker（Chrome版です）
https://chromewebstore.google.com/detail/html-tag-error-checker/dgboealbpckjkjfhabahfgnjlaeghglh
 
Edge版やFirefox版もあります。
 
Edge版
https://microsoftedge.microsoft.com/addons/detail/html-tag-error-checker/abdjpndepooamjpebpefflgkololflld
 
Firefox版
https://addons.mozilla.org/ja/firefox/addon/html-tag-error-checker/
 
 
HTMLが分からなくても、上記拡張機能を使用すれば、エラーの有無は簡単にチェックできると思います。
 
 
 
ちなみに、最初に書いた「HTMLエラーチェッカー」の警告は、以下の通りです。
 
HTMLエラーチェッカー
https://chromewebstore.google.com/detail/html%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%81%E3%82%A7%E3%83%83%E3%82%AB%E3%83%BC/ohdllebchmmponnofchalfkegpjojcaf?hl=ja

 

【Chromeの拡張機能の管理画面】

]]> 雑談 ｍｋ２ https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-82724 RE: テーマを変更すると何が問題なのか？ https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-80212 Sat, 20 Jul 2024 12:15:45 +0000 いまだに、テーマを変更すると、レイアウトが崩れる。
修飾の変更が大変と言う、ポストを散見し。
なぜ？の部分を、正しく理解していないように思います。

「囲み枠」一つとってもテーマごとに、HTML、CSSクラスが異なります。
WordPressや、HTMLの共通ルール、コマンドでできていません。

各テーマ独自のルールで作られています。
この為、無料テーマ→有料テーマに変更だからと言う事ではありません。

以下に実例を示します。

https://ss1.xrea.com/chuya.s239.xrea.com/temp/theme-change-issue/

]]> 雑談 大門未知子 https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-80212 RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-73179 Fri, 18 Aug 2023 04:48:11 +0000 CSSが反映されない場合の注意点と対策

●現象

質問のCSSを、Chromeデベロパーツールで調べると、プロパティ前に謎の文字コードがあり。
結果、エラーとなり、反映されていないケースを散見します。

●原因

調べると、WordPressのテーマエディターを使用の際、注意点があるようです。
コードをコピペした時など、2連スペースが半角スペースでなく、文字コード＆nbsp;に自動変換さてしまう場合があるようです。

●対策

プロパティ前の半角スペースを削除してみて下さい。

]]> 雑談 大門未知子 https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-73179 RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-62996 Thu, 07 Jul 2022 12:06:02 +0000 Akiraさんが有用な回答をくださっているので、クリップ。

「XMLサイトマップ」に関連するトピック
https://wp-cocoon.com/community/postid/62981/

]]> 雑談 リフィトリー https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-62996 RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-53472 Mon, 19 Jul 2021 06:34:10 +0000 WordPressのトラブルシューティングを劇的に楽にする「Health Check ＆ Troubleshooting」プラグインの使い方。

https://nelog.jp/health-check-and-troubleshooting-plugin

 

不具合が出たときに原因を見つけるのに便利なプラグイン。

親テーマに変更する、プラグインを停止するなどのフォーラムガイドラインに書かれているトラブルシューティングを行う際に便利です。

]]> 雑談 さる子 https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-53472 RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-53471 Mon, 19 Jul 2021 06:19:35 +0000 もうすぐWordPress5.8のアップデートがありますが、すでに公開しているブログやウェブサイトをすぐ更新しないように気をつけてください。今回のアップデートだけでなく今後のメジャーアップデートすべてに言えます。

ローカル環境などで動作確認をして、問題がなかったら本番環境の更新をしてください。

 

参考

WordPressメジャーアップデートの際などに行う動作確認テストの方法 - オレインデザイン https://olein-design.com/blog/test-new-wordpress

WordPressローカル環境「Local by Flywheel」が有能ツールだったので良いとこ言いたい https://nelog.jp/local-by-flywheel

 

メジャーアップデート後はCocoonフォーラムの問い合わせが増える可能性が高いです。もしエラーが出た場合、同じ内容のトピックがないかチェックしてから新しくトピックを立ててください。

]]> 雑談 さる子 https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-53471 RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-49747 Thu, 06 May 2021 20:18:07 +0000 ちょうどこういうトピックを立てようと訪ねてきました！

デザイン学校出てコピーライター30年強やって、独立して地域の印刷物ばかりかWeb制作にも手を！…出したものの、基礎がゼロなので後輩を質問攻めで困らせながらやってたら、Cocoonを知りました。

自分のブログから始めてCocoonの使いやすさに感動し（WordPress自体は記事の投稿レベルで使うことはできました）、ついに仕事として得意先のサイトを立ち上げる暴挙に。

なんとかヒョロッヒョロのサイトを立ち上げたものの、やっぱりHTMLはもちろんCSS、さらにサーバーについてもちゃんと勉強しないとダメだ…Gutenberg​？ぜんぜんワケがわからない！という有様です。

Cocoonは使いやすいので、私のようなユーザーはたくさんいると思います。

さらにいろいろサイト等をご紹介いただけるとうれしいです！

]]> 雑談 gumby https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-49747 RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-49149 Mon, 19 Apr 2021 12:57:18 +0000 Progate | プログラミングの入門なら基礎から学べるProgate

https://prog-8.com

 

HTMLとCSSを初めて触る人にオススメです。

テキストエディタなどの用意が必要なく、ブラウザだけで始めれるので手軽に始めれそう。

無料コースで基礎中の基礎が学べるので、そこから先は有料コース、解説書、独学など何で学ぶか選べる点もいいですね。

]]> 雑談 さる子 https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-49149 RE: 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-39692 Fri, 11 Sep 2020 10:35:14 +0000 Cocoonのマニュアル以上に細かなことが書かれているんじゃないかというサイト。
結構マニアック。これが網羅性というものか。

Cocoonの使い方やカスタマイズとオリジナルスキン | 綾糸ネット・セカンド
https://sec.ayaito.net/

]]> 雑談 わいひら https://wp-cocoon.com/community/chat/%e3%80%90%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91wordpress%e3%82%84css%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e7%b4%b9%e4%bb%8b%e3%81%99/#post-39692