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

WP Canvas – Shortcodes のテスト

こりゃ便利だ。 Sample Content Sample Content Sample Content Section 1 Sample Content Section 2 Sample Conte …

WordPressのお勉強のために、本を1冊購入することにした。

PDFデータのみの販売で2,500円。 PDFでさわりだけ見たけど、なかなかツボを突いた本の予感。Eclipseでブレークポイントを設定してWordPressの処理の流れを追っていくくだりが一番楽しみ …

no image

近況

最近忙しくて。 日記を書く位の暇はあるのだが、気力が無くて。 明日からも忙しいが、それでも近況をとりあえず、書いておこう。 昨日、セキュアドを受験。 結果はわからないが、とりあえず、終わった。 喜ばし …

no image

来週やるExcelVBAセミナーの準備をしていて、

同じ「飛び物」でもロケットが好きな人とラジコンが好きな人がいるよな、とふと思った。 ロケットの好きな人は、 準備をきちんと整えて、万全を期して発射スイッチを押す・・・飛んだ!あんなに高く。感動! 飛ん …

no image

AccessのデータをGoogleスプレッドシートに表示する

会社のネットショップで、お客様から電話で荷物の出荷状況について問い合わせがあった場合に、現状ではすぐに対応できていなかった。 荷物の伝票番号は、クロネコヤマトのB2のソフトか、あるいはAccessの業 …