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

Flexi Pages Widgets

WordPressのサイドバーのメニューで、親ページを表示したいが子ページは隠したい・・・以前にそれをするためにFold Category List というプラグインを使った。 しかし、時代は変わる。 …

STUDIO使ってみたが自分にはあわなかった

いつもお世話になっているコリスさんで紹介されていた「STUDIO」。 コーディング作業はもう一切不要!2.0でものすごい進化を遂げた、国産の無料デザインツール -STUDIO 2.0 | コリス 昨日 …

no image

とある管理しているWordPressサイトがマルウェアに感染していた

その復活の軌跡について。 HPにアクセスすると、真っ白だった(もしかするとAccess Deniedって出てたかもしれない。ハッキリ覚えていない) FTPでPHPファイルがダウンロードできない。 パー …

YITH WooCommerce Order Trackingのトラッキングコードをメールに表示するには

以下のブログ主さんが、表題の件を実現する方法をレクチャしてくれているのを発見、けども・・・。 WordPress YITH WooCommerce Order Trackingのトラッキングコードをメ …

no image

決裁システム

取引先から、「簡単な決裁システムを使いたいんだけど、何かいいものを知らないか」と聞かれた。 うちの会社ではそんなイイモノは使っていないし、他の取引先に納入した事もない。 知りません、と返事しかけたとき …