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

迷惑メール

仕事にプライベートにYahooメールを使っている。 ここのところ、やけに迷惑メールが多い。 Yahooメールにはオプションで受信拒否やフィルタ機能もあるのでそれらを使ってはいるのだが、それぞれ100ア …

no image

WordPressの固定ページのページネイションで、ひと苦労

・WordPressで作ったWebサイト上で、とある固定ページのひとかたまりにおいて、100ページほどの報告書を目次付きで載せている。 ・で、頁をめくるような要領で、次へとか戻るとかのページを移動する …

no image

sendmail

ローカルで使うPHPのメール(sendmail)の利用環境を構築。 愛用しているXaioにはメールサーバが入っていないので、 http://tokyo.atso-net.jp/pukiwikip/?S …

no image

PSPでスライスツール

以前に覚えたのだがいざ使う段になると忘れていた昨日。なのでメモ。 1.Photoshopでガイドラインを引く。 2.スライスツールを選択し、ガイドラインの角から対角線を引くように選択。 3.続けて切り …

no image

Joomlaの紹介サイトを今使っているサーバに作ってみた。

/homeandabroad/oldxoops/joomla 自分のための使い方の覚え書きも兼ねて。