おちゃのこネットでは、テンプレートによってはCSSの編集に制限があります。CSSがうまく反映されずに困った経験がある方も多いのではないでしょうか。この記事では、実際に経験したCSSが効かない時の具体的な原因と対処法をご紹介します。
CSSが反映されない主な原因
おちゃのこネットの一部テンプレートでは、CSSの編集が制限されています。そのため、スタイルを適用するには「自由記入欄」にCSSを直接記述する必要があります。
以下はCSS編集できないテンプレートで、動画の幅を100％にしようとしたところうまく効かない状態です。
「改行は<br />タグに置換する」に注意
自由記入欄にCSSを記述しても、CSSがまったく効かないことがあります。その主な原因が、「改行は<br />タグに置換する」というオプションです。
この設定が有効になっていると、CSSの改行部分が自動的に <br /> タグに置き換えられてしまい、CSSとして正しく読み込まれなくなります。
対処法
「改行は<br />タグに置換する」 のチェックを外しましょう。
手順は以下の通りです：
- 管理画面にログイン
- CSSを入力した自由記入欄（例：フリースペースやフッターなど）に移動
- 入力欄の下にある 「改行は<br />タグに置換する」 のチェックを 外す
- 「保存」ボタンをクリック
100％表示されるようになりました。
まとめ
おちゃのこネットではテンプレートによってカスタマイズの自由度が異なりますが、自由記入欄を使えばCSSの追加は可能です。
ただし、「改行を<br />に置換」する設定をOFFにすることが重要なポイントです。
「CSSが効かない…」という時は、まずこの設定を見直してみてください。
飯田市でホームページ制作・広告運用をサポート｜デザインスタジオiR
牧内理恵
まきうちりえ
飯田市在住、広告制作歴20年以上。これまで200名以上のクライアント様と向き合い、100件以上のサイト制作を手掛けてきたデザイナー兼エンジニアの牧内理恵です。御社の強みを引き出し、業績アップに繋がるWebサイト・ネットショップ・販促ツールをご提案します。拠点とする長野県内はもちろん、全国各地からのご依頼にも柔軟に対応しております。
「相談してよかった」と言っていただける、飯田下伊那地域のパートナーとして。
長野県飯田市を拠点に、ホームページ制作やECサイト構築、Web運用のトラブル解決を承っています。20年以上のキャリアで培った「伝わるデザイン」と「確かな技術」で、御社の業績アップを支えます。飯田・下伊那エリアはもちろん、全国からのオンライン相談も大歓迎です。
「ホームページを作りたい」「ホームページをリニューアルしたい」といったご依頼もお気軽にお声がけください。
※強引な勧誘は一切ありませんので、安心してお悩みをお聞かせください。
