カスタム投稿のラベルから、カスタム投稿の情報を取得する
例）ラベル：ごはん／スラッグ：gohan の記事を取得 ◆get_post_type_objectを使用 <?php $get_post_type_object = get_post_type_object('gohan'); ?> ※必要なものを直接指定する場合 <?php echo get_post_type_object('gohan')->label; ?> […]
2020年
2/2ページ
iPhone端末でDate関数が取得できないときの対応
json形式で取得した日付入りの配列を用いて「◯日以内ならNewアイコンを付ける」処理を設定していた。 new Date関数で、取得した日付「2020-05-19 05:50:43」を取得。 現在の日時と比較していたが、この日付の指定ではiPhone端末でDate関数で値が変換できない。 「2020-05-19T05:50:43」の形にする必要があったため、replaceの変換を追加した。 ◆元の […]
簡単に郵便番号を自動入力する機能を追加できる「YubinBango.js」
- 2020.05.19
- YubinBango.js, 自動入力, 郵便番号
郵便番号の自動入力のスクリプトを探していたら、簡単に導入できるものを見つけた。 郵便番号のコードをサイトに入れなくていい（更新したり管理しなくても良い）のと、導入方法がシンプルで早いため案件作成時に重宝した。 ライブラリの取得＆解説はこちらを参考にしました。 郵便番号の自動入力「YubinBango.js」の使い方と都道府県コードを使う方法 ◆導入した見本 ◯郵便番号入力前 ◯郵便番号入力後 ※郵 […]
cssのIDやclassの先頭に数字を使う
cssのIDやclassの先頭に数字を用いることは出来ない。（num01のように、後ろにつけることはできる） 404ページのURLが/404/などの場合、ページと同じID/classを動的につける場合にそのページだけ処理を変えるなど行っていた。 ただし、下記のように数字をエンコードすると、css内でも数字を用いる事が出来るようになる。 エンコードを調べる：https://mothereff.in/ […]
vue.jsの自分用メモ書き
- 2020.03.14
◆ボックスの情報を取得 １、refで名前を指定 <div ref="box"></div> 2、要素の情報を取得（下記では高さ） let scrollHeight = this.$refs.box.clientHeight; ◆子供要素から親要素に値を渡す １、親に値を渡す this.$emit(‘hogehoge’, this.index); ２、 […]
imgをmargin: autoで中央寄せにする
- 2020.02.10
よく忘れるのでメモ。 画像はインライン要素のため、margin: autoが効かない。 display: block を行い、ブロック要素に変更する。
vue.jsでスライダーを導入する
htmlで実装していたページをvue.js形式で作り直すことになった。 その際にスライダーを導入する必要があったため下記の対応を行った。 １、VueAwesomeSwiperを追加 ◯yarnでのインストール yarn add vue-awesome-swiper ◯npmでのインストール npm install vue-awesome-swiper ２、main.jsへの記述追加 // Swip […]
VSCodeの設定変更手順
- 2020.01.08
- ESLint, Prettier, stylelint-plus, VSCode
VSCodeのESLint拡張により、ソースコードの自動整列が効かなくなった。 そのため拡張機能を変更したのでメモ。 1.拡張機能Prettierを無効にする 2.拡張機能stylelint-plusをインストール 3.settings.jsonの設定を下記のようにする "editor.codeActionsOnSaveTimeout": 2000, "editor.codeActionsOnSa […]