wordpressのテンプレートをいじってみたり

このところbloodborneばかりプレイしていて、まともに仕事が出来ていない私です。

大変申し訳ありません。

さて今日はうって変わって、wordpressの話というか、このサイトの話です。
 

公式テーマのカスタマイズは子テーマを作るのが推奨されるんだって

このブログも10年以上経過しており、MTからWPに移行してから、はや・・・何年だろ?

その間、サーバも引越したりなんだりで、デザイン面で度々変更をかけてきましたが、最近はtwentytwelveというwordpress公式のテーマをそのまま使っています。たぶん、いじってない。いじった記憶がない。

プラグインも必要最低限にしてますので、ほぼデフォルトの状態に近いかたちで運用しております。

古い記事など知ったことか・・・。

ただ、最近どうもデザイン面が気にくわない事が多くて、無性にいじりたくなってきたわけです。

かといって、1からテンプレートを起こすなんて事は私には無理なので、既存のテンプレートをカスタマイズするかたちでデザイン面を修正していく方針です。

で、調べていくと公式テーマを修正する場合、アップデートに備え子テーマを作り、そちらを修正していくのが正しいらしい。という記事を目のあたりにして、目から鱗状態でした。結構、公式テーマってアップデートが入るんですよね。

子テーマの作り方は、wordpress codex日本語版のページに解説があったので、その通りに作ってみました。

が、ここで問題が。いきなり本番サーバでデザイン調整するのか?私は。

ちゃんと開発検証環境を作るべきだろう、常識的に。

Ubuntu 14.04 LTSにwordpressをインストールする

まずubuntu 14.04 ltsをVMware Playerにインストールするところからスタートです。

ここで、インストール手順とか一切説明しませんが、簡易インストールだと上手くいかなかったので、手動でインストールしました。ええ。

さっくり、LAMPパッケージを導入して、いざsshでつなごうとすると、connection refuse

openssh-serverが入ってなかったでござる。

開発環境なので、ディレクトリ構成もいい加減。apacheのDocumentRootを/home/user/webに設定。phpinfo()を書いたindex.phpを設置し、中身を確認。

403 Forbidden

とりあえずわかったことは、apacheは2.2系じゃなくて2.4系なのね。設定ファイルを修正。

/etc/apache2/site-enable/000-default.conf を以下のように修正。

<Directory "/home/user/web/">
	AllowOverride All
	Require all granted
</Directory>

wordpressの引越にdupulicatorプラグインを使ってみる

引越っつーか、データを持ってくる話なんですけども。

こちらのサイトを参考にさせてもらいました。

プラグインでWordPressを楽々お引っ越し!duplicatorならサーバー移転も簡単。
http://websae.net/wordpress-plugin-duplicator-20140905/

ま、一部上手くいかなかったんですけどね。

上手くいかなかったのは、パッケージとインストーラーをダウンロードするところ。どうやら私が契約しているサーバだと大きいファイルはダウンロード出来ないみたいで。糞ですね。引越も考えようかしら・・・。

ブラウザからダウンロード出来なかったので、FTPでつないで生成されたファイルをダウンロードすることに。

パッケージは、wordpressがインストールされたディレクトリ直下に、wp-snapshotsというディレクトリがあるので、このうちファイル名がarchive.zipで終わるファイルと、installer.phpで終わるファイルをダウンロードし、あたらし環境にftpでアップロードすればOK。

installer.phpとかにリネームして、アクセスすれば移築作業が始まります。

ちなみに、アーカイブは400MBとかありました。

で、早速アクセス。本番環境と相違ありません。画像類もちゃんと持ってきてくれてます。今回はDBの入れ物を用意してから移築したけど、DB用意しなくても作ってくれるらしい?試してないからよくわからん。

各ページを確認していくと、404 Not Found

はい、mod_rewriteが効いてませんね。

$ sudo a2enmod rewrite
$ sudo service apache2 restart

これで、mod_rewrite有効化してようやく、カスタマイズの準備完了。ここまで長かったですね。文章で書くと。実際には、文章各時間よりも、短い作業時間です。いったい私は何やってんだか。

ちょっとだけいじってみる

まず一番気に入らない箇所である、見出しについて修正。コンテンツ内の見出しは、昔からh4ダグを使っています。なので、h4の修正を施してみた。こんな感じで。

でいろいろいじりたいけど、仕事も進めないとなので、今日はここまで。ほぼ準備に費やしましたね。

サイトは徐々に修正していくつもりです。