プチセレビューティー

プチセレビューティー:美容ブロガー・ミリィによるプチセレブ気分になれる女子力アップ・美アイテム紹介♪

*

WordPressのテーマカスタマイズならTheme Test Drive!

      2017/09/16

プチセレ度:



いくつかサイトを運営しているんですが、他のサイトはWordpressで作りながらサイト様で、ここだけブログ様の使い方をしています。
で、先日ここをちょっといじったら、一気にレイアウトが崩れてしまい、色々と考えた結果、ちゃんとコードをキレイに整理しよう…と思いまして。
プチセレをオープンしてから、ちょいちょいいじっていたので、コードがメッチャクチャだったんですよね。
とりあえず、ローカルにWP環境はつくってあるので、全部DLしてWP環境に乗せてやりなおすか…と思ってDLしたんですが、その後いろいろ調べていたら、こんな便利なプラグインがあることを知って目からウロコ状態になったのでちょっとご紹介します。

Theme Test DriveはWordpressカスタマイズの強い味方!

Theme Test Drive

『Theme Test Drive』というプラグインになります。
現状のテーマを変えることなくテーマをいじれる…という、テーマカスタマイザー達が両手を挙げて喜ぶようなプラグイン。
どういうことかと簡単に言うと、ログインしている自分しか見れないテーマをオンライン上でいじれるぞ!というもの。
ある程度権限はセレクトできるんですが、関係ない人が見たらオープンにしているテーマでサイトが見れて、権限を許されている人が見たらいじっている最中のテーマでサイトが見られる…という、テーマカスタマイザー歓喜のプラグインです。

メリットはというと、
○ ローカル環境にDLしなくてもテーマがいじれる
○ もしも失敗しても、元のテーマに影響はないためダメージがほぼない
○ 現在のサイトの内容を見ながらテーマをいじれる
…というカンジ。

デメリットはというと、
○ テーマ以外のところ(ウィジェットの追加とか記事自体の内容とか)をいじれば当然表のテーマにも影響する
といったとこでしょうか。

まぁ、どっちにしても、テーマを変えるぞ!テーマをいじるぞ!という人にはきっと使い勝手が良いものだと思います。

ただここで注意点。
新たにテーマを導入して、そのテーマをいじるのであれば別にかまわないのですが、現在のテーマをいじろうと思う人は、FTPソフトでテーマフォルダをコピペして、コピペしたものをいじるのが良いと思います。
そうでないと、表のテーマと裏のテーマ同じものをいじっているだけになっちゃうので意味ないですからね。

Theme Test DriveのDL方法と使い方

フツーにWordpressの左カラムにあるプラグインの新規追加からTheme Test DriveをDLして、有効化してください。
WPの認定プラグインなので、他のプラグインとやることは変わりません。
万が一、プラグインを入れてからWPが動かなくなったとかあった時は、FTPソフトで導入したプラグインのフォルダをまるっと削除するか、インストール済みプラグインで無効化するかしてみてくださいね。

有効化すると、WP管理画面左カラムのところにある外観の中に、Theme Test Driveという項目が追加されます。

画像の中央あたりにあるセレクトボックスで、いじりたいテーマを選んでください。
で、下の方にある数字を入れるところで、テーマを触るヒトの権限を選んでください。

数字の意味合いは、
10=管理者
7=編集者
4=投稿者
1=寄稿者
…となります。
殆どの人が、自分だけ見れたらそれでいいので、10の管理者になると思いますが、複数で変更後のデザインを共有したいときなどは、7~1で選んでください。

で、最後に下のボタンの右側(Enable Theme Drive)をポチしたら、10を選んでいた場合、ログインした状態ならば自分だけが選んだテーマでサイトを見ることが出来るようになります。
ログアウトしたらまた元のテーマに戻っていることがわかると思います。

元のテーマを確認したい…という時には、下のボタンの左側(Disable Theme Drive)の方をポチすると、あっという間に元通りになります。

テーマが完成したら、外観→テーマ…で、新たにつくったテーマをセレクトすれば、あっという間にリニューアル完成!となります♡

そんなわけで、プチセレビューティーがプチリニューアルしました

え?!どこが変わったの?!
…と思われる方も多いかもしれませんが、ちょっとリニューアルしました。
内部的にはかなりコードを整理したので、中はすごく見やすくなったという自己満足もあるんですが、スマホで見た時のアコーディオンメニューの見え方とか、各記事の下に関連記事を表示できるようにしたとか、見出しとかフォントをちょっと変えたとか…
まぁ、細かいとこをコード整理するついでに変更した感じです。
特に、スマホでみた時のアコーディオンメニューが大概ひどかったので、やっと修正できて一安心です。
あと、サイドバー(スマホでみた時は下の方)にあるアクセスTOP3が、サイトオープン後からの全集計でやっていたんですが、直近3ヶ月に変更しました。
この方がリアリティあるかな…と思ったのと、正直ずっと同じランキングになってて、あんまり面白くないよな~と思ったのと両方の意味合いでですが。

色々といじったけど、空いている時間を使って1日で作業完了したので大して手間かからなくて良かったです。
まぁ、デザインほぼ変えてないし、素材作りをしていないので時間かかってたまるか!ってカンジなんですけどね。

あー、まだまだ勉強だな~。
今後もぼちぼち頑張りまーす。

ミリィの日常・最新記事はこちらから♡
>>>ミリィのプチセレブデイズ








 - デジタルライフ , , , ,