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

Utime failed?

昨日から突然、このサイトのページ上に以下のメッセージが出るようになった。 Warning: touch() [function.touch]: Utime failed: Permission den …

no image

Quick TranslatorがFireFox12で使えるようになった

FireFoxをバージョンアップした際に、互換性の問題から使えなくなった、Quick Translator。 私はこれを長年使い、「これ以上に使いやすいアドオンはない」と思っているので、昨年、FFの最 …

no image

Photoshopで画像半分をぼかす(グラデーションで半透明に)する

よく忘れる(というか覚えられない)ので、備忘録。 1.画像を開く。またはレイヤーを選択。 2.レイヤー下の「ベクトルマスクを追加」ボタンをクリック 3.半身をグラデーションにしたい範囲をドラッグで選択 …

no image

へこむ

とあるお客さんと、「言った・言わない」のトラブルになったのが、おととい。 昨日はすでに仕事があって行けなかったので、今日そのお客さんの所に行ってきた。 謝る気はなかったのだが、ついいつものように、「ご …

no image

Exitイベント

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