Cntlog > WordPress > WordPressのテーマをリニューアルした理由

WordPressのテーマをリニューアルした理由

新年早々このブログのテーマをリニューアルしました。
なんで変えたのかとかそのあたりの考えを伝えたいと思います。

最近のWordPressを知るため

このブログはWordPressで構築されています。
以前はWordPressの興味が高かったので進んで、WordPressのテーマを色々作っていたのですが最近は他の事に興味がいってしまったので、新しい機能などを軽く触れる機会を作るためにもテーマを変えました。

このテーマはWordPress 4.7から取り入れられたTwenty Seventeenから子テーマにして作られています。
新しめのテーマですので割りと新機能や知らないタグなどが含まれていたりしましたので、時々テーマも更新していこうと思います。

githubのリポジトリにも上げています。

テーマ領域とプラグイン領域を分けたかった。

WordPressと付き合う中でコードを書くにしてもテーマに含むべきものとプラグインに含むものがあると知りました。
過去のその事を記載してるので、ご興味あればお読みください。

WordPressのテーマを作る時に気をつけている事

最初の頃はそのへんの事が全然わからず、全部functions.phpに記載していてthemeを変更する度に不具合があったりしていたので、そういった作りを辞めるために今回テーマを一新しました(といっても簡単な子テーマで恐縮です)

テーマ領域とプラグイン領域を考えなしにして作るとリニューアルのときすごく大変になるのは過去の経験で身をもってしってるので、自分のブログもそんな状態にしておくのは嫌だなと思ったのがきっかけです。

昔はfunctions.phpに書いていたもので必要なものは現在はこのブログ専用のプラグインにしているのでテーマを切り替えても稼働するようにしています。
サイドバーのメニューとかも同様にテーマに依存させず、データベースに登録するようにしています。

オリジナルのプラグインの作り方

基本的に下記コードをプラグインフォルダ(/wp-content/plugins/)に入れるだけでプラグインになります。

そのテーマに依存したものはfunctions.phpに記述したままでもいいと思いますが、ある程度使い回せるもの、サイトの機能に依存するものはプラグイン化しておいたほうがソースも読みやすくなるので大きな事故を避けることができます。

<?php
/*記載するコード
Plugin Name: (プラグインの名前)
Plugin URI: (プラグインの説明と更新を示すページの URI)
Description: (プラグインの短い説明)
Version: (プラグインのバージョン番号)
Author: (プラグイン作者の名前)
Author URI: (プラグイン作者の URI)
License: (ライセンス名の「スラッグ」)
*/

/*参考例
Plugin Name:theme-plugin
Plugin URI:https://blog.cntlog.net/wordpress/theme-plugin
Description: このブログ専用のプラグインです。
Version: 1.0
Author:conti
Author URI:https://blog.cntlog.net/wordpress/
License:GPL2
*/


function hoge() {
    echo 'どうも、オリジナルのプラグインです';
}

プラグインフォルダに格納が終わったら普段のプラグイン同様に管理画面から有効化するだけです。
簡単ですね。

WordPress.orgの公式テーマに登録したかった

WordPress.orgのガイドラインに沿ったテーマは申請すれば誰でも登録できる制度があるのでそこに申請しました。

私見た目はプログラマーですが心はWebデザイナーなのでWordPressの公式テーマを作ったとかであればちょっとはWebデザイナーとして箔がつくかなーって卑しい気持ちと継続的にコードを育てたい。外部の人からも作ったものの意見を聞きたいという気持ちがあったからです。
※現在テーマは申請中ですがレビューを貰えるまで数ヶ月かかります…。

ほかにも「お前WordPressに貢献してなくね??」とか一部の人から煽られるのを避けるためでもあります。

最後に

なんだかんだ理由をつけていますが、やっぱりWebデザイナなのでコーディングしているのは楽しいです。

「WebデザイナだったらWordPressのテーマくらい作れて当たり前だよね~」って風潮が私の周りでは強いのでどんなときもある程度恥ずかしくない程度には構築できるようにしたいです。

コード書くのは好きなので今年は特にgithubとかにコードを晒していきたいと思ってますのでお手柔らかにお願いします(*ゝω・*)

関連記事

WP Social Bookmarking Lightをもっと便利に使う方法... WP Social Bookmarking LightとはWordPressで使用する便利なプラグインです。 簡単にソーシャルボタンが設置できるのでこのブログや他のサイトでも利用させてもらってます。 Twitter のつぶやくボタン、Facebook のいいねボタン、はてブのブックマーク...
WP Social Bookmarking Lightのいいねボタンのレイアウト崩れの直し方... このブログのソーシャルボタンは「WP Social Bookmarking Light」を使っています。 気がついたら「いいねボタン」だけ数px低い位置にレイアウトされていたり、段落落ちして広告に隠れてしまったりしていましたのでその修正方法をメモ。 CSSに下記を追加すれば他のソーシ...
Webデザイナー初心者がWordPressでブログを始める手順... Webデザイナーがブログを始めると言ったらやはりWordPressですよね。 仕事で使う事あるかもしれませんので、今後のためにも自分で作って見るのをオススメします。 WordPressでブログを始めるのに必要なもの まずは下記を準備してください。 Webを持つには最低でも...
WordPressサイト用のgulp/gitで開発環境を作ってみた... 先日、WordPress用のこのブログ用にテーマを作ったのですがその時、開発環境も更新してみました。 これまでSCSSくらいしか使っていなかったのですが、最近はgulpも少しずつ使えるようになってきたのでそのあたりの更新です。 githubには上げていて、リポジトリはこちらです。 ...
今更気がついたWordPressのウィジェットの便利さについて... 先日公開したサイトで「俺の嫁が可愛い」というサイトを作ったのですが、その時普段のテーマと作り方と違う作り方をしました。 あまりコードを書かずに、plugin中心で機能を追加したので、Widgetをフル活用しました。 それで、もしかしたらこれがWordPressの適切な使い方なのかなと改めて考え直...
WordPressが私に教えてくれたこと 先日行われたWordCampKansai2015でちょこっとLTしてきました。 LTスライド WordPressとコミュニティと私 前日にLTの話をいただいたのでこのスライドは一晩で書きました。 思い出に浸りながら書いていたのですが、WordPressは私に色々な影響を与えてくれたことを思...