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

執筆者:

関連記事

GTmetrixでWPの高速化のアドバイスをもらった

このWebのWordPressの遅さが気になっていたんだけど、以前に使ったプラグインよりも、こちらのチェックツールでチェックし、改善するほうが良かった。 ツールの使い勝手が良い。 GTmetrix | …

no image

OneDribeアプリのせいでAndrodiスマホに容量不足のメッセージが

ココ最近、Androidスマホに容量不足のメッセージが頻繁に出るようになっていたので、さて原因は何だろと。 スマホの設定画面で、アプリをサイズ順に並べてみた。 すると、OneDriveが飛び抜けて多く …

no image

フリーブラシ

幾何学模様を使ったバナーをどうやって作るのか、よくわかっていない。 時間に追われ、いつも腐心して、それでもなんとかかんとか、それなりに作っているのだが、これではいけないと自分でも思っている。 今日は時 …

在庫らくだのメニュー部分を、UiPathで操作する->うまくいったり、いかなかったり

テスト中は、うまくいったものが、本番では、うまくいかなくなったり(うまくいくことも、たまに)。 UiExplorerでタグを調べたり、クリックを偽装したり、待機時間を入れてみたりと、いろいろ試してみた …

no image

HDL-C1.0とLS-V1.0TL

会社で6ヶ月間だけ人をたくさん雇っているので、その期間だけ使えるNASが欲しかった。 近くのお店で物色したところ、一番安いのがアイオーデータのHDL-C1.0であった。 その時は、これでいいな、安くて …