MENU

BLOG

2012

MAR

08

2012.03.08

nishimotonishimoto

WordPressのテンプレートを一時的にプラグインで差し替える方法

こんにちわ、さっそくアップデートしたiOS5.1でSiriに翻弄されている @nihimoto です。
今回はWordpressネタを一つ書いてみたいと思います。

テンプレートをこのデバイスにはこっちを表示、あのデバイスにはあっちを表示、と変える必要があることがあります。
実現する手段はまぁ色々あります。

が、下記の条件にマッチする手段がなかなか見つからないので自分で書きました。

  • テンプレートの設定は変えたくない
  • 特定のデバイスで表示するときに一時的に変えるだけ
  • フォルダは通常のテンプレートと同じフォルダで管理したい

Read more

2012

JAN

05

2012.01.05

nishimotonishimoto

WordPress の管理画面のロゴをテーマファイルから置き換える

新年あけましておめでとうございます、@nihimoto です。
今年はよい年になるといいですね。

さて、Wordpressをクライアントワークに使っていると、管理画面のロゴにクライアントのロゴを入れたくなると思います。

しかし、たったそれだけのためにやたらと高度な管理画面のカスタマイズ用プラグインを導入するのもいささか面倒くさい。それに、プラグインでロゴを変えてしまうと、DB側にその情報が保存されるのでテスト環境から本番に持って行ったときに設定をやり直したりする必要が出てきて、これもまた面倒くさい。

ということで、今回はプラグインにたよらずにテンプレ側からロゴを書き換える手段をご説明しようと思います。これならテンプレを本番環境に入れるだけで管理画面のロゴも変わってくれるのでらくちんです。

Read more

2011

SEP

09

2011.09.09

nishimotonishimoto

カスタムフィールドテンプレートのオプション値をテンプレファイルから設定する

こんにちわ、最近旅行以外でさっぱり自転車に乗ってない @nihimoto です。来週末に80km(その内55kmは上り坂)走る予定なので体を鍛えなきゃと思いつつ、もう手遅れなのでたいして気にもしていません。なに、死にはせぬ。

さて、Wordpressで記事の投稿画面をカスタマイズして、投稿記事の内容に合わせて便利に投稿できるようにするツールとして、定番のカスタムフィールドテンプレートというプラグインですが、もちろん私どもも使わせていただいております。感謝感謝。

 

しかしながら、ちょっと不満な点が出てきてしまいました。

このカスタムフィールドテンプレートというプラグインの設定値はDB側に保存されます。

ということは、インストール後は設定が空っぽなので環境毎に設定を行う必要が出てきてしまい、少々面倒くさい。まだ一人でやっているうちはいいのですが、複数人で作業をしておりテスト環境が分散してしまうような時はなおさらです。

できれば、カスタムポストタイプやカスタム分類などと同様に、設定値をテンプレファイル側でもてないだろうか?そうすればテンプレのコピペだけで全ての環境に設定を反映することができます。

と、いうことで、強引になんとかしてみました、というのが今回のネタになります。

Read more

2011

AUG

17

2011.08.17

nishimotonishimoto

jQueryMobileのデフォルトのスタイルを解除する方法

こんにちわ、毎日暑いですね、MacBookAirが加熱しすぎてキーボードを触っていると火傷しそうでビビってる @nihimoto です。

本日はjQueryMobileネタで一つ。

jQueryMobileはお手軽にスマートフォンサイトっぽくしてくれる便利なものですが、デザインのカスタマイズを高度に組み込んでると、強制的に適用してくるスタイルが邪魔になったりしませんか?
しかもスタイルが適用されるクラス名とかがわからないので、解除するのもなかなか厄介なんですよね。

実はあのスタイルは、jQueryMobieのJavascriptをロードした際に、自動的に専用のクラス名を各要素に割り振り、そのクラス名に対してjQueryMobileがスタイルを適用しているので、普通にスタイルシートに書いただけだと、後からスタイル上書きされちゃうんですよね。

今回はこの問題に対処する方法を説明してみたいと思います

Read more

2011

AUG

02

2011.08.02

nishimotonishimoto

WordPressのエディタが独自拡張の属性値を消してしまう問題への対処

こんにちわ、Wii・PS3・Xbox360 のゲーム機3種を持っているくせに、テレビが無いという宝の持ち腐れという言葉にふさわしい生活をしていた@nihimotoです。最近兄からテレビをもらってようやく遊べるようになりました。ありがたい。

ついでに、テレビ買ったこと無い歴も32年に伸びました。たぶん50年くらいまで行けるんじゃないでしょうか。がんばります。

さて、今回のネタはWordpressについてです。
wordpressは非常に便利に使えるCMSなのですが、時折融通が効かなくて苦労します。
特に 融通が効かないと思うのは、ビジュアル/HTMLエディタです。

勝手に<p>タグ付けるわ、連続する<br />タグを<p>にまとめるわ、<iframe>タグは削除するわ、なかなか堅苦しい仕様です。もちろん文法的にはそうあるべきなんですが、もう少し臨機応変にやってくれよと言いたくなります。

これらの問題は、昔からある問題なので、当然のことながら先達たちがプラグインを作ったりして対処方法を用意してくれています。ありがたいことです。

ところが、スマートフォン対応のサイトを作るに当たって、jQuery Mobileを使ったテンプレートを作ってみたところ、あまり例のなさそうな(Google調べ)トラブルに遭遇しました。

jQuery Mobile ではタグに独自の属性値の data-role=”page” などをつけて、各タグのjQuery Mobileの中での取り扱いを決めていくのですが、これをなんとWordpressのエディタは削除してしまいます。

確かにHTMLの中では正しい記法ではないので(data-*** という書き方は HTML5 では Custom Data Attributeという正しい記法だそうです)消されても文句は言えないのですが、それでは困るので対処してみたいと思います。

Read more

2011

JUN

08

2011.06.08

nishimotonishimoto

お手軽にCMSをGoogleスプレットシートで構築する方法(サンプルDL有)

こんにちわ、自炊を初めて部屋が片付くはずが、自炊がなかなか終わらないので部屋が荒れ放題の @nihimoto です。
最近、GoogleスプレットシートというGoogle版エクセル的なwebサービスで、CSVが吐き出せる上にweb上に公開できる機能の存在を小耳にはさみました。これは「CMSに使える!」と思ったので早速試してみました。

Read more

2011

MAY

27

2011.05.27

nishimotonishimoto

PC携帯両対応のウェブサイトをWordPressで構築する方法のざっくりとしたまとめ

こんにちわ、そろそろ夏だと思ってサンダルを履いてみたら土砂振りの @nihimoto です。
この度、とあるPC・携帯のウェブサイトを完全にWordpressの管理下に置いた状態で構築するお仕事をさせていただいたので、そのノウハウをまとめて記載させていただきたいと思います。

WordPressをCMSとして使う方法はうまくプラグインを使いまくればかなり便利に使えます。
Wordpress以外のCMSを使う理由なんてほとんど無くなってしまいます。

Read more

2011

APR

20

2011.04.20

nishimotonishimoto

Xoom(Android3.0)レビュー

こんにちわ、先日の会社の研修旅行でiPad使い倒してきた@nihimotoです。
iPadサイコー!叫んだと舌の根も乾かぬうちに、android3.0が搭載されたタブレット端末、XOOMをandroidの研究の一環として入手したので簡単なレビューを書いてみたいと思います。

ただし、XOOMというある一つの端末のことよりも、android3.0という今後出てくるandroidのタブレット端末で共通に使われるOSに関することをメインに書いてみたいと思います。

Read more

2011

MAR

12

2011.03.12

nishimotonishimoto

世界のみんなの祈り(#prayforjapan)を日本語で。 (@prayer_into_ja)

※現在本記事で紹介している @prayer_into_ja は停止しております。大変申し訳ございません。

ご存知の通り3月11日に東北で大地震が発生し、日本に甚大な被害が発生しております。

弊社TRIADは小さなウェブ制作会社で、大規模なウェブサービスを運営している会社様のように、大きな貢献はできません。そこでせめてもの貢献として被害にあわれた皆様方を少しでも励ますことができるようなツイッターボットを開発いたしました。

世界中のツイッターユーザーのみなさまが、#prayforjapan (日本のために祈ろう) [twitter]というハッシュタグに、日本に向けた暖かいメッセージを寄せているのをご存知でしょうか。
世界の皆様からのメッセージなので当然、英語もあれば中国語もありますし、ほかにもたくさんの言語があります。

それらのメッセージをGoogle翻訳を使って日本語に翻訳し、再投稿するツイッターボットをご用意いたしました。

こちらのアカウントをフォローいただければ数分毎にツイッターの #prayforjapan に寄せられた海外のあたたかいコメントを読むことができます。ぜひフォローしてご利用ください。

フォローはこちらから
@prayer_into_ja ※現在運用を停止しております

ご注意)
・翻訳の精度はGoogle翻訳翻訳エンジン(GoogleとMicrosoftを様子を見ながら使っています)次第なのでちょっと悪いかもしれません。なるべくよくなるように調整を続けていきます。
・すべてのツイートを翻訳しているわけではありません。Twitterの制限上、数分間に1つのツイートを抜き出して投稿するようにしています。なるべく有意義なものが抜き出されるように調整中です。
・botに関して何か問題やご要望、その他の連絡事項などありましたら、@nihimoto か nishimoto@the-triad.jp までご連絡ください

以上になります。

被害に遭われた方々が少しでも元気づけられることを祈っております。