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

執筆者:

関連記事

Yahooショッピングで提供している商品をカートごと自身のページに設置できるか

やってみた。 結論からいうと、カートボタン以外は、できた。 カートボタン以外は・・・。 てすと YahooショッピングAPIの公式ガイドは、こちら。 ショッピング:商品コード検索(商品詳細) &#82 …

no image

VBAでプリンタ切り替え

xlSheet.PrintOut(ActivePrinter:=”ココにプリンタ名”) でVBAの中でプリンタを切り替えできるんだなあ。 こんなコマンドもあるのか。 知らなかっ …

no image

DropBox VS Googleドライブ はサムネイル対応が決め手で、こっちの勝ち

DropBoxは、会社PCにインストールしている。けどあまり有効に使っていない。 Googleドライブは未だ使ったことがない。 家のPCでデジカメ写真がたまっているのだが、相当な量になってきたのでバッ …

no image

改行文字の置換 まとめ

○強制改行をExcelで置換 検索側:[Ctrl]キー+[J]キー(何も表示されない) 置換側:任意 ○改行をWordで置換 検索側:^13(「ワイルドカードを使用する」にチェックをつけておく) 置換 …

no image

不動産プラグインの「トップ物件表示」ウィジェットが9件目から段ズレする。

解決できなくて、数時間、悩んだ~。 結局わかったのは、 ・ウィジェットのブロックの高さ調整にJQueryを使っている。CSSで決め打ちではない。 ・PHPのコードで、物件4件ごとに高さを決めている。 …