2014-01-01から1年間の記事一覧
hrefが未設定のリンクはクリックをキャンセルするコード。コードはこちら $(function() { $('a[href=""]').on('click', function(e){ e.preventDefault(); }); });
WordPressで記事内にアドセンス等の広告を貼りたい時にショートコードを作成しておくとらくちん 以下のコードをfunctions.phpに記述 //アドセンス用ショートコード function articleads() { return ' <div class="box-ad"> <p>スポンサーリンク</p> //アドセンスのコードを貼る </div> '; } ad…
PHPで現在のページURLを出力する方法メモ ワードプレスのプラグインで現在のページURLを取得する方法が必要だったので調べたところPHP1行でいける方法がありました。 参考 http://on-ze.com/archives/567
functions.phpに下記を記述してカスタマイズする // テーマのタグクラウドのパラメータ変更 function my_tag_cloud_filter($args) { $myargs = array( 'smallest' => 12, // 最小文字サイズは 10pt 'largest' => 12, // 最大文字サイズは 10pt 'number' => 3…
フォントをダウンロードしてwoffに変換する 変換したwoffを「font」フォルダにまとめてcss直下にいれる。 cssに以下のコードを記述css /* webフォント -源ノ角ゴシック- */ @font-face { font-family: "genExtraLight"; src: url("font/SourceHanSansJP-Extr…
WordPressでページの親カテゴリ名を表示するphp parent){ $parent = get_category($cat->parent); echo $parent->cat_name; }else{ echo $cat->cat_name; } ?>簡単な解説。 get_the_category()で親カテゴリのIDを引き出して表示する。 if文で条件分岐して親…
カテゴリのラベルに表示させてカテゴリごとにCSSでデザインを変えたりする時に便利ですなphp parent){ $parent = get_category($cat->parent); echo $parent->slug; }else{ echo $cat->slug; } ?>こちらもget_the_category();で親カテゴリのIDを引き出して表…
カテゴリー内のサイドバー等でそのカテゴリーの子カテゴリーをリスト化する（ややこしいな……）記述 term_id}&depth=1&show_count=1" ); ?>
アイコンの画像を用意してページ右下に表示するHTML <a href="#top" class="pagetop"><img src="../img/pagetop.png" height="52" width="95" alt="PAGETOP"></a>id="top"までスクロールするのでwrapperなどにidを指定しておく。CSS .pagetop { position: fixed; right: 20px; bottom: 0; width: 92px; height: 49px; display: block; z-index: 10; } position: fixed…
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>
Wordpressでアイキャッチ画像を使用する際のメモです。 下記のコードをfunctions.phpに記述します。 //アイキャッチ add_theme_support( 'post-thumbnails', array( 'post' ) ); set_post_thumbnail_size( 210, 140, true ); add_image_size( 'spicatch', 10…
コマさんかわいいよコマさん。 ということで、妖怪ウォッチの攻略サイトをwordpressで作成しました。 これからスマホ対応も行っていきたいです。キーワード「妖怪ウォッチ」「攻略」妖怪フレンド
WordPressでカテゴリーの投稿数をaタグの中に移動させる方法。下記の記述をfunctions.phpに記述する。 add_filter( 'wp_list_categories', 'my_list_categories', 10, 2 ); function my_list_categories( $output, $args ) { $output = preg_replace('/<\/a>…
WordPressで作成した口コミ情報サイト。http://lover-map.com/ http://lover-map.com/hotel/ http://lover-map.com/pachi/こちらで使用したプラグインは下記の通りAdvanced Custom Fields All In One SEO Pack Batch Category Import Breadcrumb NavXT Conta…
学習塾のクチコミ情報サイトをWordpressで作成しました。 学習塾の口コミ情報サイト使用プラグイン Advanced Custom Fields All In One SEO Pack Batch Category Import Breadcrumb NavXT Contact Form 7 Popular Posts Post-Plugin Library Really Simple C…
クチコミ情報サイトをワードプレスで作成。小児科の口コミ情報小児科医の口コミサイトです。 全国の小児科クリニックの口コミ情報をお待ちしています。
http://cssminifier.com/ cssをminiにしてくれるサイトhttp://www.lavishbootstrap.com/ bootstrapのcssを変更するサイトbootstrap.cssの 206行目あたりの body を以下のようにフォント指定。body { margin: 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragin…
Bootstrapで動画をレスポンシブにする方法CSS .video-wrap { position: relative; margin-top: 1.2em; margin-bottom: 1.2em; padding-top: 69px; padding-bottom: 50%; overflow: hidden; } .video-wrap iframe { position: absolute; top: 0; left: 0; hei…
