■
WordPressで記事内にアドセンス等の広告を貼りたい時にショートコードを作成しておくとらくちん
以下のコードをfunctions.phpに記述
//アドセンス用ショートコード function articleads() { return ' <div class="box-ad"> <p>スポンサーリンク</p> //アドセンスのコードを貼る </div> '; } add_shortcode('adsense', 'articleads');
これで記事内に[adsense]と記述すればOK。
で囲んでクラス名を付けているので(box-adというclass名)、配置等はCSSでいじる。
■
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; }
■
フォントをダウンロードしてwoffに変換する
変換したwoffを「font」フォルダにまとめて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";}