WordPress化

archive.phpの編集ではスマホレスポンシブ時のページネーションのWordPress化を、searchform.phpの編集では検索フォーム機能を実装しました。検索キーワードの受け渡しやキーワードを検索語も保持する方法、検索結果ページのスタイル修正を行います。

WordPressのアーカイブページのアイキャッチの出力やタイトルの出力や抜粋、リンクの出力、必須のページネーション機能を実装しました。出力するものがとても多いアーカイブページですが初めてでもつまずきなく完了することができました。

投稿ページをWordPressで編集したものを出力する編集とサイドバーにカテゴリーを希望通りの順に表示させ階層化する編集を行いました。サイドバーのカテゴリーの順番をプラグインで簡単に入れ替えたりカテゴリーの階層をクリック一つで表示させる方法をご紹介しています。

前回page.phpのWordPress化でスタイルが崩壊してしまった固定ページの修正を行いました。HTMLの親子関係に気を使いながらプロパティの引っ越しを行うことで最初からまたスタイルを組み直すことなく修正を行うことができました。

ホームページ下のフッターにあるリンクから指定の固定ページに飛ばしたり記事の内容をWordPressで編集できるようにfooter.phpとpage.phpを編集しました。指定ページに飛ばすのは<a>のhref部分を書き換えることで簡単に遷移させることができました。

サイドバーパーツをsidebar.phpとしてWordPress化を進めていきます。ウィジェット機能をつけWordPressでサイドバーの管理をするためにどのようなことをすれば良いのかプログラミング初心者もできた方法についてご紹介しています。この記事ではサイドバーにカテゴリーを表示させるように編集を行います。

WordPress化で反映されなくなった背景画像とjQueryを解決することに成功しました。その原因は画像のパスの通し方と</body>の前に必須の『あの』WordPressテンプレートでした。どのように解決できたのかご紹介しています。

本格的にWordPressテーマ化に取り掛かります。まずは全ページ共通パーツのheader.phpをWordPressで管理できるように編集を行います。基本情報のWordPress化には成功しましたが最後の最後でCSSが反映されないハプニングが発生してしまいました。

コーディングしたHTMLファイルデータをWordPressテーマとして動かすためにまず必要な作業「ローカル環境の構築」「共通パーツの分割」を行いました。HTMLファイルをローカル環境構築やテーマ反映に必要なファイルの作成、分割方法についてご紹介しています。