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

執筆者:

関連記事

Googleドライブのフォルダに含まれるファイル数を確認する方法(要マクロ)

ほとんど、以下の参考サイトのマルパクリで恐縮なのだが。 グーグルドライブで、特定のフォルダ以下のフォルダとファイルの一覧を書き出すスクリプト 上記ページの「コード」のうち、91行目以降を以下に書き換え …

no image

ホームページビルダーでドキュメントサイズ(kb)を調べる

シンプルな携帯サイトをつくるために、久しぶりにホームページビルダーを起動する。 テンプレートをいくつか内部に持っているので、こんな時はDreamWeaverよりも楽ちんなのであった。 一番容量の制限が …

no image

トップページに「新着一覧」としてカスタム投稿を日付つきで出したく、以下のページを参考にして(コピペして)作ってみたのだが、うまくいかない。 WordPress カスタム投稿の一覧をトップページ表示する …

no image

ペースターno日付計算

便利に使わせていただいているシェアウェアの「ペースター」ですが、 カスタムメニューを使って、3日前とか、一週間前の日付計算をしてから貼り付ける方法が、わからなかった。 さっきGoogleで調べたら、な …

no image

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

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