タグ

2011年2月8日のブックマーク (5件)

  • 戦場に萌える華 - TinyMCE Advancedを導入

  • WordPress のビジュアルエディターで table 編集…

    最近、30ページほどのサイトを制作しました。 といってもコーディングの作業がほとんどです。 デザインは、知り合いのグラフィックのデザイン事務所が担当、更新情報やニュースなどはクライアントが更新。 また、その他の更新作業はデザイン事務所でおこなう。 という、条件のサイトです。 といっても、グラフィックが専門で Web のことをあまり知らないデザイン事務所なので、手に負えない作業は私がすることになると思いますが… ということもあり、今回 WordPress にてすべて制作することにしました。 既存のサイトにブログ(WordPress)を追加したことはありますが、仕事としてサイトすべてを WordPress で制作するのは初めてです。 Movable Type を使ったサイト制作・実績は過去に何度もあるのですが、WordPress はありません。 まぁ、このサイト自体が WordPress で構

    WordPress のビジュアルエディターで table 編集…
  • WordPress のビジュアルエディターで iframe を使えるようにする

    前回の続きです。 新たな問題というのは、WordPress のビジュアルエディターと ” iframe ” の問題です。 何が問題かというと、WordPress のビジュアルエディターが <iframe> タグを消してしまうこと。 私が制作に関わったサイトでは、基的に <iframe> を使うことはほとんどありません。 ただ、例外もあって、Google map などでどうしても使う必要のある場合があります。 今回の案件も Google map が必要のなので、必然的に <iframe> を使わないといけません。 しかし、Google map のコードを貼り付け、ビジュアルエディターに切り替えた途端 <iframe> タグが消えてしまいます。 前回の記事同様、私がメンテナンスする場合にはビジュアルエディターを使わないので問題ないのですが、今回の案件はクライアントと Web のことをあまり知

    WordPress のビジュアルエディターで iframe を使えるようにする
  • 各種ブラウザの印刷のバグが治る(かも知れない)CSS の設定。

    Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基スタンス。 btmup Blog float を使って段組みのレイアウトにしているとき、印刷がおかしくなることが多々あります。 というか、おかしくならないことの方が多い。 というか、float を使ってなくてもおかしくなることの方が多い。 (特に、IE6、IE7、IE8、Firefox あたり) そんなとき、こんな印刷用 CSS を作っておいたら解決するかもよ! 的な内容です。 まず、HTML は以下のような感じ。 <div id="wrapper"> <div id="contents"> (色々コンテンツが入ってる) </div> <div id="sidebar"> (サイドメニューとかバナーとか) </div> </div> #contents と #sidebar に float が設定

    各種ブラウザの印刷のバグが治る(かも知れない)CSS の設定。
  • jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。

    Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基スタンス。 btmup Blog 最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。 自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。 僕自身も医療系のサイトに関わることが多いのですが、「設置して当然」の要件となりつつある感じ。 まー、正直「周りがやってるから」というのが主な理由なんですが、結果としてユーザビリティやアクセシビリティにつながるなら良しとしましょう(誰 今回は、その「ボタンをクリックして文字サイズを変更」する機能を実現する方法について、定番を 1 つと、新しく見付けたのを 1 つご紹介します。 定番の方は、プラグインを追加するだけなので手軽&気軽にできるのが特徴。 新発見の方は、いろいろ書かないといけないので若干メンドくさいですが、その