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

執筆者:

関連記事

no image

WordPressを3.9にバージョンアップしたらエディタのボタンが文字化けした

焦った。 プラグインのWP Multibyte Patchを更新したら直った。 ホント焦った。

no image

VBAからIE操作

大変に感銘を受けたサイト。 三流君VBA:VBAからIE操作 TABLEの中にTABLE .getElementsByTagNameほかhttp://www.ken3.org/vba/backno/v …

no image

FirefoxのURLの自動補完がきかなくなった けど直した

FirefoxのURLの自動補完がきかなくなった。 色々試してみても、回復できない。 ようやくわかった方法が以下。 F10を押してメニューを出し、ヘルプの、 トラブルシューティング情報 を表示し、右上 …

no image

LimeSurvey使ってみた

http://www.d-ip.jp/contents/business437.html から、1.7.2バージョンをダウンロードしてインスト。 (sourceforgeに最新limesurvey18 …

no image

このCacooというのは、超絶にすばらしい

久々にWebサービスで感動!メモメモ。これは仕事で使えるぞ。 Cacoo – Web上で図の作成とリアルタイムコラボレーション Web制作している人でこれを知らないなら、一度は上のページに …