WordPress
CMSシステム。PHP と MySQL を必要とする。apache と併用される。
ダッシュボード（管理用画面）からシステムのアップデートを簡単に行える。
WYSIWYGのコンテンツ作成ができる。
画像のアップロードが記事の作成画面から利用できる。 アップロードされた画像をリサイズしてくれる（回転はできない？対応したかも）。
スキンをダッシュボードから導入して選ぶことができる。
入手可能なスキンが豊富だが、日本語にきちんと対応していないものも多い。
ソースコードの閲覧 http://core.trac.wordpress.org/browser
2011年ごろ nishimotz.com ドメインにおいては以下のとおり運用していた：
- http://nishimotz.com を英語環境で利用
- http://d.nishimotz.com を日本語環境で利用
- http://ora-be.nishimotz.com を日本語環境で利用
2018年ごろから https://kusanagi.tokyo/ を使っている。
子テーマ
since 2019-03-09
Twenty Sixteen に Adobe Fonts (source-han-sans-japanese) を追加する子テーマを作った例。
Adobe Fonts の管理画面から取得した JavaScript を functions.php に下記のように入れる。
$ cd wp-content/themes/twentysixteen-child
$ cat style.css
/*
Theme Name: Twenty Sixteen Child
Theme URI:
Description:
Author: Takuya Nishimoto
Author URI: http://nishimotz.com
Template: twentysixteen
Version: 1.0.0
Text Domain: twenty-sixteen-child
*/
* {
font-family: source-han-sans-japanese,sans-serif;
font-weight: 400;
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: source-han-sans-japanese,sans-serif;
font-weight: 700;
font-style: normal;
}
$ cat functions.php
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
// adobe fonts
add_action(
'wp_head', function() {
?>
<script type='text/javascript'>
(function(d) {
var config = {
kitId: '********',
scriptTimeout: 3000,
async: true
},
h=************************************************
})(document);
</script>
<?php
}
);
設定覚え書き
「設定」「プライバシー」「ブログの公開状態」に「検索エンジン (例: Google、Sphere、Technorati) やアーカイブサイトなどすべてに対しこのブログを閲覧可能にする」かどうかの設定がある。
プラグイン
プラグインは wp-content/plugins に入れる。
WP Multibyte Patch : WP日本語版には入っている。Add New で検索しても出てこないので後から入れる場合は zip を展開して scp する。
Ktai Style プラグインを利用すると携帯電話からアクセスできるサイトを作ることができる。
emoji プラグイン
wptouch プラグイン
- iPhone/iPod touch 対応
タグクラウドのカスタマイズをするプラグイン
テーマ
Atahualpa Theme
- Configure EXCERPTS : カテゴリ表示などを full post しないと画像が表示されない。
Tarski Theme
- H1 タグを使わないで H2 タグを使おうとする。
- wp-content/themes/tarski/library/helpers/template_helper.php の150行目あたりで直せる。
http://1web-system-school.at.webry.info/201005/article_78.html テーマを作る方法
テーマをカスタマイズする
自動更新で上書きされてしまうことを避けるために以下の方法がある。
- プラグインを別の名前につけかえて運用する
ウィジェット
Recent Posts: more than 15 on WP3
wp-includes/default-widgets.php, lines 542-3
else if ( $number > 15 ) $number = 15;
ここを変えると 15 以上の Recent Posts を表示できるが、wordpress をアップデートするともとに戻ってしまう。
資料
PHPによるWordPressカスタマイズブック―3.x対応
テーマやプラグインの作り方、データベースを直接叩く方法などが解説されている。
Rails で Ruby を覚えるように、WordPress で PHP を学ぶ、というのもアリでは。。
<html> <hr> <div class="amazlet-box" style="margin-bottom:0px;"><div class="amazlet-image" style="float:left;margin:0px 12px 1px 0px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/488337730X/r4wh-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51wTz7ZVbmL._SL160_.jpg" alt="PHPによるWordPressカスタマイズブック―3.x対応" style="border: none;" /></a></div><div class="amazlet-info" style="line-height:120%; margin-bottom: 10px"><div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/488337730X/r4wh-22/ref=nosim/" name="amazletlink" target="_blank">PHPによるWordPressカスタマイズブック―3.x対応</a><div class="amazlet-powered-date" style="font-size:80%;margin-top:5px;line-height:120%">posted with <a href="http://www.amazlet.com/browse/ASIN/488337730X/r4wh-22/ref=nosim/" title="PHPによるWordPressカスタマイズブック―3.x対応" target="_blank">amazlet</a> at 11.02.14</div></div><div class="amazlet-detail">藤本 壱 <br />ソシム <br />売り上げランキング: 23636<br /></div><div class="amazlet-sub-info" style="float: left;"><div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/488337730X/r4wh-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div></div></div><div class="amazlet-footer" style="clear: left"></div></div> </html>
