---
title: WordCamp Nagoya 2010 初心者向けLT 2010年10月30日発表
tags:  #wordpress  
author: [Kさん（のむらけい）](https://convert.docswell.com/user/mypacecreator)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/PJR9W8ML79.jpg?width=480
description: PHPが分からなくてもテーマいじりは怖くないっ！！初心者向けフリーテーマ&quot;Mypace Custom&quot;のご紹介 ※当該テーマは2016年9月をもってサポート終了しています。
published: October 30, 10
canonical: https://convert.docswell.com/s/mypacecreator/ZVJVM4-wordcamp-nagoya-2010-lt-phpmypace-custom
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/PJR9W8ML79.jpg)

WordCampNagoya
Lightning Talk
2010.10.30 Sat/in Nagoya-city University
Kei Nomura


# Page. 2

![Page Image](https://bcdn.docswell.com/page/3EK9DK5GED.jpg)

自己紹介
 なまえ
野村 圭
 Web業界歴
約5年
 Web制作歴
約1年半
 WordPress歴 約１年


# Page. 3

![Page Image](https://bcdn.docswell.com/page/87DKYR3YJG.jpg)

Twitterでは…
@mypacecreator
Kさん＝
マイペース
クリエイター


# Page. 4

![Page Image](https://bcdn.docswell.com/page/2EVV38XXEQ.jpg)

WordPressをやるからには。
• HTMLとCSSはちょっとだけわかる。
• テーマデザインをカスタマイズしたい。
• 自作テーマをつくりたい。
でも・・・
PHP、
わかりません。


# Page. 5

![Page Image](https://bcdn.docswell.com/page/4EQY5Z6YJP.jpg)

ソース解読を試みるも・・・
コメントが英語！！
divタグや、PHP文の
入れ子が多すぎっ！！
開始タグはあるけど、
終了タグはどこにあるの!?
…etc


# Page. 6

![Page Image](https://bcdn.docswell.com/page/LE1YK14D7G.jpg)

CSSなら読めるかなと思いきや…
CSSハック使い過ぎ！
フォントが欧文用！
!important
使い過ぎ！


# Page. 7

![Page Image](https://bcdn.docswell.com/page/GEWGD8X8J2.jpg)

とにかく、一目見るだけで
＼(^o^)／
ﾜｶﾗｰﾝ
だから、つくりました。


# Page. 8

![Page Image](https://bcdn.docswell.com/page/47ZLG869J3.jpg)

 初心者が作った
 初心者のための
 カスタマイズ練習用の
 シンプルなテーマファイル
それが “mypace custom” テーマ


# Page. 9

![Page Image](https://bcdn.docswell.com/page/YJ6WYP2DJV.jpg)

“mypace custom” テーマの紹介
①
できるだけ
シンプルなソース


# Page. 10

![Page Image](https://bcdn.docswell.com/page/GJ5MGK28J4.jpg)

①できるだけシンプルなソース
header
menu
sidebar
loop
footer


# Page. 11

![Page Image](https://bcdn.docswell.com/page/LE3WRZKGE5.jpg)

“mypace custom” テーマの紹介
②
欲しいところに
コメントを。
（日本語）


# Page. 12

![Page Image](https://bcdn.docswell.com/page/8EDKYR3N7G.jpg)

②欲しいところにコメントを
（一部の）
テンプレートタグに補足文
PHPファイルやdivタグの切れ目に
コメント


# Page. 13

![Page Image](https://bcdn.docswell.com/page/V7PK6W4NJ8.jpg)

“mypace custom” テーマの紹介
③
ウィジェットや
3.0の新機能にも
（一部）対応。


# Page. 14

![Page Image](https://bcdn.docswell.com/page/2JVV38XYJQ.jpg)

③あるとうれしい機能対応
 複数ウィジェット対応
 カスタムメニュー対応
 カスタム背景機能対応
 投稿アイキャッチ対応


# Page. 15

![Page Image](https://bcdn.docswell.com/page/5EGL35VWJL.jpg)

3-1.複数ウィジェット対応
functions.php内の
数字を変えれば
ウェジェットの数も
自由に変えられます


# Page. 16

![Page Image](https://bcdn.docswell.com/page/4JQY5Z6Q7P.jpg)

3-2.カスタムメニュー対応


# Page. 17

![Page Image](https://bcdn.docswell.com/page/K74W934YE1.jpg)

3-3.カスタム背景機能対応
CSSをいじらなくても
管理画⾯上から
背景色・テクスチャ画像を
変更できる！


# Page. 18

![Page Image](https://bcdn.docswell.com/page/LJ1YK14NEG.jpg)

3-4.投稿アイキャッチ機能
投稿ごとにイメージ画像を
固定位置に挿入できる


# Page. 19

![Page Image](https://bcdn.docswell.com/page/GJWGD8ZM72.jpg)

“mypace custom” テーマの紹介
このテーマを使えば、
初心者でもなんとな〜く
WPテーマの構造が
分かってくるんじゃないかな


# Page. 20

![Page Image](https://bcdn.docswell.com/page/4EZLG81M73.jpg)

“mypace custom” テーマの紹介
ダウンロードは・・・
http://mypacecreator.net/
マイペースクリエイタードットネット
ありがとう
ございましたっ
へアクセス！！


