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

WordPressでボタンを簡単に作れるプラグインがないか探してみた。

WordPressでボタンを簡単に作れるプラグインがないか、探してみた。 Photoshopなどでも作れるのだが、SEOを考えたらがボタン内の文字はテキストで作るほうが良いし、そうなるとCSSを編集す …

no image

昨日の続きの嬉しさよ

何度も落とされながらも「再チャレンジ」(笑)した結果、なんとか今年の試験で引っかかり、悲願の合格証書を手にした。 う、うれしいー! 昨日はビールとポテチでお祝いした。 振り返ると、結構難しかったなー、 …

no image

EC-CUBEをXAMPPを使ってローカルインストールした

表記の情報がWebにあまりなかったので、誰かの参考になるかと思い、記しておく。 ■XAMPPをインストール ごく、普通に。 ■データベースの作成 XAMPPのPHPMyAdminで、eccubeなどと …

no image

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

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