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

執筆者:

関連記事

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

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

no image

WordPressでチェックボックスを使って検索するには

まず、何かプラグインが無いか探してみた。けど、見つけられなかった。 次に、WPのフォーラムを見て回った。けど、いまいち自分のレベルではわからず。 どうしよう、ふと思い立って、以前にダウンロード販売で購 …

no image

WordPressとktai-styleプラグインで携帯画面での見え方を編集

コメントを非表示にしたかったのだけど、どのファイルを直せばよいかわからない。。。 2時間ほどかかってやっと見つけたそのファイルは、archive.php。 苦労したけどヨシヨシ。 あと、poファイルの …

クリップボードの画像をファイル保存せずそのまま投稿画面に貼り付けられるとは・・・素晴らしい OnePress Image Elevator

上記の画面は、FireFoxのScreenShoterプラグインで、画面から直接クリップボードに画像を撮って、WPの投稿画面にペーストしただけのもの。 WordPress › OnePress Ima …

no image

CSSで、はまった(画像の重なり・relative/absolute)

トラブル:トップページに配置した「ネットでの購入はこちら」ボタンが、ウィンドウの大きさに合わせて移動してしまう。 横長が狭い画面だと右の位置にあるが、広い画面だと真ん中に来る。CSSを見ると、posi …