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

執筆者:

関連記事

Excelワークシート上にフォームコントロールを配置する際のコツ

コントロールとセルのリンクを作るのは、あとにする。 リンクを作ってしまうと、それをコピペしたときに連動してしまい、リンクを解こうとするとコピー元も解かれてしまい、とにかくすごく面倒なことになる。 別シ …

no image

情報セキュリティアドミニストレータ試験

セキュアド試験、受験。 午前の試験、結構簡単だった。 今年から50問->55問になったので内容も変わったのかと心配していたのだが、過去4年で一番やさしかったのではないか。 苦手な計算問題が少なかったよ …

no image

GWも出勤をしている企業戦士とはオレのことだ

出勤はしていても、「仕事はしない、勉強をする」と決めた今日は、 http://www.moug.net/tech/exvba/ のサイトで学習三昧。今度この手の仕事があるから。 関数関連のテクニックま …

no image

トップページに「新着一覧」としてカスタム投稿を日付つきで出したく、以下のページを参考にして(コピペして)作ってみたのだが、うまくいかない。 WordPress カスタム投稿の一覧をトップページ表示する …

no image

秀丸でペースターが動作しなかった訳は32Bit版をインストールしていたから

PC環境を再インストールする必要があって、普段使いの秀丸とペースターもインストールした。 しかし、なぜか秀丸上でペースターが動作しない。 Google先生に聞いても、有用な情報に当たらない。 ペースタ …