新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

「江南スタイル」とはなんのこと?

1年以上前の記事です。内容が古い可能性があります。最近、いろんなところで耳にする …

LINE(ライン)でブロックされているかどうか分かる確実な方法

1年以上前の記事です。内容が古い可能性があります。LINE(ライン)が凄い広がり …

NTTドコモ防水ケータイを各社より発売

1年以上前の記事です。内容が古い可能性があります。Webちまたでは「iPhone …

no image
Suicaとnanacoを導入(P905i)

1年以上前の記事です。内容が古い可能性があります。ケータイをP905iに買い換え …

no image
bounceメールを停止したらサーバーが落ちなくなった

1年以上前の記事です。内容が古い可能性があります。自宅サーバーメンテナンスの覚書 …

no image
ファミリーマート土下座事件の店長の対応は正しいと思う唯一の理由

1年以上前の記事です。内容が古い可能性があります。バカッターから逮捕までが異例の …

no image
タスクマネージャーでプロセスを調べてみた(Acer編)

1年以上前の記事です。内容が古い可能性があります。いよいよ自分のAcerマシンが …

僕が感じた緊急地震速報の媒体に寄る速さ比較

1年以上前の記事です。内容が古い可能性があります。このところ、緊急地震速報を聞か …

XPで新アカウントをつくったときまず最初にすること

1年以上前の記事です。内容が古い可能性があります。ちまたではWindows7が発 …

Youtubeの「この動画を改善する」機能は「明るさ」を改善してくれることもある

1年以上前の記事です。内容が古い可能性があります。手ぶれ修正機能で報告させていた …

血液型オヤジ