「WordBench京都 3月 テーマ作成とサイト改善の話」でテーマ作成についてお話ししてきました!

3/25 に行われた「WordBench京都 3月 テーマ作成とサイト改善の話」でWordPressの公式テーマ「moca」を作ったお話しをさせていただきました!

WordPress公式テーマを作成してみてからの変化

わたしはWorPressの公式テーマを作成してみて勉強になったこと、楽しかったことなどをお話しさせていただきました。

公式テーマを作ったら、普段のお仕事の役にたつのかなと思いつつ公式テーマ作成をしていましたが、やってみるとよいことがたくさんあったので、挑戦してみてよかったです!

スライドでご紹介したカスタムロゴ機能のコード

Theme Logo « WordPress Codex

カスタムロゴは functions.php へ以下のようなコードを記述することで有効化できます。

add_theme_support( 'custom-logo',
  array(
    'width'       => 250,
    'height'      => 250,
    'flex-width'  => true,
  )
);

管理画面からアップロードしたロゴ画像は以下のコードで呼び出せます。

$custom_logo_id = get_theme_mod( 'custom_logo' );
$image = wp_get_attachment_image_src( $custom_logo_id , 'full' );
echo $image[0];

ホームURLのリンク付ロゴとして呼び出すなら

以下のコードをテーマファイルへ記述することで簡単に呼び出せます。

if ( function_exists( 'the_custom_logo' ) ) {
  the_custom_logo();
}

ログイン画面のロゴ変更カスタマイズ

functions.php へ以下のコードを記述します。

function custom_login_logo() {
  $custom_logo_id = get_theme_mod( 'custom_logo' );
  $image = wp_get_attachment_image_src( $custom_logo_id , 'full' );

  if( !empty( $image[0] ) ){ ?>
    <style type="text/css">
      #login h1 a {
        background-image: url(<?php echo esc_attr( $image[0] ); ?> );
        background-size:contain;
      }
    </style>
<?php }
}

あと、当日は post class() テンプレートタグ/post class 関数と、サイトアイコン機能についてご紹介させていただきました。

特にサイトアイコン機能は、テーマ関係なくデフォルトで使用できるとっても便利な機能なのでぜひ使ってみてくださいね!

当日の内容や様子について

「仕事ではじめて子テーマ使ったときに思ったこと」

わたしは子テーマをあまり使ったことがなかったので新鮮でした!質疑応答の中でスターターテーマや、テーマフレームワーク Thematic — Free WordPress Themes も話題に上がりました。テーマを作るにもさまざまな選択肢がありますね!

「UX基礎の基礎」

UX/UIっていまいち明確な違いなどがわからなく、書籍を見ても専門用語がたくさんでてくるしで難しいなと思ってたのですが、とてもわかりやすくお話しして頂けて少し理解が進みました。お話し聞けてとてもよかったです!

「Google Optimizeで始めるA/Bテスト」

Google Optimizeのデモをみせて頂けて、体感的にどのようなものかを知ることができました。CSSのdisplay:noneで表示を制御できるようなので気軽にチャレンジできそうです!

WordBench 京都でGoogle Optimizeを使ったA/Bテストの話をしてきました #wbkyoto | chiilog

「アクセス解析からのサイト改善」

ブログのアクセス解析の検索クエリから、記事のタイトルを変更するなどの改善をしていくお話しでした。具体的な実例を交えてのお話しで説得力があり、なるほど!な内容でした。私もブログのアクセス解析やってみたいと思いました!

WordBench京都3月「アクセス解析入門」で登壇しました。 | よしぱんblog

Togetter まとめ

WordBench京都 3月 テーマ作成とサイト改善の話 #wbkyoto – Togetter

こちらの記事 3月のWordBench京都でテーマやサイト改善について考えてきました | Cherry Pie Web などをお読みいただくと内容がよりよくわかるかと思います!

(※柴犬の公式テーマを作りましょうよ〜って言ったような気もしないでもないですw(酔っぱらいですみませんでした><)でも、もしあったらめちゃくちゃ素敵だなと思います!!!)

WordBench京都に参加した感想など

WordBench京都は他のかたも書かれている通りディスカッションが活発で、会場全体からいろんなお話しを聞けて楽しかったです。今回のWordBench京都にお声がけ頂けたのも、テーマ作成をある程度のスピード感で完了できたのも、なんとなくでそういうことになったのですが、WordBench京都に参加できてよかったです。懇親会も含めすごく楽しんで帰ってきました!

京都のみなさんありがとうございました!!

はるぅな(@haruna1221)さん に書いて頂いたイラストとっても嬉しかったです(*^^*)

Related Article

No Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー トラブル コードサンプル コンテンツ スライドショー jQueryプラグイン php 引っ越し 素材 お知らせ JavaScript Facebook CSS カテゴリー 投稿タイプ IE HTML5 Shareボタン seo レスポンシブ Photoshop タクソノミー ナビゲーション カスタムメニュー Git Macアプリ サイドバー WPセキュリティ SVG iTunes PHPリファレンス API WP使い方 query_posts データベース get_posts() 条件分岐 コメント function RSS スマートフォン Sass/Compass さくらVPS