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

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

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

no image

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

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

no image

WordPressで Argument #1 is not an array エラー

WordPressで、新規にカスタム投稿で記事を投稿しようとすると、 真っ白の画面で、 Argument #1 is not an array ・・・というエラーが出る。 調べたところ、これはArti …

no image

とおちゃん、またダメだったヨ

昨日、秋に受験した情報処理試験の結果が発表された。 「不合格」 がっくり。 自信があっただけに、がっくり。 一年に一度しかない試験を落としやがって、何やってんだ、俺は。 思えば、ひょっとして、答案用紙 …

no image

Access2013のWeb機能について(FileMakerと比較して)メモ

ここ数日、MS-Access 2013のWeb機能を勉強していたので、そのメモ。 ■フォームの書式 選択肢があまりに少ない。FMのようにデザインやテーマが用意されていない。 リスト表示のサイズが変更で …