ブログ初心者です。プログラミングの知識もありませんがどうにかブログを続けている…

記事の書き方解決済み
かわうそさん
かわうそ

ブログ初心者です。プログラミングの知識もありませんがどうにかブログを続けているところです。
【Cocconを利用】
様々な方のカスタマイズをコピペさせていただきブログ(https://fav-hangout.com/)を作らさせていただいております。

ここでいくつか疑問があるので教えて下さい。

私が使っているcocconはカスタマイズを加えて行く際
style.cssに記述をしていくようです。
「コピペを記述」とよくありますが、色々とカスタマイズを加えていくとstyle.cssがものすごい数になっていきますが、普通みなさんはどのくらいの数になっているものですか?
5500ほどのところまできています。こんなものなのでしょうか?

あと、ボックスの中にリストがあるものがありますが
なぜだか、スマホから見るとリストがボックスからはみ出てしまっています。
どのようにすればボックスの中におさまりますか?

みんなのコメント 6件

ベストアンサー

ユーザー660さん
ユーザー660さん

ブログのカスタマイズは、人それぞれです。おそらく「5500」というのは行(ぎょう)のことかと思いますが、コードの書き方によって行をいかようにも増やしたり減らしたりできますので、単に行のみでコード数を判断できるものでもありません。
本来は、読み込まれるデータ量や、それに起因するページ表示スピードで、CSS が重いか軽いかを判断します。

ちなみに、長くブログを運営していると、ページ表示スピードとの兼ね合いもあり、ブログのデザインなどをどんどんとシンプルにしていくほうが良いことに気づくはずです。ごちゃごちゃした CSS をシンプルにすることはもちろん、プラグインを極力減らしたり、Cocoon ではなく別のシンプルなテーマに移行したりなど、いろいろと考えが変わってくるはずですよ。

>あと、ボックスの中にリストがあるものがありますが
>なぜだか、スマホから見るとリストがボックスからはみ出てしまっています。
>どのようにすればボックスの中におさまりますか?

▶CSS で調整可能です。
で、どの記事(URL)のどの部分が該当しますか?

かわうそさん
かわうそさん質問者

なるほど!すごく勉強になります。
上級者になればシンプルなものが必要になるものなのですね。
私はまだ始めたばかりで色々と凝った方々のものをいくつもコピペし、
それをクイックタグに記憶し使っていたり…(;'∀')
言われてみればそうですね。シンプルな方が軽くてよくなるものなのですね。
私はまだまだ新人なもので、まだまだデザインというところにとらわれてしまっています。
まだまだ勉強が必要です。
正直、色々とコピペし続けている今、
どのCSSがどのデザインのものなのかも自分では分かっていない状態であります。
やりすぎなのかもしれませんが…。

●ボックスの中からはみ出てしまう記事は大体ボックスの中にリストが入ってるもの全てになります。
最近の記事でいうと
https://fav-hangout.com/pool-4/ 
記事内ですと、「駐車料金」というところは黒ポチがギリギリですが、ややかぶってます。
その下にいくと、ピンクのボックスに箇条書きされているところがありますがそちらは完璧にポチが外にでてしまっています。

パソコンから読み込むときちんとなっていますが、スマホから見ると黒ポチだけ枠からはみ出てます。

ユーザー660さん
ユーザー660さん

>その下にいくと、ピンクのボックスに箇条書きされているところがありますがそちらは完璧にポチが外にでてしまっています。

▶私も CSS は独学なため正直もっと良い方法はあるとは思うのですが、、、取り急ぎ ul 要素の padding(padding-left)で簡単に調整はできるかと思います。

添付された画像

かわうそさん
かわうそさん質問者

ありがとうございます。
できました!調整できました!
こうやって調整するのですね。
この場合、個々に〇%などに書き換えて調整ということになりますか?
(独学でとは驚きです!プログラミングの先生をされているのかと思いました!本当にすごい!)

ユーザー660さん
ユーザー660さん

% だったり px だったり rem だったりいろいろですが、私は % が多いですね。

書き換えるよりは、小テーマの style.css に追記していって、親テーマの style.css を上書きしたり追記したりする感じです。「カスタマイズ」の「追加 CSS」に書き込んでいくという手もあります。
親テーマを書き換えると管理が面倒になりますし、何よりテーマのアップデートがあると初期化されてしまうので。

かわうそさん
かわうそさん質問者

はい。
調整方法も参考になります!
今デベロッパーツールを用いてシュミレーションまでできました。
数字、単位変えるだけで色々と変わりますね!
本当、勉強になります。
今シュミレーションされたものを実際にそうなるように「保存」?できる方法をなんとか自力で探してやってみます!
また分からなかったらこちらで質問させてもらうかたちになりますが…。
自力で少し頑張ってみます。
いつも有難うございます。

質問者からのお礼コメント

かわうそさん
かわうそさん質問者

いつも、本当にありがとうございます。
初心者にも分かりやすく説明していただき、時間を割いて頂き本当に感謝でしかありません。

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録