ブログ「Travel Blog」
作品・ソースコードを見る
以下、「制作のポイント」もぜひご覧ください。
制作のポイント
静的ページの構築は、コーポレートサイトと同様に、HTMLとSCSSを用いて制作しました。
SCSSは、Node.jsを用いてコンパイルしています。
その後「Local」というアプリケーションを使用し、ローカル環境でWordPressテーマ開発を行いました。
WordPressは実務経験が非常に少なかったため、改めて1からテーマ開発を勉強し直し、静的ファイルの構築～テーマ化、そしてLocalから本番サーバーへの引っ越しまでを自力で行いました。
本番サーバーへの引っ越しは、WordPressプラグイン「All-in-One WP Migration」を用いました。
すべてのファイルをエクスポートしてしまうと容量制限を超えてしまったため、画像ファイルは除外して書き出しなおすことで無事に引っ越しができました。
トップページのページネーションの実装は、プラグインではなくfunctions.phpに関数を記述することで行っています。
現在のページ数と全ページ数の取得、次ページ・前ページのリンクの出力まですべてを関数処理しています。
難しく感じたところですが、プログラムそのものやWordPressのテンプレートタグの理解度を深めるためにも、関数記述にチャレンジしました。
グローバルメニューはWordPressで管理可能にしています。
この文章を書いている時点では、サイドバーがWordPress管理にできていないので、次はそこもトライしたいところです。
（ちなみに、各記事のタイトルや内容はChatGPTさんに考えてもらいました。）