SEINENこのサイトについて初心者はCSSをあまりいじらない方が良い理由ブログTwitterFacebookはてブPocketLINEコピー2017.11.15スポンサーリンクスポンサーリンクどうせなら自分好みのサイトにしたい自分でブログやサイトを立ち上げると自分好みのサイトデザインにしたくなってくる。するとCSSをいじって、ということになるのだが気をつけておきたいポイントがある。私も何を隠そう、htmlやcssなどほとんど知らない初心者。私のような方がCSSをいじってミスらないように注意点を書いておきたい。画面幅いろいろ私のサイトを例に上げて見ていく。ワードプレスというCMSのsimplicityというテーマを使っている(ちなみに無料とは思えないほど超優良テーマ)。現在はデフォルトスタイルにしているが、これを例えばタイル形式にしてみよう。すると、このように当たり前だがいわゆるタイル形式になる。本来タイル形式とはそういうものではあるが、ここで記事一覧インデックスの高さを揃えたくなってくる。CSSをいじり出すと、あれもこれもと整えたくなってくるものだ。揃える」などとネットで色々と調べてみる。すると、エントリーカードの高さと見出しの高さを揃えれば良いんだなということに行き着く。{height:190px;}といったコードを「テーマの編集」→スタイルシートに張りつける。すると、こうなって、一見すると綺麗に揃っているかのように思えてしまう。スマートフォンなどのモバイル端末で見てみるとこのように見出し幅が広すぎて若干、間の抜けた感じになってしまう。ぐぬぬ、ということでスマートフォン閲覧用にCSSを書き換えるために、モバイルCSSを編集する。h2{height:48px;}すると、こうなり、まぁ許容範囲かなということになる。私はこれで一安心としばらくサイトをそのままにしてしまっていたが、ある日、一口にスマートフォンといっても、画面の幅が違うということに気付いた。Chromeの「右端にある❗ボタン」→「その他のツール」→「デベロッパーツール」でスマートフォン画面を調べてみた。すると、320×575はいいのだが、375×575になるとこうである。ドギャーン!!375×575になると、見出し幅が狭くて文字がはみ出てしまっている。広くしなければ......と見出し幅を広くすると、今度は320×575でまた、間の抜けた広さになってしまう......。任意の数字px;}で、記事の高さを調節して、タイトル幅が気になればスクリプトで揃えるといったやりかたもあるのかもしれない。ここまでに費やした時間は半日以上。慣れないことに頭はくたくた。疲れてしまって記事を書く気力もなくなっていたのだ。私のような初心者がCSSを下手にいじらない方が良い理由は、一度いじりだすと細かいところまで気になってくる、うまくいったと思ってもモバイルの種類によってはうまくいってないことがある、疲れる。知識のある人は、何をそんなことに手こずってという感じかもしれない。知識を身につけたら、またいつの日かチャレンジしたい。大学全入時代の今、四大を出て就職をしてというのが大勢という。いつの時代にも落ちこぼれてしまう人はある。ブログのアクセスアップやアフィリエイト関係のサイトを見ていると、しきりにssl化をしたほうが良いと言うのを見る。simplicityは優れたテーマで更新機会がかなり頻繁にある。その度にブラッシュアップされてより使いやすくなっている。稚拙な表現だが凄いとしか言いようがない。更新が多...ブログワードプレスでスパムコメントをプラグイン無しで対策する方法スパムコメントうざすぎ。あれは何なんでしょうか。多いと日に50件以上のスパムコメントが入ってくる。