IMUZA.com

Xserver << WordPress(ConoHa) << はてなブログ

unsplash-logoFrankie
▼

タグクラウド

cms-style Xserver セキュリティ Linux laravel4 Plamo ConoHa WING Dropbox GIMP rails入門 CSS Android Mactype 静的サイトジェネレーター はてなプラグイン スマートフォン Amazon Chrome WebTips Blankslate SASS データベース genesis Windows Joomla!更新 Twitter はてなテーマ iPhone Ubuntu はてなブログ youtube pa-api SSD Docker はてなブクマ Node.js Python php GitHub Facebook javascript 映画 Firefox Joomla! WordPress Git入門 PC全般 Google

Pick Up!

01

WordPressテーマをゼロから自作する

当サイトは、空白の index.php, style.css からスタートした自作テーマで運用しています。また、プラグインもサイトマップ用と広告用の2つしか入れていません。

その制作過程の記事一覧です。試行錯誤の経緯ではありますがテーマ自作の参考にしていただける情報もあるかと思います。

  1. WordPressのテーマをゼロから作ってみる
  2. テンプレートタグを入れてみる
  3. メニューの登録、作成、表示
  4. ウィジェットエリアの作り方
  5. 階層化パンくずリスト、ページネーション、ページャー
  6. テンプレート階層がややこしすぎる
  7. レスポンシブデザインのブレイクポイント
  8. title,meta description用カスタムフィールド
  9. wp_robots()でrobotsメタタグを制御する
  10. canonicalタグを制御、出力する
  11. wp_head()でOGPタグを挿入する
  12. JSON-LD構造化データを出力する
  13. メニューにiconを使い、id,classを整理カスタマイズ
  14. 直近の期間指定ができる人気記事表示を自作する
  15. GoogleタグマネージャーとアナリティクスGA4
  16. SNSシェアボタンを設置する
  17. サムネイル付き次の記事/前の記事
  18. メール送信にGmailのSMTPを使う
  19. Fetch（Ajax）でお問い合わせフォーム
  20. 完成
02

はてなブログからWPへ正しい移行の仕方

当サイトは、長くはてなブログを使用していましたが、2年ほど前にWordPress に移行しました。その後、1年ほど Conoha Wing を使い、現在は Xserver で運用しています。次の記事では、はてなブログから WordPress に移行する場合のノウハウと便利なプラグインを紹介しています。

最新記事

最新記事を一覧で見る

人気記事一覧

人気記事一覧を一覧で見る