こんにちは、しょーたです。
ブログをやっている人なら誰もが知ってるWordPress。
デザインもたくさんいじれるのでとても人気がありますが、トラブルがつきものなんですよね。
僕はwebの知識なんてほとんどないし、だいぶ苦労しました。というか今もしてます。
ということで今回はブログカスタマイズの時に困ったことやりたいことと解決方法を書いていきます。
まずは使用しているサーバーとテーマから
Contents
サーバーとテーマ
サーバーはロリポップ！
僕はロリポップ！のレンタルサーバーでスタンダートプランに入ってます。月額700円ほど。
ロリポップ！はサーバーがダウンしやすいということを聞いたことがあったのですが、ブログを始めたばかりで自分のブログがバズることはないから大丈夫でしょ！
ブログ自体続くかわからないし、とりあえずコスパのいいロリポップ！を使って、あんまりサーバーが落ちるようなら引越しすればいいや！
というような理由でロリポップ！を使い始めました。案の定バズることはなく、サーバー落ちも皆無なのでずっと使ってます。
テーマはLuxeritas
無料で評判のいいLuxeritasをつかってます。カスタマイズも詳しく解説されていたので、これなら自分でも使えるかな？と思って使って使い始めました。
Luxeritasの前にSTINGERを使ってましたが、子テーマを編集しても設定をうまく反映できなかったり、ページトップに謎のスペースができてしまったりと、僕には使いこなせなかったです。
最初からSTORKやJINなど、有料テーマを使えばいいのかもしれませんが、続くかもわからないものにできるだけお金を使いたくない。ということでLuxeritasに落ち着きました。
知識がない僕でもCSSなどの編集やグーグルサーチコンソール、アナリティクスの設定ができたくらいなので、僕と同じようにカスタマイズしたいけどお金をかけたくないという人にはおすすめのテーマです。
詳しく解説してくれているサイトも多いので安心して使えます。
困ったこと
AddQuicktagとカスタムフィールドで403エラーが出る
編集を終えていよいよ更新というときにエラーが出ると焦りますよね。
僕の場合はカスタムフィールドでaddheadをする時、AddQuicktagでタグを作成して更新する時に403エラーが出ます。
いろいろ原因を調べていると、サーバー側に問題がありそうだということがわかりました。
それが『WAF設定』WAFというのはウェブアプリケーションファイアウォールの略で詳しいことはわかりませんが、不正侵入を防いでくれるセキュリティの設定とのことだそうです。
このWAFを無効にすればエラーもなく更新できました。WAF設定を無効にするにはロリポップ！にログインし、サイドメニューの[セキュリティ] > [WAF設定]で変更できます。
注 意 WAFはブログを守ってくれる大切な設定です！編集が終わったら必ず有効に戻しましょう！
Font Awesomeがスマホでしか見れない
これは解決するまでめちゃめちゃ悩みました。でも解決しちゃえば、「なんだこんなことだったのか」というような簡単な話なので今トラブってる人も安心して取り組みましょう。
僕のブログでは見出し3でFont Awesomeのチェックマークをつかっています。
Font Awesomeというのは、チェックマークや検索の虫眼鏡、フェイスブックのいいね風のアイコンなどの画像を文字として使えるwebフォントです。
インターネットをしていればどこかで目にしているはずです。画像データを文字として扱えるメリットは、文字のサイズを変更したときに、それに連動してアイコンの大きさも変更される点です。
アイコンが画像データのままであれば文字のサイズを変更しても画像の大きさはそのままとなり、文章が崩れちゃいますよね。
Font Awesomeは記事のアクセントにもなるので積極的に使っていくことをおすすめします。
その便利なFont Awesomeで何が困ったかというと、うまく表示されないんですよ。
しかもPCだけ。スマホではちゃんとチェックマークが表示されているのですが、PCでは”□”表示になってしまいます。
スマホでちゃんと表示されているのでタグ打ちを間違えているわけではなさそうですが。。。
いったいどういうことなんだ？
ネット上で見つけたのがCSSのfont-weight（文字の太さ）を調整する方法です。
使うアイコンによってきれいに表示される数値が異なるようです。100～900で設定し、数字が大きくなるほど太くなります。
ここではアイコンがちゃんと表示すればいいだけなので、適当に変更しましょう。適当にといってもCSSを修正するときは慎重に！
おわり！
今のところつまづいたのはこのくらい。
そのくらいLuxeritasはつかいやすいです！
今後もつまづいたことがあればこのページで更新していきます。
それにしてもカスタマイズってほんと沼ですね。カスタマイズにハマってブログが書けなくなっては本末転倒なので、気をつけましょう。
それではまた。
