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

ExcelのリボンUIにボタンを配置して、そのボタンクリックでExcelVBAを実行させたい

それをするには、こんな感じ。 1.Excelマクロで、標準的なやり方でVBAコードを作る。 2.「Custom UI Editor Tool」で1のファイルを開き、リボンを作り、上書き保存する。フォー …

no image

WP-chgFontSize WordPress plugin

文字サイズを変更できるWordPressプラグインを試してみた。 http://wordpress.org/extend/plugins/wp-chgfontsize/ 上記のプラグインは、通常通りの …

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

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

重たいTrelloでカードのアーカイブを自動化

会社でTrelloを使っているスタッフから、最近「重たい」という話をよく聞く。そこで、ボードの古いカードを定期的にアーカイブするよう、自動化してみました。3000→500件ほどに圧縮、ずいぶん軽くなり …

no image

WordPressのテーマタイトルとファイル・インクルードの備忘メモ

style.cssの三行目を「Theme Name: Twenty Ten faq 20141212」などとすれば、管理画面のThemeのタイトルが変わる。 @charset "utf-8& …