新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

「Ktai Style」導入でWordPressをケータイに対応、テーマは別名にした方がいい #wp

      2014/11/10

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

「WordPress(ワードプレス)」が母体になっている「つぶくま」をケータイ(携帯電話)対応にしたいと思い、「Ktai Style」というプラグインを導入することにしました。
「Ktai Style」の導入自体は何てことありません。非常に簡単にインストールすることが出来ます。

問題はそれ以降の運用方法(自分に限る)

□ WordPress Plugins/JSeries ≫ Ktai Style (携帯対応プラグイン)

スポンサーリンク
 

プラグインは上記リンク先にあるのですがさすがワードプレス、いちいちリンク先でダウンロードしなくても例のごとく「検索」→「インストール」で簡単にインストールすることができちゃいます。
KtaiStyleインストール

さてインストールが済んだら設定、デザインなのですが、この「Ktai Style」、「Ktai Style」独自のテーマを設定することができるんです。
それのある場所が「wordpress/wp-content/plugins/ktai-style/themes」。
僕の場合ここにつぶくま専用のテーマとして元々あったテーマをひとつコピーし、「tubukuma」と名前をつけました。
その上で、phpファイルをいじりながら「サーバーにアップロード」→「動作確認」という形で作業を薦めていましたのですが、ある期間を過ぎて動作確認をしても反映されない。
それだけだったらいいのですが、なぜかWebでアクセスしたときにページが表示できなくなっている。
こ、これは。。

焦って色々調べてみて得た結果、ケータイ用のテーマをパソコン用のテーマに上書きしてしまっていたのが原因でした。
ちなみにパソコン用のテーマは「wordpress/wp-content/themes」にあります。
「wp-content」のあとに「plugins」へ行くのを忘れると入り込んじゃいそうですね。
さらに、パソコン用のテーマも「tubukuma」という名前にしていたので何も疑問を持たずに上書きしてしまっていたんですね。

ここで、パソコン用のテーマのバックアップを取ってあればなんてことなく終わったんです。
ところが、パソコン用のテーマのバックアップを取っていなかったために四苦八苦。
たまたま、いじっていたのが「header.php」だけだったのでまだマシでしたが非常に焦りました。

  1. まずは、ディフォルトである「Twenty Ten」にテーマを切り替えて取り急ぎサイトが表示されるようにします。
  2. その後、「header.php」をつくるのですが、まずはベースにした「Twenty Ten」の「header.php」を丸々コピー。
  3. 次に、googleあたりで「つぶくま」を検索してキャッシュのソースを拾ってくる。
  4. 両方を組み合わせてこちらの記事を参考に「header.php」をつくる。
  5. プレビューで確認。問題なければあらためてテーマを切り替える。

以上でなんとか復旧できた次第です。

何とかなったからよかったものの、今回の件では以下のことを覚えました。

  • テーマのバックアップはかならずとる。
    これはやって当然なのですがCMSにするとなかなか勝手が違うので後回しにしがちなので注意。
    ワードプレスの場合はプラグインにバックアップツールもあるみたいですね。
  • テーマの名前はケータイ用とWeb用で別名にする。
    これ、意外と重要。
    テーマの名前をしっかり区別しておけばテーマフォルダに行き着いたところで間違いに気づくはず。
    これが同じだったために全く疑問を感じずに上書きしてしまったようです。

以上、普通の事なんですけどねぇ。。
だからこそできないのかもしれませんねぇ。。(汗
なお、ケータイ用テーマのカスタマイズに関しては後日別記事で解説します。

 - CMS, WordPress, ガラケー, トラブル, 覚え書き , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

資本主義すげぇ!! 電話料金支払い済んで5分でインターネット

1年以上前の記事です。内容が古い可能性があります。お恥ずかしい話なのですが、この …

ドライブ中、渋滞に巻き込まれたら「周辺迂回」【車載ナビ / カーナビ】

1年以上前の記事です。内容が古い可能性があります。自分のためのメモ&意外と知らな …

ポンパレのハーゲンダッツは不成立になるかもしれなかった (11/21追記)

1年以上前の記事です。内容が古い可能性があります。なんも考えずに購入してしまって …

Photoshopの描画モード「覆い焼きカラー」の使いどころ

1年以上前の記事です。内容が古い可能性があります。DTPツールのみならず、様々な …

原宿竹下通りに大勢が押しかけけが人も【今週のトピック】

1年以上前の記事です。内容が古い可能性があります。□ [N] 原宿竹下 …

iPhoneでツイッターアカウントを削除する方法(iOS5編)

1年以上前の記事です。内容が古い可能性があります。先日、iPhoneのツイッター …

「iOS5」にしたら「iPhoneを探す」が使えるようになっていた【iPhone】

1年以上前の記事です。内容が古い可能性があります。たまたま出先で気付いたのですが …

YouTube動画見ながらモバイルSuicaで改札は抜けれない

1年以上前の記事です。内容が古い可能性があります。いや、通勤時間の混雑中にすみま …

ステップサーバーでOpenPNE

1年以上前の記事です。内容が古い可能性があります。過去にとんでもないトラブルもあ …

Facebook(フェイスブック)で大量の誕生日(バースデー)メッセージをもらった時の対処法

1年以上前の記事です。内容が古い可能性があります。さすがにね。 誕生日の日にこん …

血液型オヤジ