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

秀丸マクロで、HTMLの幅と高さを削除する

正規表現を使い、さらにスペースや文字数に配慮すればするほど、わかりにくいコードになる・・・もうちょっと改善の余地があるのかもしれないが、自分のスキル的にココまでが限界。 replaceallfast …

GoogleSpreadSheet上の注文番号をキーにGASでGmailのスレッドにラベルを付加

Gmailにあるメールから、スプレッドシートに記入してある注文番号と、注文入力時につけられた注文ラベルをもとに、スレッドを検索して、検索結果に対して新たなラベル付けをしたかった。 参考Webをもとに、 …

no image

GoogleChromeの拡張機能を使ってGmailの本文中の文字を簡単に再検索する方法

Gmailの注文メールを開いて、お客様の注文番号や電話番号・メールアドレスをコピペして検索・・・といった操作は、よく使うと思うのですが、ちょっと面倒に思いませんか? GoogleChromeの拡張機能 …

no image

メモ

人力検索系検索エンジン http://www.google.com/coop/cse?cx=014964622409527844895%3Avyzxwte8f7e こんなの欲しかった。 最近、「IT仕 …

no image

Exitイベント

覚え書き。 ExcelVBAのフォームで、 Clickして抜けるかEnterキーして抜けるかわからないテキストボックスには、Exitイベントのところに処理を書いちゃダメ。 ClickとEnterキーで …