「Ktai Style」導入でWordPressをケータイに対応、テーマは別名にした方がいい #wp
2014/11/10
1年以上前の記事です。内容が古い可能性があります。
「WordPress(ワードプレス)」が母体になっている「つぶくま」をケータイ(携帯電話)対応にしたいと思い、「Ktai Style」というプラグインを導入することにしました。
「Ktai Style」の導入自体は何てことありません。非常に簡単にインストールすることが出来ます。
問題はそれ以降の運用方法(自分に限る)
□ WordPress Plugins/JSeries ≫ Ktai Style (携帯対応プラグイン)
プラグインは上記リンク先にあるのですがさすがワードプレス、いちいちリンク先でダウンロードしなくても例のごとく「検索」→「インストール」で簡単にインストールすることができちゃいます。

さてインストールが済んだら設定、デザインなのですが、この「Ktai Style」、「Ktai Style」独自のテーマを設定することができるんです。
それのある場所が「wordpress/wp-content/plugins/ktai-style/themes」。
僕の場合ここにつぶくま専用のテーマとして元々あったテーマをひとつコピーし、「tubukuma」と名前をつけました。
その上で、phpファイルをいじりながら「サーバーにアップロード」→「動作確認」という形で作業を薦めていましたのですが、ある期間を過ぎて動作確認をしても反映されない。
それだけだったらいいのですが、なぜかWebでアクセスしたときにページが表示できなくなっている。
こ、これは。。
焦って色々調べてみて得た結果、ケータイ用のテーマをパソコン用のテーマに上書きしてしまっていたのが原因でした。
ちなみにパソコン用のテーマは
「wp-content」のあとに「plugins」へ行くのを忘れると入り込んじゃいそうですね。
さらに、パソコン用のテーマも「tubukuma」という名前にしていたので何も疑問を持たずに上書きしてしまっていたんですね。
ここで、パソコン用のテーマのバックアップを取ってあればなんてことなく終わったんです。
ところが、パソコン用のテーマのバックアップを取っていなかったために四苦八苦。
たまたま、いじっていたのが「header.php」だけだったのでまだマシでしたが非常に焦りました。
- まずは、ディフォルトである「Twenty Ten」にテーマを切り替えて取り急ぎサイトが表示されるようにします。
- その後、「header.php」をつくるのですが、まずはベースにした「Twenty Ten」の「header.php」を丸々コピー。
- 次に、googleあたりで「つぶくま」を検索してキャッシュのソースを拾ってくる。
- 両方を組み合わせてこちらの記事を参考に「header.php」をつくる。
- プレビューで確認。問題なければあらためてテーマを切り替える。
以上でなんとか復旧できた次第です。
何とかなったからよかったものの、今回の件では以下のことを覚えました。
- テーマのバックアップはかならずとる。
これはやって当然なのですがCMSにするとなかなか勝手が違うので後回しにしがちなので注意。
ワードプレスの場合はプラグインにバックアップツールもあるみたいですね。 - テーマの名前はケータイ用とWeb用で別名にする。
これ、意外と重要。
テーマの名前をしっかり区別しておけばテーマフォルダに行き着いたところで間違いに気づくはず。
これが同じだったために全く疑問を感じずに上書きしてしまったようです。
以上、普通の事なんですけどねぇ。。
だからこそできないのかもしれませんねぇ。。(汗
なお、ケータイ用テーマのカスタマイズに関しては後日別記事で解説します。
アドセンス広告メイン
関連記事
-
-
YouTube→Twitter(ツイッター)連携ダウン中?メール対応でFA
1年以上前の記事です。内容が古い可能性があります。FAってのはファイナルアンサー …
-
-
「中年のメル友」から危険な書き込み
1年以上前の記事です。内容が古い可能性があります。危険なコメントスパムが発生して …
-
-
WordPressの更新(アップデート)作業、ちゃんとやったら10万円
1年以上前の記事です。内容が古い可能性があります。自分も使っているWordPre …
-
-
「All in one SEO Pack」を入れて最初の設定【WordPressプラグイン】
1年以上前の記事です。内容が古い可能性があります。当ブログ、あまりSEOに関して …
-
-
いじめをなくすには犬を飼え。猫じゃダメです
1年以上前の記事です。内容が古い可能性があります。いじめが問題視されていますが、 …
-
-
他サービスとの連携を止める方法 【foursquare編】最新版
1年以上前の記事です。内容が古い可能性があります。foursquare(フォース …
-
-
ネットワークのトラフィック状況を確認するコマンド
1年以上前の記事です。内容が古い可能性があります。先日pingを紹介しましたがそ …
-
-
WordPressでコンテンツの一部(記事途中から等)だけに認証(閲覧制限)をかける方法
1年以上前の記事です。内容が古い可能性があります。まさか、当ブログにこのシステム …
-
-
Windows 10にいつでもアップグレードできてWindows 7を使い続ける方法
1年以上前の記事です。内容が古い可能性があります。なるほどこの手があったのか。 …
-
-
これもエイプリルフール?ツイッターで15432日前にフォローされる件
1年以上前の記事です。内容が古い可能性があります。当初、エイプリールフールの一環 …