株式会社トライアドでは業務と平行して、こんなサイトがあったらいいなというものを実験的に作ってみたり、面白そうな技術を研究してみたり、さまざまな試みをしています。
サイト制作・研究の過程や結果をこのブログで大公開！もの創りの楽しさや苦悩をごらんください。
新年あけましておめでとうございます、@nihimoto です。
今年はよい年になるといいですね。
-
さて、Wordpressをクライアントワークに使っていると、管理画面のロゴにクライアントのロゴを入れたくなると思います。
しかし、たったそれだけのためにやたらと高度な管理画面のカスタマイズ用プラグインを導入するのもいささか面倒くさい。それに、プラグインでロゴを変えてしまうと、DB側にその情報が保存されるのでテスト環境から本番に持って行ったときに設定をやり直したりする必要が出てきて、これもまた面倒くさい。
ということで、今回はプラグインにたよらずにテンプレ側からロゴを書き換える手段をご説明しようと思います。これならテンプレを本番環境に入れるだけで管理画面のロゴも変わってくれるのでらくちんです。
久しぶりの更新です。
@ksmonkeyです。
WordPressは非常に使い勝手がよく、トライアドでもサイトを構築する際にはお薦めをさせてもらってます。
デフォルトのままでも良いのですが、せっかくなのでクライアントごとにカスタマイズした方が、ビジネスをしていく上で効率よく活用できるサイトになるかなと。
そこで、トライアドでも利用しているプラグインを紹介していこうかと思い、その１としてこれを。
この投稿の続きを読む »
こんにちわ、最近旅行以外でさっぱり自転車に乗ってない @nihimoto です。来週末に80km（その内55kmは上り坂）走る予定なので体を鍛えなきゃと思いつつ、もう手遅れなのでたいして気にもしていません。なに、死にはせぬ。
-
さて、Wordpressで記事の投稿画面をカスタマイズして、投稿記事の内容に合わせて便利に投稿できるようにするツールとして、定番のカスタムフィールドテンプレートというプラグインですが、もちろん私どもも使わせていただいております。感謝感謝。
しかしながら、ちょっと不満な点が出てきてしまいました。
このカスタムフィールドテンプレートというプラグインの設定値はDB側に保存されます。
ということは、インストール後は設定が空っぽなので環境毎に設定を行う必要が出てきてしまい、少々面倒くさい。まだ一人でやっているうちはいいのですが、複数人で作業をしておりテスト環境が分散してしまうような時はなおさらです。
できれば、カスタムポストタイプやカスタム分類などと同様に、設定値をテンプレファイル側でもてないだろうか？そうすればテンプレのコピペだけで全ての環境に設定を反映することができます。
と、いうことで、強引になんとかしてみました、というのが今回のネタになります。
こんにちわ、毎日暑いですね、MacBookAirが加熱しすぎてキーボードを触っていると火傷しそうでビビってる @nihimoto です。
-
本日はjQueryMobileネタで一つ。
jQueryMobileはお手軽にスマートフォンサイトっぽくしてくれる便利なものですが、デザインのカスタマイズを高度に組み込んでると、強制的に適用してくるスタイルが邪魔になったりしませんか？
しかもスタイルが適用されるクラス名とかがわからないので、解除するのもなかなか厄介なんですよね。
実はあのスタイルは、jQueryMobieのJavascriptをロードした際に、自動的に専用のクラス名を各要素に割り振り、そのクラス名に対してjQueryMobileがスタイルを適用しているので、普通にスタイルシートに書いただけだと、後からスタイル上書きされちゃうんですよね。
今回はこの問題に対処する方法を説明してみたいと思います
こんにちわ、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という正しい記法だそうです)消されても文句は言えないのですが、それでは困るので対処してみたいと思います。
最近コーディングの数をかなりこなしている@ksmonkeyです。
もうさすがにIE6はサポートが切れているので今後の役に立つかはわかりませんが、自分の備忘録的な感じでIE6のゴースト現象について書きたいと思います。
まずはゴーストが起きる前の現象になります。
なぜかって？
ゴーストの前はもっと分かりやすくレイアウト崩れが起きたからです。
3コラムのレイアウトをfloatを利用して実現しようとしました。
レイアウトのためにdivでコンテンツを囲い、widthで幅を設定してからfloat:left;をそれぞれに設定しました。
コンテンツ自体は横並びになってくれましたが・・・一番右側のboxで不可思議なことが発生しました、画像がdivの外に大きくはずれて表示されました。
こんにちわ、自炊を初めて部屋が片付くはずが、自炊がなかなか終わらないので部屋が荒れ放題の @nihimoto です。
最近、GoogleスプレットシートというGoogle版エクセル的なwebサービスで、CSVが吐き出せる上にweb上に公開できる機能の存在を小耳にはさみました。これは「CMSに使える！」と思ったので早速試してみました。
これまでの仕事でたくさんの「お知らせ」管理システムや「イベント告知」システムなどを構築してきましたが、これらのシステムは表示するシステムを作る工数は大きくないものの、更新するシステムを作る工数は非常に大きなる傾向があります。
しかし、Googleスプレットシートでデータの更新・管理ができるのであれば、丸ごとGoogleスプレッドシートに依存することで、更新システムにかかる工数を０にできます。
↑ 管理用のGoogleスプレットシートの画面、エクセルと似たような感じです
↑ 表示している画面。管理用のシートを読み込んでいます（サンプル）
もちろん、個々の事情に合わせて最適の管理画面を用意した場合に比べ、Googleスプレッドシートの画一的な画面は、使い勝手は落ちます。しかし、エクセルと似たような操作法なので一般の方からも馴染みやすい形でデータを管理できるのではないでしょうか。コストを考えればこの機能で十分CMSとしての役割を果たせるケースも多いはずです。選択肢の一つとしてこの手法を持っておくことは、とても有意義なことだと思います。
このページでは、流れや考え方の説明と共に、すぐに使えるソースコードのサンプルも置いておきますので、個人商用限らずご自由にご利用ください。（たいしたサンプルではありませんが・・）
-
はじめに. システム概要
システムの大雑把な仕組みは簡単に言えば下記の２つになります。
更新用システム＝Googleスプレットシートを公開設定で１つ作成して、この中にウェブサイト上で表示したいデータを全て書き込む（Sample）
表示用システム＝上記のCSVファイルを読み込んで整形してHTMLとして表示するPHPプログラムをサイト内に埋め込む
簡単に言えばこれだけのことなります。非常にシンプルです。
以下、手順の説明になります。
こんにちわ、そろそろ夏だと思ってサンダルを履いてみたら土砂振りの @nihimoto です。
この度、とあるPC・携帯のウェブサイトを完全にWordpressの管理下に置いた状態で構築するお仕事をさせていただいたので、そのノウハウをまとめて記載させていただきたいと思います。
WordPressをCMSとして使う方法はうまくプラグインを使いまくればかなり便利に使えます。
Wordpress以外のCMSを使う理由なんてほとんど無くなってしまいます。
アメリカから帰ってきて、すっかり英語から離れてしまい危機感を感じてきました。
そこで、英語を再度勉強するために何かないかと物色していたら・・・
あるじゃないですか！
昨今のタブレットブームにのり、Kindle を購入！
え！？
タブレットじゃないって？？
Xoomのレビューを書いているひとからツッコまれそうですが・・・
まあ、デバイスとしてはwebも見ることができるとのことで、英語の勉強プラスデバイスの研究という名目で導入してみました。
こんにちわ、先日の会社の研修旅行でiPad使い倒してきた@nihimotoです。
iPadサイコー！叫んだと舌の根も乾かぬうちに、android3.0が搭載されたタブレット端末、XOOMをandroidの研究の一環として入手したので簡単なレビューを書いてみたいと思います。
ただし、XOOMというある一つの端末のことよりも、android3.0という今後出てくるandroidのタブレット端末で共通に使われるOSに関することをメインに書いてみたいと思います。
