Luxeritasでリスト限定の背景設定するのに10時間以上かかった件【素人のCssいじり】

本ブログはWordpressを使っていて、テーマはLuxeritasを使用しています。

私はプログラミングは全くやったことありません。ズブの素人とかじゃなく、やってみる気もない。プログラミングとか言う言葉も意味の範囲合っているか分からないから、使うの怖いレベルです。

Luxeritas選んだのも無料で動作が軽いという理由からだけ。

WordPressのカスタマイズから調整できるところのみ外観調整していたんだんけど、Luxeritasではリスト(箇条書き)の背景色設定の項目が無い。

記事を見やすくしたいので、どうしてもリストの背景色は付けたい!と思い調整に手を出したんだけど、検索でもLuxeritasのリスト調整について詳しく乗っているページはみつからず。

全く糸口が掴めず朝早起きして作った時間を5日間くらい、計10時間以上無駄にしました。

PCは会社の使っているんだけど、叩き割りそうになりました。危うく強制送還されてクビになりかけるところ。

四苦八苦してようやくリストの背景色付けるのに成功したので、メモとしてそのやり方を記録しておきます。

リスト背景色の変更方法まとめ

最初に結論から。

プロにフルボッコ食らう可能性があるので、理論とか抜きで行きます。

記事内の追加CSSクラスと、カスタマイズの追加CSSを記入して解消させました。

まず投稿画面から背景色変えたいリストのブロックをクリックします。その後、ブロック調整の中の高度な設定内を開き、追加CSSクラス内に適当なコードを入力。

私はkajougakiと入力。リストなんで。多分コードはなんでも良いです。

次は戻って外観からカスタマイズを選択。

一番下の項目の追加CSSを開き、写真のコードを記入するだけ。

このコードをいじれば更なるカスタマイズが出来る。私はリストの前後左右の余白と色を調整。

簡単でしょ?

だがな、私の地獄の10時間の上に君たちの成果があることを忘れてはならない。絶対にだ!

失敗事例①:Luxeritasのコードが見つからない、変更できない

私も色々調べましたよ。

  • 追加CSSにこちらのコードをコピペするだけでリストの色が変わるよ  
    >>> コピー&ペースト。変化なし。
  • テーマ編集からCSSを変更するんだよ  
    >>> 該当のCSSが検索でも出てこない。

素人考えでおそらくですが、テーマ別にリストの範囲してるコードが違うんです。だから検索でも出てこない。追加CSSを書いても該当コードと合致しないから変更できない。

この時点でわたくしイライラでキーキー言い始める。

失敗事例②:ulで変更したらいらんところまで変わる

大手サイトにリスト変更パターンが多く書いてあって、そこには基本的にリストを指定するulを頭にしたCSSコードが紹介されています。入れたらいけるんじゃないか?ということで試します。

よし、来た!…と思ったらコレですよ。

俺は目次もカテゴリーも変えたいわけじゃない。

お前らまで変わってくれって頼んでない。ヘッダー上の帯状メニューなんて普段目立たないのにいきなり顔出してくるな。

こちらも素人考えですが、ulのコマンドを使っている項目が全て変わってしまったと。記事内のリストだけ変える為には限定させる為のコマンド=CSSクラスが必要となるんじゃないかと予測。

WordPressって面倒くさい。でもCSSいじれるとネット根幹に触れてる気分がして楽しい。

CSSクラスを探す、ないしは付け足すために調査したり、入力したりした。けどまだまだ失敗は続く。

  • 右クリックで検証してCSSクラスを探す
    >>> ulは見つかるんだけどクラスが見つからない。そもそもCSSの見方が分からない。
  • Kajougakiって追加CSSクラスに記入
    >>> 追加CSSにコードにkajougakiって書いても結局変わらず。

がむしゃらに調べてたら、入力した追加CSSクラスのulのあとにドットを入力して限定したら良いということが分かりました。

設定は文章書くよりかなり時間がかかり、気づいたら1時間経っている事が常。実は本件以外にも、広告設定やデザイン設定も結構時間かかった。

単に分からないから遅いというのもあるんだけど、ネットを使って調べるからと思ってる。

  • ネットで調査していると通信の待ち時間が以外にかかる
  • 回答がどこにあるか分からない
  • そもそもほしい答えが無い
  • 調査してもすぐに過去調べたページ忘れて再訪問する

負のループ。ネットがいかに時間食い虫か分かる。

勉強や調査は、本で調べるか人に教えてもらうのが良いと改めて実感した事例です。

でも楽しかったし勉強になった。CSSコードでデザインが変わるなんて世界の裏側見てるみたいでステキ。追加CSSいじってて色変わっただけでも声出たね。おっさん早朝から一人で大きい声出しました。

これでようやくブログに専念できます。デザイン未完成のまま書いているのはどこか気がかりで気持ち悪かった。環境は整いました。

 

ではまた。