IT仕事 WordPress Artisteer

Responsiveが超高速で作れるArtisteer最高

投稿日:2015年2月8日 更新日:

Webの高速制作ツールのArtisteerがResponsiveに対応しているのは知っていた。
けども、Wordpressでウィジェットとして追加したブロックの一つ一つについて、モバイルで表示したくないと思っても、それができないのも知っていた、
なので、モバイル表示したとき、右メニューのブロックはヘッダー近辺に不格好に表示され、左メニューはフッター付近に不格好に表示される。
ああ。全てを受け入れてResponsiveを使うか、全て諦めてPCデザインで行くか。
その2択だと思っていた。
さっきまでは・・・・。

けども、諦めつつ検索してこのページを発見。
具体的には、以下のようにCSSオプションに入れておくと、モバイル表示の際に、右メニューのブロックも、左メニューのブロックも、消えてくれる。縦型メニューは希望通り表示されたまま。

.responsive-tablet .art-block {
display:none;
/* these styles are applied to tablets */
}

.responsive-phone .art-block {
display:none;
/* the styles for smartphones */
}

すばらしい!

-IT仕事, WordPress, Artisteer

執筆者:

関連記事

CliborのマクロをPythonの正規表現を使ってフォームに値をセットする

とにかくコピペ作業が多い職場なので、何かクリップボード拡張ソフトを入れたらいいねということで、Cliborを試してみたところ、なかなかよかったので、部署に啓蒙した。 「Clibor」定型文の挿入もでき …

no image

WordPress + DreamWeaverの環境設定で参考にしたリンク先

DreamweaverとWordPressを連携させてテーマを編集する方法 │ Design Spice DreamWeaverで「このサーバのサイト定義が正しくないため、動的関連ファイルは解決されま …

no image

WordPressでボタンを簡単に作れるプラグインがないか探してみた。

WordPressでボタンを簡単に作れるプラグインがないか、探してみた。 Photoshopなどでも作れるのだが、SEOを考えたらがボタン内の文字はテキストで作るほうが良いし、そうなるとCSSを編集す …

no image

Linkstationの新旧入れ替えにまつわるバックアップUSBディスクのトラブル

バッファロー製NASのLinkstationのHD-HG160LANに、USB接続で外付けHDDをくっつけて毎週バックアップを取るという構成で、今まで使ってきた。 しかしこのたび、容量の限界が来たため …

PAで複数の同じPADの処理をループするときに気を付けること

Power Automate のフロー内で、同じデスクトップフローを2回使っている。それぞれの処理の終了後は、同じように同じ名前の出力変数を受け取り、次の条件で使っている。なので、最初の処理のブロック …