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

Ads by datafeedr.com というWordPressのプラグインが動かない原因は自分のブラウザであった

何度設定しても、広告が表示されない、出てこないと思っていたら。 自分のFireFoxに入れているAdBlockPlus拡張が、広告をブロックしていただけであった。 気がつくのに1時間かかっちゃったよ!

no image

WordPress Visual Icon Fonts

Web制作で、FAQページを簡単に作る方法はないかなと考えて、解の一つがこの、WordPress Visual Icon Fontsプラグイン。 icon-question-circle こんなときど …

no image

WordPressでOpenIDにチャレンジ、半分成功

例えば、YahooIDを持っている人なら誰でも、投稿者としてコメントできるようにするといいなあ、それができたら、ああいう使い道やこういう使い道があるなあ・・・ということで、やってみた。 ・まず普通の要 …

no image

CMOSボタン電池切れ

DellのOptiplexを使っている隣人(会社)、席替えの際にコンセントから電源ケーブルを抜いて以来、PCが立ち上がらなくなった。 XPなのだが、ようこそ画面の直前の「マウスポインタと黒背景」から先 …

no image

Artisteerでテンプレートを作ってColorMeで使う、覚え書き

1.Artisteerで2カラムのデザインテンプレート作成。安全を考え外観がColorMEに使えそうなものにする。で、HTMLエクスポート。 2.ColorMeにアクセスし、管理画面のデザイン画面で、 …