ブログ初心者です。プログラミングの知識もありませんがどうにかブログを続けているところです。
【Cocconを利用】
様々な方のカスタマイズをコピペさせていただきブログ(https://fav-hangout.com/)を作らさせていただいております。
ここでいくつか疑問があるので教えて下さい。
私が使っているcocconはカスタマイズを加えて行く際
style.cssに記述をしていくようです。
「コピペを記述」とよくありますが、色々とカスタマイズを加えていくとstyle.cssがものすごい数になっていきますが、普通みなさんはどのくらいの数になっているものですか?
5500ほどのところまできています。こんなものなのでしょうか?
あと、ボックスの中にリストがあるものがありますが
なぜだか、スマホから見るとリストがボックスからはみ出てしまっています。
どのようにすればボックスの中におさまりますか?
みんなのコメント 6件
ベストアンサー
ブログのカスタマイズは、人それぞれです。おそらく「5500」というのは行(ぎょう)のことかと思いますが、コードの書き方によって行をいかようにも増やしたり減らしたりできますので、単に行のみでコード数を判断できるものでもありません。
本来は、読み込まれるデータ量や、それに起因するページ表示スピードで、CSS が重いか軽いかを判断します。
ちなみに、長くブログを運営していると、ページ表示スピードとの兼ね合いもあり、ブログのデザインなどをどんどんとシンプルにしていくほうが良いことに気づくはずです。ごちゃごちゃした CSS をシンプルにすることはもちろん、プラグインを極力減らしたり、Cocoon ではなく別のシンプルなテーマに移行したりなど、いろいろと考えが変わってくるはずですよ。
>あと、ボックスの中にリストがあるものがありますが
>なぜだか、スマホから見るとリストがボックスからはみ出てしまっています。
>どのようにすればボックスの中におさまりますか?
▶CSS で調整可能です。
で、どの記事(URL)のどの部分が該当しますか?
なるほど!すごく勉強になります。
上級者になればシンプルなものが必要になるものなのですね。
私はまだ始めたばかりで色々と凝った方々のものをいくつもコピペし、
それをクイックタグに記憶し使っていたり…(;'∀')
言われてみればそうですね。シンプルな方が軽くてよくなるものなのですね。
私はまだまだ新人なもので、まだまだデザインというところにとらわれてしまっています。
まだまだ勉強が必要です。
正直、色々とコピペし続けている今、
どのCSSがどのデザインのものなのかも自分では分かっていない状態であります。
やりすぎなのかもしれませんが…。
●ボックスの中からはみ出てしまう記事は大体ボックスの中にリストが入ってるもの全てになります。
最近の記事でいうと
https://fav-hangout.com/pool-4/
記事内ですと、「駐車料金」というところは黒ポチがギリギリですが、ややかぶってます。
その下にいくと、ピンクのボックスに箇条書きされているところがありますがそちらは完璧にポチが外にでてしまっています。
パソコンから読み込むときちんとなっていますが、スマホから見ると黒ポチだけ枠からはみ出てます。
>その下にいくと、ピンクのボックスに箇条書きされているところがありますがそちらは完璧にポチが外にでてしまっています。
▶私も CSS は独学なため正直もっと良い方法はあるとは思うのですが、、、取り急ぎ ul 要素の padding(padding-left)で簡単に調整はできるかと思います。
ありがとうございます。
できました!調整できました!
こうやって調整するのですね。
この場合、個々に〇%などに書き換えて調整ということになりますか?
(独学でとは驚きです!プログラミングの先生をされているのかと思いました!本当にすごい!)
% だったり px だったり rem だったりいろいろですが、私は % が多いですね。
書き換えるよりは、小テーマの style.css に追記していって、親テーマの style.css を上書きしたり追記したりする感じです。「カスタマイズ」の「追加 CSS」に書き込んでいくという手もあります。
親テーマを書き換えると管理が面倒になりますし、何よりテーマのアップデートがあると初期化されてしまうので。
はい。
調整方法も参考になります!
今デベロッパーツールを用いてシュミレーションまでできました。
数字、単位変えるだけで色々と変わりますね!
本当、勉強になります。
今シュミレーションされたものを実際にそうなるように「保存」?できる方法をなんとか自力で探してやってみます!
また分からなかったらこちらで質問させてもらうかたちになりますが…。
自力で少し頑張ってみます。
いつも有難うございます。
質問者からのお礼コメント
いつも、本当にありがとうございます。
初心者にも分かりやすく説明していただき、時間を割いて頂き本当に感謝でしかありません。
あなたの経験や知識を共有しませんか?
ほかのユーザーの相談に、コメントで参加してみましょう。
ログインしてコメントするはじめての方は無料登録