2013.7.13　WordBench 神戸　「お気に入りのテーマを見つけよう！yoko編」で発表させていただきました

2013/7/13日の第24回WordBench神戸 ~ いろんなテーマをご紹介&pre_get_postsの使いかたというセッションの「テーマ紹介」の一部を担当させていただきました。
当初、40名程の会場だし・・・という事で軽い気持ちで引き受けたのですが・・・

参加募集4日程で枠が埋まってしまい、70数名という方がお越し下さいました！
（あんまり人が多いと緊張するやん！？）

今回の発表に関しては、スライドを公開する予定はなかったのですが（内容がちょっと公開しにくい部分が多々あり・・・）
公開希望というお声を若干の方からいただいたので・・・・
「こうなりゃ、今回の為に余ってるドメインにサンプルで作ったブログやけど、今後もやって行こうじゃないか！」という事でこちらの記事に当日の内容をまとめてみました。

このブログのテーマでも使ってる「yoko」のご紹介

http://wordpress.org/themes/yoko

ブログとして使うには、シンプルで最適なテーマ「yoko」
3カラムの少し幅が広いデザインで、ファイル数も少なくて制作者側も触りやすい感じ。
「yoko」って「横」って読むと思ってたら「ヨーコ」って読むらしい。(^^ゞ

価格	￥0
デザイン	★★★☆☆
難易度	★★☆☆☆
機能	★★☆☆☆
SEO対策	★★☆☆☆
レスポンシブ	○
用途	ブログ用・ビジネス用

日本語翻訳ファイルがあります

海外の公式テーマを、いくつもダウンロードして試してみたりもしましたが・・・・
フォント設定が本当にややこしい！！

・細かくフォントの設定しすぎ！
・「Continue Readimg →」とか「Previous　Post」とか 日本語で「続きを読む」とか「前のページへ」とかにしたい！

※以前、海外の公式テーマを使ってみようと為した所、日本語表記がおかしくなったりという事例が発生した経験あり。

という事で、この「yoko」を日本語翻訳してみましょう。

WordPressのYokoテーマの日本語翻訳ファイルを作りました。
という素敵な方が・・・

FIREGOBY　みやさん　http://firegoby.jp
日本語ファイルをダウンロードすると「languages」というフォルダがあります。
中身は「ja.mo」と「ja.po」という2つのファイル。


ダウンロードした2つのファイルを「yoko」のテーマファイルの中の「languages」のフォルダに入れます。

(※クリックで拡大）
そしてFTPでアップロード。そうすると・・・・


こんな感じで、日本語の表記になりましたね！
各テーマファイルの「Continue Reading →」とか「Previous　Post」とか、文字列を探してテーマファイルを書き変えなくてOKなので、かなり楽チンですね！
※私はこういう細かい部分が日本語なだけでかなり安心します(笑)

「yoko」の使いやすい所

・初心者の方でも、テーマファイルを触る事なく、ちょっとした部分が触れるようになっています。

テーマの色＆ロゴを変える！

「外観」→「テーマオプション」
「カラーを選択」でカラピッカーが出るので、好きな色を選択します。
ロゴもアップロードだけで変更OKですよ。

背景色、背景画像を変える！

「外観」→「テーマ」→「カスタマイズ」

背景色や背景画像の変更の他にも、ここで設定できる項目がいくつかあります。
設定したい項目を選択するだけでOKです！

ヘッダー画像を変える

↑のヘッダー画像でも、変更できますが、「外観」→「ヘッダー」で変更可能。
ここではランダム表示などの設定が出来ます。
※画像の大きさ（高さや幅を変更したい場合は）はFunction.phpを書きかえると変更OK！
function.phpの68行目と69行目の

<span style="background-color: #c5c5c5;">    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'yoko_header_image_width', 960 ) );</span>
<span style="background-color: #c5c5c5;">    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'yoko_header_image_height', 305 ) );</span>

という部分の幅と高さを指定してくださいね。
※image_width で960に、image_heightで305に変更しています。

固定ページの場合も「アイキャッチ設定」だけでヘッダー画像を変えれる

固定ページを作った場合は、固定ページの「アイキャッチ画像」に画像を入れると、ヘッダー画像がその画像になります。
このブログの「ABOUT」や「CONTACT」にアイキャッチ画像を設定していますので、他の投稿記事とは違うヘッダー画像になっていますよね！

まとめ

もちろんウィジットやカスタムメニューにも対応しているので、その辺りもちゃちゃっと設定できて便利です！
何より、お客様にブログを付けてあげた時に・・・

「私でも背景を簡単に変えれました！」

「気分によって、テーマカラーを変更してみました！」

「メニューもサイドバーも好きに増やせるんですね！」

「アイキャッチ画像があるだけで、テンション上がりますね！」

「しかも、スマホ対応だなんて、今時って感じ！！」

等々・・・・

続々とお喜びの声をいただいております！！(笑)

頑張ってブログ更新してもらう事が、サイトのアクセスアップに繋がるはず・・・。楽しいブログライフのためにもね！
初心者の方でも、少し触れるだけでブログを書く事が楽しくなるはずです！

と、当日お話した内容は一部書けない部分がありますが(^^ゞ
以上、テーマ「yoko」についてでした！

※このブログはyokoを使っていますが、3カラムを2カラムに変更したり、一部テーマファイルも変更しています