【カスタマイズ】CSS、phpで変更したところいろいろ。

2019-05-07

だいぶ整ってきたこのサイト。
WPで作成、テーマは「Luxeritas(ルクセリタス)」を使用しています。
ようやく、WPで自分のサイトが出来た!よかった!!😊

 

無料テーマ「Luxeritas(ルクセリタス)」

もういきなり書いたけど、無料です。

いろいろテーマはあるけど…
本来、このルクセリタスも、ブログ用だとは思うのですが。

今回、WordPressチャレンジ4回目?ぐらいで
ようやくいい感じに作れたこのサイト。
気軽に制作実績とかお知らせを更新しよう、と思って
きっちりwebサイトというよりは、ブログ寄りに作ることにしました。

そこで、以前使ったことのある「cocoon」にするか…と思ったけど。
ちょっとさすがに「ブログ!!」すぎて、なんか違うのよね…今回はね…

と、探していたときに見つけたのが「ルクセリタス」でした。

めちゃめちゃ使い勝手良い!!
たぶん、基本触らなくていい。

ただ。作った順番が悪かった。

1.ほんのりと、このサイトをつくる(白っぽい)

2.名刺を作る(上のピンク×黒)

3.サイト、修正…😱(黒っぽくやり直し…)

サイトとずいぶん相違が出ちゃったのですよね…。
そんなわけで、カスタマイズすることにしました。

 

カスタマイズしたところ

編集画面でなく、CSSとかphpを書き換えた、という意味で変更したところ。
とはいえ、自力で、というより、いろんなサイトを見て、コピペで変更です。

主に、参考にさせていただいたのはコチラです。

他にも参考にさせていただいたサイトはあるのですが
いろいろ見すぎてもう思い出せません…💦

hタグの装飾。
ちょっと、最初のは好みじゃなかった…てへ。
不要な飾りを削除して、新しくしました。

関連記事の数を変更
投稿記事の下に「関連記事」というのがありますが。
これが、デフォルトで5件表示でした。
5件…多いわ…😅ってなって。3件に減らしました。
これは、phpを触らないといけなかったからドキドキ。
親テーマの書き換えだから、アップデートのときに5件に戻ったりするかな?

文字色、などの変更
タイトル文字とか、いろんな文字色を
ピンク×黒に合わせた濃いピンクに変更。
これは、結構いろいろ変わってるっぽい。

CTA表示の変更
記事の下についてる「お問い合わせ」の定型文(自動挿入)…というか。
基本的にはコピペでカスタマイズしましたが、文字の中央寄せとか、
さらに色変更、太字の設定など。

 

あとは…
h1タグだけ、まだどうにもなってないのでなんとかしたい。
(記事のタイトル部分の装飾とか文字の太さとか)
またそのうちに!!

 

感想

今回は、なかなかいい感じに出来たと思います。
画像もいろいろ作ったしね。

とはいえ、開店中に作業もじゃんじゃんしていきますので、
「あ、変わってる!」ってこともあると思います。
逆に「表示崩れてるやん!!」ってときもあるかも(笑)

 

webのことも、ちょっとだけできます、というお話でした。

おしまい!