Wordpressで、スマホとPC表示を変える

<?php if ( function_exists(\'wp_is_mobile\') && wp_is_mobile() ) :?> 

スマホ用の記述

 <?php else: ?> 

PC用の記述

 <?php endif; ?> 

?php if ( function_exists('wp_is_mobile') && wp_is_mobile() ) :?
スマホ用ソース
?php else: ?
PC用ソース
?php endif; ?

http://m0bilecenter.org/archives/1201　さまより 

無料ホームページ制作沖縄　PiyoPiyoひよこうぇぶ　NPO

Wordpressで、PC版表示とモバイル表示を切り替える

http://wp-kyoto.net/wordpress-how-to-kill-responsive-and-plugin/



の、

Viewport Exchangerがとてもよかったです。ありがとうございます。




無料ホームページ制作沖縄　PiyoPiyoひよこうぇぶ　NPO

Wordpressでレスポンシブデザインを解除する

Wordpressでレスポンシブデザインを解除するには、
テーマ編集より、header.phpで、

viewport　を


meta name="viewport" content="width=1024" /

に書き換える。


｡o○｡o○ﾟ･*:.｡. .｡.:*･゜○o｡○o｡ﾟ･*:.｡. .｡.:*･゜｡o○｡o○ﾟ･*:.｡.

CSSにて、

@media not screen, screen and (min-width: 569px)

↓

@media screen and (min-width: 8px)

などに書き換える






無料ホームページ制作沖縄　PiyoPiyoひよこうぇぶ　NPO

Wordpressでトップページにのみスライダーを追加

Wordpressでトップページにのみスライダーを追加する方法。


Meta Sliderをインストール。

↓

Meta Sliderで、スライドを作成。

↓

そのスライドの右下の『使い方』欄の、テンプレートに含めるタブのコードをコピー

↓

テーマの編集から、ヘッダーを編集。

↓

<?php if (is_home()) : ?> 

<?php echo do_shortcode(\"[metaslider id=●●●]\"); ?> 

<?php endif; ?> 

を、bodyタグの中のheaderタグの上の方に入れたりする。

 ?php if (is_home()) : ?

?php 
    echo do_shortcode("[metaslider id=189]"); 
? 

?php endif; ? 

無料ホームページ制作沖縄　PiyoPiyoひよこうぇぶ　NPO

table dt dd で、一つのセルのみ幅を広げる

 table　dt dd　などで、一つのセルのみ幅を広げるには、


dt style="width : 16em !important;"

などと、!important;を使う。



無料ホームページ制作沖縄　PiyoPiyoひよこうぇぶ　NPO