BLOG

デザイナーなら気になる部分の修正方法【初心者のためのWORDPRESS -04-】

2016.02.05  Wrote by Toyoaki Notazawa

blogkv01

  

 

 

こんにちは こんばんは おはようございます。デザイナーの野田沢です。

今回は表題の通りフロントサイトの構築とは少し離れますが、デザイナーの方なら気になってしまう部分の修正方法をいくつかご紹介したいと思います。

 

 

テーマのサムネイル画像を変更する

tn04-01

 

wordpressにデフォルトでインストールされているテーマをカスタマイズして構築している方は共感いただけるかと思いますが、管理画面より外観>テーマから使用するテーマを選択できますよね。

ただせっかくカスタマイズしてオリジナルに近いテーマを作っても、ここのサムネイル画像が初期のままだとテンションも半減。。。

別に必要ないといえば必要ない部分ではありますが、気持ち悪いですよね。

なので自分のモチベーションを高めるためにもここを変えます。

 

 

サムネイルのタイトルを変更する

テーマフォルダの直下にあるstyle.cssの2行目 Theme Name を任意の名前に変更します。

 

 

サムネイル画像を変更する

テーマフォルダの直下にある screenshot.png を任意で作成した画像に上書きします。
画像サイズ:600 x 450px

 

とても簡単です。たったこれだけでモヤモヤしないで実務に専念できます!

 

 

 

サイト上のステータスバーを非表示

管理画面にログインしている状態だと、フロントサイト上にも管理画面用のステータスバーが表示されるんですね。

こまめにブラウザチェックをしていると結構これが邪魔になってきます。

なので非表示にしちゃいます。

 

functions.phpに下記を追記します。

これでブラウザチェックもしやすくなりました!

ただ便利な機能なのでfixした後は元に戻してもいいかもしれません。

 

 

 

絵文字化機能を無効

WordPress 4.2以降はデフォルトで絵文字のスクリプトが入っているようです。
デザイン性を統一したいサイトの場合絵文字が邪魔になってしまうこともあると思います。

この機能を無効化するには、プラグイン「Disable Emojis」が便利です。

使い方はインストールしたDisable Emojisを有効化するだけ!

もちろん元に戻したい時はプラグインを無効にすればOKです。

 

 

ワードプレスのログイン画面をオリジナルにカスタマイズ

tn04-02

 

これがおなじみのwordpressのログイン画面です。

なんとここもオリジナルにカスタマイズすることができます!

これは高まります!

functions.phpに下記のコード挿入し、割り当てられてるcssで見栄えを変更していきます。

cssの各セレクタは下記の通り

私が参考にさせて頂いたNxWorld様のサイトにて詳しく紹介されているので御覧ください。 WordPress:ログイン画面をオリジナルにカスタマイズする方法

いかがですか?

こういった内部もカスタマイズしていくことでモチベーションも高まり、制作意欲につながっていくと思います。

そうすることでアウトプットにも+αが乗っかりより良いモノが作れるような気がします。

“こだわり”は常に忘れることのないようにしたいですね。

 

それでまた次回っ!

 

 

 

過去記事

▶初心者のためのWORDPRESS -03-
▶初心者のためのWORDPRESS -02-
▶初心者のためのWORDPRESS -01-

その他の記事を見る