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 する。

http://eastcoder.com/code/wp-multibyte-patch/

Ktai Style プラグインを利用すると携帯電話からアクセスできるサイトを作ることができる。

http://sourceforge.jp/projects/wppluginsj/releases/

emoji プラグイン

情報源

wptouch プラグイン

iPhone/iPod touch 対応

タグクラウドのカスタマイズをするプラグイン

Orzeszek Tag Cloud

テーマ

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 テーマを作る方法

テーマをカスタマイズする

自動更新で上書きされてしまうことを避けるために以下の方法がある。

子テーマを使う
プラグインを別の名前につけかえて運用する

ウィジェット

資料

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>

ja.nishimotz.com

目次