第15回ゼロから始めるword press勉強会...

25
ゼロから始めるWordPress勉強会 functions.php」に追加して 便利なカスタマイズ(初心者編) 20141023日(木) 中畑隆拓

description

2014年10月23日に茅場町にあるコワーキングスペース茅場町で開催された「第15回ゼロから始めるword press勉強会」で中畑隆拓が発表した資料です。

Transcript of 第15回ゼロから始めるword press勉強会...

Page 1: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

ゼロから始めるWordPress勉強会

「functions.php」に追加して 便利なカスタマイズ(初心者編)

2014年10月23日(木) 中畑隆拓 

Page 2: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

functions.phpとは?

WordPressのテーマを便利にするための いろんなことをPHPで書いておくファイル

Page 3: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

functions.phpのイメージ

<?php

function あんなこと() { あんなことはこうする; }

function こんなこと() { こんなことはこうやって;

}

Page 4: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

外観→テーマ編集で見れます

Page 5: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)
Page 6: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)
Page 7: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

管理画面からのテーマ編集は おすすめしません。

Page 8: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

たとえばどんなこと?

<?php

function あんなこと() { あんなことはこうする; }

function こんなこと() { こんなことはこうやって;

}

Page 9: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

たとえば、こんなサイトがあったとします。

子育て世代ニュース(kosodate-news.com) ママ達が便利なモノや方法を紹介するとっても便利なサイト!

Page 10: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

もし、とって〜もなが〜いタイトルの記事があったとしたら?

とってもとってもとってもなが〜いタイトルとってもとってもとってもなが〜いタイトルとってもとってもとってもなが〜いタイトルとってもとってもとってもなが〜いタイトルとってもとってもとってもなが〜いタイトル

子育てママにぴったり!おでかけエプロン!

普段の記事タイトル(20文字)

ある日の記事タイトル(すごくたくさんの文字)

Page 11: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

タイトル長すぎ!レイアウト崩れる!!

Page 12: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

記事一覧を載せるときにタイトルが長い記事があるとレイアウトがくずれちゃう。 どうにかしてよー!

Page 13: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

それ、functions.phpで 解決できます!

Page 14: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

タイトル表示は、the_title()というタグ

ここを表示する、テーマファイルの中のPHP表記

Page 15: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

<?php

function あんなこと() { あんなことはこうする; }

function こんなこと() { こんなことはこうやって;

}

function タイトルは80文字で区切る() { タイトルを80文字で区切る方法; }

望みをfunctions.phpに記述せよ!

Page 16: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

<?php function あんなこと() {

あんなことはこうする; }

function こんなこと() { こんなことはこうやって;

}

function タイトルは80文字で区切ること() { タイトルを80文字で区切る方法; }

function short_the_title() { $title= get_the_title();  $title = mb_strimwidth($title, 0, 80); echo $title;

}

Page 17: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

functions.phpの中にPHPを書きます

function short_the_title()

Page 18: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

タイトル表示は、the_title()というタグ

ここを表示する、テーマファイルの中のPHP表記

Page 19: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

short_the_title()というfunction(機能)を使う

the_title()

short_the_title()

Page 20: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

タイトルが調節されレイアウトが崩れない!

Page 21: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

他にできること

�  著者情報をコンテンツ最後に表示させる

�  Adsenceをタイトルの後に表示させる

�  画像のサイズをお好みのもので登録する

�  管理画面左メニューから不要なものを消す

�  アップデートお知らせの非表示

�  ユーザー権限によるカスタマイズ

�  固定ページ編集はビジュアルエディター禁止

Page 22: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

WordPressの場合、 プラグインでできることもあります。 でも、PHPを勉強してfunctions.phpにかけるようになれば、僕(プラグイン)がいなくても、いろんなことができるようになるよ。

Page 23: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

どうやってPHPを 勉強したらいいの?

Page 24: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

ゼロからWordPressの テーマを作ってみよう!

PHP, CSS, HTMLがわからなくてもOK

習うより、慣れろ! です!

Page 25: 第15回ゼロから始めるword press勉強会 「functions.php」に追加して便利なカスタマイズ(初心者編)

私が勉強した代表3冊