Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
【WordPress】日付一覧ページで年を指定する方法
日付一覧ページのテンプレートファイル「date.php」で、投稿した年を指定する方法について書いていきます。 記事の取得は、get_postsで行っています（WP_Queryを使うやり方もあります）。 URLに含まれる投稿年の数字を取得する まずは、get_query_varでURLに含まれる投稿年の数字を取得します。 例えば、2020年3月の場合2020が取得されます。 引数 …
wp show posts
先ほどクラウドワークスでこのようなお仕事がありました。 私は「wp show posts」というプラグインを使ったことがなかったので、使ってみたいと思います。 wp show postsはどんなプラグイン？ 記事一覧を作成できるプラグインです（プラグインのページはこちら）。 プラグインを有効化してみた wp show postsを有効化したら、サイドバーに表示されました。 記事 …
CDNから直接Vueを使用する方法、宣言的レンダリング、リアクティビティー（カウンター）
CDNから直接Vueを使用する方法 宣言的レンダリング リアクティビティー（カウンター） について書いていきます。 サンプルコード index.htmlをブラウザで開くと、サンプルが表示されます。 https://github.com/ki-hi-ro/my-vue-js/tree/main/vue-js-1 このようなサンプルです。 CDNから直接Vueを使用する方法 以下の …
レスポンシブコーディングではコンテナをしっかりと設定しよう
私はこれまでにWEBサイトのレスポンシブコーディングを行ってきました。 レスポンシブコーディングとは、スマホ・タブレット・ノートパソコン・大きい画面などの様々な画面幅に対応させるコーディング手法です。 レスポンシブコーディングを行う上で重要なことはいくつかありますが、この記事では、コンテナをしっかりと設定しましょうというお話をしていきます。 コンテナとは 例えば、MUJI HO …