SaCSS vol. 24

WordPress を自分好みに
SaCSS vol. 24

understandard

1

今日の内容
• 自己紹介

• WordPress のインストール

• フックとは

• フック実演

2
2

自己紹介
• すぎもとじゅん

• 都内ウェブ制作会社勤務

• WordPress は主に趣味で使用

• understandard というサイトをやってます

4
4

WordPress のインストール

5
5

WordPress のインストール
1. 最新の WordPress をダウンロードし、解凍

2. データベースを用意

3. 解凍したファイルをサーバーにアップロード

4. アップロード先/wp-admin/install.php にアクセス

5. 指示に従いデータベース情報やサイト名などを入力

6. インストール完了

6
6

がっかり？

もし分からないことがあれば検索してみましょう。
同じ箇所でうまくいかなかった方が記事を書いてくれていたり。

また、め組さんがコピーレフトでマニュアルを配布されています。
WordPressのユーザーマニュアルBeta ( http://megumi-manuals.com/ )

7
7

テーマとプラグイン

8
8

テーマ
• 公式テーマディレクトリに1,361テーマ登録
3000万回以上ダウンロードされている
(2011年5月13日時点)

• 個人配布のテーマもある

• どちらを使う場合でも中身をちゃんと確認
（変なコードが埋めこまれていないか）

9
9

Twenty Ten
• WordPress 3.0からのデフォルトテーマ

• ソースコードにコメントがたっぷり

• 勉強するには良いテーマ

• 親テーマとして利用されることも多い

10
10

でも英語・・・orz

11
11


おでさんが翻訳記事書いてくれてます

@odyssey

Twenty Ten テーマのコード内の説明を日本語化しました | Odysseygate.com
http://www.odysseygate.com/archives/1651

12
12

Twenty Ten 以外にも勉強用テーマとして

mypace custom mypace custom V
ManabiTheme http://bit.ly/mHn65o http://bit.ly/jVpGfg
初級編 http://bit.ly/kWUY36
中級編 http://bit.ly/m9eJXT

Toru さん(@waviaei) K さん(@mypacecreator)

13
13

• WordPress はプラグインも豊富

• 公式プラグインディレクトリに14,376個登録
1億7000万回以上ダウンロードされている
(2011年5月13日時点)

• フォーム、メルマガ配信、カート機能、
ソーシャルサービスとの連携などなど

14
14


やりたいことがあればまずは

「WordPress 欲しい機能」
でググってみましょう

15
15

これだけだと
WordPress を紹介してるだけ

16
16

フックとは

17
17

フックって何？
• プラグインの根幹

• 2つに分けられる

• フィルターフック

• アクションフック

18
18

フィルターフックとアクションフック

フィルターフック
WordPress から受け取った内容を、
変更して WordPress に戻す

アクションフック
WordPress とのやりとり必要なし
独自の処理を実行

19
19

フック実演

20
20

フック実演

functions.php 記述するだけ！
簡単カスタマイズ

21
21

管理バーをコントロール
• 管理バーは ver. 3.1から WordPress に導入

• ログイン中にサイトを見ると表示される

22
22

管理バーを一括非表示に
function my_function_admin_bar(){
return false;
}
add_filter('show_admin_bar', 'my_function_admin_bar');

↑
上を省略すると下になる
↓
add_filter('show_admin_bar', '__return_false');

23
23

前のページに出てきた「__return_false」は、
WordPress 3.0から追加された関数で、単純に false を返すだけ。

function __return_false(){
return false;
}

その他に「__return_true」、「__return_zero」があり、
それぞれ true と0を返します。

function __return_true(){ function __return_zero(){
return true; return 0;
} }

24
24

先程のコードで管理バーが非表示になりますが、
プロフィール画面にはチェックボックスが残ってしまいます。
※ ここで選択しても管理バーのオンオフには影響しません

プロフィール画面からチェックボックスを消すには以下のコードを追加

add_action('admin_print_styles-profile.php',
'disable_admin_bar_prefs');

function disable_admin_bar_prefs() {
?>
<style type="text/css">
.show-admin-bar {display: none;}
</style>
<?php
}
25
25

管理者のみ管理バーを表示
function my_function_admin_bar($content){
return(current_user_can("administrator")) ? $content : false;
}

管理者と編集者のみ管理バーを表示
return(current_user_can("edit_pages")) ? $content : false;
}

※ 各権限がデフォルト設定のままの場合

26
26

ユーザー “hoge” のみ管理バーを表示
global $user_login;
return($user_login === 'hoge') ? $content : false;
}

※ あまり使い道ないかも

27
27

Debug Bar というプラグインをインストール

wp-conﬁg.php に以下の3行を追加
define('SAVEQUERIES', true);
define('WP_DEBUG', true);
define('WP_DEBUG_DISPLAY', false);

参考: WordPress 開発に便利なプラグイン Debug Bar : dogmap.jp
http://dogmap.jp/2011/03/08/wordpress-debug-bar/

28
28


どんな Query が実行されているか分かる

29
29

出力をコントロール

the_content() と the_excerpt()
の出力をカスタマイズ

30
30

the_content() で出力した時に
続きを読むリンクにつく#more-XXX を削除

function custom_more($output) {
$output = preg_replace('/#more-[d]+/i', '', $output);
return $output;
}
add_filter('the_content_more_link', 'custom_more');

31
31

the_excerpt() の制限文字数を変更する
※
デフォルトでは110文字の表示数を自由に設定
※ WP Multibyte Patch を使用している場合

function change_excerpt_mblength($length) {
return 20;
}
add_filter('excerpt_mblength', 'change_excerpt_mblength');

32
32

the_excerpt() で表示される「[...]」を削除

function more_text($more) {
! return '';
}
add_filter('excerpt_more', 'more_text');

33
33

WordPress で困ったら
• じっくり考えてみる

• 検索してみる

• フォーラムを見る、聞く

35
35

それでも分からない時は・・・

36
36

WordPress のおぢさんに聞きましょう

37
37

SaCSS vol. 24

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (7)

Ähnlich wie SaCSS vol. 24

Ähnlich wie SaCSS vol. 24 (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (10)

SaCSS vol. 24