WordPress自作テーマ作成への道

今回、WordPressで自作テーマ作成をしましたので、どの様にして作ったのか記事にしていこうと思います。

これから勉強を始める方のお役に立てばと思います。

機能紹介

リスト

リストを作ると装飾

  • リスト1
  • リスト2
  • リスト3

会話風

ゆーき

ショートコードを用意して簡単に会話形式に出来ます!

はるかちゃん

これは使いやすいですね!冒頭部分はこれでいきましょう!

ゆーき

いいね!ドンドン多用していきます

マーカー

簡単に黄色マーカーを引いたり

ピンク色のマーカーを引いたり、青色マーカーを引いたり

目次

上の目次は、自動的に生成されます

ki黄色塗り

YouTube

YouTubeのURLを貼り付けるだけで、レスポンシブ対応したYouTube動画をはめ込み

その他実装した事

お問い合わせフォーム

プラグイン「Contact Form 7 」を使用して、以下のお問い合わせフォームを作成致しました。

記事検索

search.phpとsearchform.phpを作成し、記事検索を実現

トップページから検索出来るようになりました

レスポンシブ

スマホで見る場合は、ハンバーガーメニューが表示され、その場合はサイドメニューの情報やお問い合わせリンクが表示されるように対応

これから対応する事

Google検索出来るように対応

まずはここからですね。

プラグイン「 All in One SEO Pack」の導入から?

Twitterカードの登録

記事をTwitterに貼る場合にサムネイルが表示される様に修正

SEO対策として表示速度向上

今のところ表示速度が65点?ちょっと遅めなので、もっと早く表示されるように諸々修正が必要。やることいっぱい!