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

Tray Icon Reviver

私が会社で使うPC、微妙に不調。 秀丸とか紙copyとかハードウェアの安全な取り外しとかそのあたりの非常に使用頻度の高いユーティリティが、XPのタスクトレイからよく消えている。 再インストールを試して …

no image

GoogleAnalyticsは複数の管理者で使える

GoogleAnalytics、仕事で使っている。 ホント便利だ。タダだし。 ただ難点として、管理画面に入るには私のIDとパスワードがいるので、ユーザーさんに管理画面に直接アクセスしてもらうことができ …

no image

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

no image

WordPressでトップに最新投稿サマリと特定ページの本文を表示

home.phpに、最新投稿のサマリ欄と、特定ページ(以下の場合ID=10)のタイトルと本文が表示されるようにした。 home.phpって、ホント便利。 というか、WordPressは、ホント柔軟!  …

no image

ColorMeShopの独自ドメインで作成したメールが受信できないトラブルに遭遇

現象は、ColorMeShopの注文フォームからのメール(フォームからメール)は届くが、それ以外(メールソフトからメールソフト)が届かない。 いろいろ調べてわかったのは、管理画面の、オーナー情報-メー …