2014-11-11

■

jQuery

hrefが未設定のリンクはクリックをキャンセルするコード。

コードはこちら

$(function() {
    $('a[href=""]').on('click', function(e){
        e.preventDefault();
    });
});

2014-10-31

■

WordPress

WordPressで記事内にアドセンス等の広告を貼りたい時にショートコードを作成しておくとらくちん
以下のコードをfunctions.phpに記述

//アドセンス用ショートコード
function articleads() {
    return '
<div class="box-ad">
<p>スポンサーリンク</p>

//アドセンスのコードを貼る

</div>
';
}
add_shortcode('adsense', 'articleads');

これで記事内に[adsense]と記述すればOK。

で囲んでクラス名を付けているので（box-adというclass名）、配置等はCSSでいじる。

2014-09-25

■

PHP

PHPで現在のページURLを出力する方法メモ
ワードプレスのプラグインで現在のページURLを取得する方法が必要だったので調べたところPHP1行でいける方法がありました。

<?php echo("http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>

参考
http://on-ze.com/archives/567

2014-09-18

■

WordPress

functions.phpに下記を記述してカスタマイズする

// テーマのタグクラウドのパラメータ変更
function my_tag_cloud_filter($args) {
    $myargs = array(
        'smallest' => 12, // 最小文字サイズは 10pt
        'largest' => 12, // 最大文字サイズは 10pt
        'number' => 30,  // 一度に表示するのは30タグまで
        'order' => 'RAND', // 表示順はランダムで
    );
    return $myargs;
}
add_filter('widget_tag_cloud_args', 'my_tag_cloud_filter');

参考CSS

.tagcloud {
  overflow: hidden;
  padding: 10px 20px;
}

.tagcloud  a {
  float: left;
  display: block;
  background: #000;
  line-height: 100%;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  font-size: 93%;
  padding: 4px 10px 3px;
  margin: 0 5px 5px 0;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.tagcloud  a:hover {
  background: #333;
}

2014-09-16

■

web制作

フォントをダウンロードしてwoffに変換する
変換したwoffを「font」フォルダにまとめてcss直下にいれる。
cssに以下のコードを記述

css

/* webフォント -源ノ角ゴシック- */
@font-face {  font-family: "genExtraLight";  src: url("font/SourceHanSansJP-ExtraLight.woff") format('woff');}
@font-face {  font-family: "genLight";  src: url("font/SourceHanSansJP-Light.woff") format('woff');}
@font-face {  font-family: "genNormal";  src: url("font/SourceHanSansJP-Normal.woff") format('woff'); }
@font-face {  font-family: "genRegular";  src: url("font/SourceHanSansJP-Regular.woff") format('woff');}
@font-face {  font-family: "genMedium";  src: url("font/SourceHanSansJP-Medium.woff") format('woff'); }
@font-face {  font-family: "genBold";  src: url("font/SourceHanSansJP-Bold.woff") format('woff');}
@font-face {  font-family: "genHeavy";  src: url("font/SourceHanSansJP-Heavy.woff") format('woff');}
 
.genExtraLight {  font-family: "genExtraLight";}
.genLight {  font-family: "genLight";}
.genNormal {  font-family: "genNormal";}
.genRegular {  font-family: "genRegular";}
.genMedium {  font-family: "genMedium";}
.genBold {  font-family: "genBold";}
.genHeavy {  font-family: "genHeavy";}

参考：源ノ角ゴシックをWebフォントとして使う方法　1080ry.com

2014-09-06

■

WordPress

WordPressでページの親カテゴリ名を表示する

php

<?php
$cats = get_the_category();
$cat = $cats[0];
if($cat->parent){
$parent = get_category($cat->parent);
echo $parent->cat_name;
}else{
echo $cat->cat_name;
}
?>

簡単な解説。
get_the_category()で親カテゴリのIDを引き出して表示する。
if文で条件分岐して親カテゴリが無かった場合（そのページのカテゴリ自体が親だった場合）はそのままカテゴリを表記する。

2014-09-06

WordPressで親カテゴリのスラッグを取得する方法

WordPress

カテゴリのラベルに表示させてカテゴリごとにCSSでデザインを変えたりする時に便利ですな

php

<?php 
$cats = get_the_category();
$cat = $cats[0];
if($cat->parent){
$parent = get_category($cat->parent);
echo $parent->slug;
}else{
echo $cat->slug;
}
?>

こちらもget_the_category();で親カテゴリのIDを引き出して表示する。親カテゴリが無かった場合をif文で条件分岐して表示する。