WordPress

CMSシステム。PHP と MySQL を必要とする。apache と併用される。

ダッシュボード(管理用画面)からシステムのアップデートを簡単に行える。

WYSIWYGのコンテンツ作成ができる。

画像のアップロードが記事の作成画面から利用できる。 アップロードされた画像をリサイズしてくれる(回転はできない?対応したかも)。

スキンをダッシュボードから導入して選ぶことができる。

入手可能なスキンが豊富だが、日本語にきちんと対応していないものも多い。

ソースコードの閲覧 http://core.trac.wordpress.org/browser

2011年ごろ 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対応

テーマやプラグインの作り方、データベースを直接叩く方法などが解説されている。

RailsRuby を覚えるように、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>

wordpress.txt · 最終更新: 2019/03/09 10:49 by Takuya Nishimoto
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0