2014-08-01から1ヶ月間の記事一覧
GoogleアナリティクスにWordPressを登録する方法 これ超簡単![WordPress対応]XMLサイトマップ登録法 http://websae.net/wordpress_xmlsitemaps/
WordPressでのスマホサイト用headerコードです。 <html lang="ja" dir="ltr"> <head> <title> <?php if ( is_home() || is_front_page() ) : ?> <?php bloginfo('name'); ?> <?php else : ?> <?php the_title(); ?>| <?php bloginfo('name'); ?> <?php endif; ?> </title> <meta charset="utf-8"> </meta></head></html>
wp_is_mobileではipadで表示した際にモバイルサイトを表示してしまうので、is_mobileという関数を作成し、ipadではPCバージョンを表示するように設定する。以下の記述をfunctions.phpに記述 //スマホ表示分岐、ipadではPC版を表示する function is_mobile(){…
WordPressで総ページ数と現在のページ数を取得するための方法 functions.phpに記述。 functions.phpは記述ミスに注意。 //現在のページ数の取得 function show_page_number() { global $wp_query; $paged = (get_query_var('paged')) ? get_query_var('paged…
web上でpng画像を縮小してくれるhttps://tinypng.com/というサイトが便利なのでメモ。 https://tinypng.com/70パーセントほど縮小してくれます。 縮小を繰り返せばめちゃくちゃ軽いpngが出きるんじゃないの？ と考えてやってみましたが、ダメでした（笑）
WordPressdプラグインを使用せずにSNSボタンを設置する方法です。 先ず、facebookのアプリIDを取得します。http://biz.comlog.jp/manual2/20098.html こちらを参考に。取得したIDを下記コードのxxxxxxxxxxxxxxxの部分に置き換える。javascript <div id="fb-root"></div> <script>(function(d…
WordPressでスマートフォンでアクセスがあった際に出力するHTMLを切り替える方法。 という関数を使用して条件分岐させます。 //ここにPCからアクセスされた際のコードを記述する //ここにPCからアクセスされた際のコードを記述する 以上で完了です。スマホ…
スマホサイトで拡大縮小を制限する方法です。 head内に以下のコードを記述します。 <meta name="viewport" content="user-scalable=no">user-scalable=noでユーザーによる拡大縮小を制限しています。 width=device-width, initial-scale=1.0とあわせて以下のように記述すると良いですね。 <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"></meta></meta>
Wordpressでのスマートフォン用のfooter部分のソースコード。スマホでのみ表示を切り替えたいときに使用します。 HTML <footer id="footer"> <section class="footer_cat"> <h1>カテゴリー</h1> <ul> <li><a href="＃">カテゴリ</a></li> <li><a href="＃">カテゴリ</a></li> <li><a href="＃">カテゴリ</a></li> <li><a href="＃">カテゴリ</a></li> <li><a href="＃">カテゴリ</a></li> </ul></section></footer>
