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

執筆者:

関連記事

Synctoyがない!けど見つけた!

毎日定期スケジュールで、とあるフォルダの同期作業を行っている。そのファイルサーバNAS/Qnapの、HBS3 Hybrid Backup Sync でエラーが起こった。 QNAPのヘルプセンターに問い …

no image

Artisteer4で作成したHTMLページを印刷するとCSSが画面でみたものと違う

「印刷するとずれる。画面と同じように印刷したい」と、お客さんが言う。 Artisteerでは style.css” media=”screen” となっているので、 …

no image

バズ部のテーマ xeory base でfacebookの「いいね」のカウント引き継ぐ

会社のサイトで、WordPressでバズ部のテーマ xeory base を使っている。 で、この度、最近、弊社サイトの常時SSL化に向けて準備を進めている。 ところで、サイトをhttps化すると、チ …

no image

Visual Studio 2005 Express Edition無償公開

窓の杜 – 【NEWS】「Visual Studio 2005 Express Edition」日本語正式版の一般向け無償公開開始 http://www.forest.impress.co …

no image

WordPress初設定の覚書

まずは、ヘッダー画像を始め画像関係をいろいろと。 Defaultテンプレートを改造する方向でお客さんのテーマを作成したのだが、どうCSSを調べても直しても背景の浮き出し効果のある画像が消えてくれない。 …