Web
WooCommerce：商品ページに noindex を指定する
商品ページに Meta robots noindex を指定する方法を調べたので記録。 [crayon-6a8274a0d58b1426999553/] 参考ページ Topic: Set “noindex, nofollow” for all products in Woocommerc...
WordPress 2018.11.11 お母ちゃん 
ブラウザシンクだけの gulpfile.js メモ
gulp とbrowser-sync のインストール インストールするディレクトリに移動し、npm install [crayon-6a8274a0d5b0a637752564/] gulpfile.js の作成 ディレクトリにgulpfile.js を作成 gulpfile.js [c...
Web 2018.11.10 お母ちゃん
WordPress：コメントの項目名をjQueryで変更
コメント の項目に「任意」を追加するのに、WP側の修正は少し面倒そうだったので jQueryで変更しました。 「コメント」以外に（任意）を追加する [crayon-6a8274a0d5bdd614340958/] 各項目テキストを個別で変更する場合 [crayon-6a8274a0d5b...
Web 2018.11.6 お母ちゃん
WooCommerce：決済画面の住所入力を非表示にする
デジタルコンテンツ販売であるため、住所入力は必要無いと思い非表示にしました。 ※まず、Storefont の子テーマを作った上でカスタマイズします。 子テーマを作成した記事はこちらです： WooCommerce : Storefront の子テーマを作成 - WordPress - Home ...
WordPress 2018.11.5 お母ちゃん
WooCommerce : Storefront の子テーマを作成
Storefront の子テーマを作成しました。 Storefront の子テーマについて 公式サイトでおしゃれな子テーマも販売されています。 Storefront Themes - WooCommerce 無料のものもあるようです。 Boutique - WooCommerce ...
WordPress 2018.11.4 お母ちゃん
WooCommerce：Stripe の設定・注文テスト
WordPress + WooCommerce で音楽販売サイトを作成しました。 WordPress + WooCommerce で デジタルコンテンツ販売のECサイトを作成 今回は Stripe の設定と注文テストについての記録です。 Stripe の設定 エンドポイントの設定 ...
WordPress 2018.11.2 お母ちゃん
WordPress & WooCommerce で 音楽販売サイトを作成
WordPress & WooCommerce で音楽販売サイトを作成しました。 WooCommerce について プラグインは WooCommerce にしました。 販売するコンテンツはデジタルデータだけだし機能もシンプルな方が良いと思ったので、最初は Easy Digital ...
JS でデバイス判定して viewport 設定
スマホでは width=device-width を指定し、それ以外ではwidth=1200（最低表示させたいサイズ）を指定 [crayon-6a8274a0d5dde969607159/] コンテンツの min-width は 例えば 960pxとかになっていて、タブレットでは PCと同じ（...
Web 2018.10.9 お母ちゃん
HTML と CSS だけでラジオボタンの画像選択 & 選択状態
font-awesome で アイコン選択にしてみた。 See the Pen ラジオボタンの画像選択 & 選択状態をCSSだけで実装 by HomeMadeGarbage (@hmg) on CodePen. 切り替わるテキストは position: fixed; で指...
Web 2018.10.3 お母ちゃん
レスポンシブサイトのスマホ表示で左右に動いてしまうときの対処法
はみ出しているコンテンツは何もないのに右側に謎の余白が出来て左右に動いてしまうときの対処法 [crayon-6a8274a0d5f43146070462/] ※ max-width: 749px のところはサイトのブレークポイント...
Web 2018.9.30 お母ちゃん
動画背景の上に、動画の再生位置に合わせて画像・テキストを表示する
動画背景の再生位置に合わせて画像やテキスト表示する See the Pen QZwjzw by HomeMadeGarbage (@hmg) on CodePen. timeupdate , currentTime timeupdate、currentTime で再生位置を取得し表示を切り...
Web 2018.9.29 お母ちゃん
RaspberryPi サーバ & WordPress ブログ を XSERVER に サーバ移転
先日の北海道地震の停電で、ラズパイ自宅サーバで運用しているこのブログも数日間ダウンしてしまいました。 「そのうちドメイン取得してレンタルサーバに移行しようか〜」とは考えていましたが、これを機に移行をすることにしました。少し名残惜しくはありましたが。 XSERVER 色々調べてみるとXSERVE...
Raspberry Pi / Web / WordPress 2018.9.26 お母ちゃん
セレクトボックスで表示切り替え
セレクトボックスで要素の表示をフェード切り替え See the Pen ZMKLJj by HomeMadeGarbage (@hmg) on CodePen....
Web 2018.9.5 お母ちゃん
横幅いっぱいmp4のレスポンシブ背景（キービジュアルなど）
video タグだと Chrome で動かなかったので video.js を使いました。 video.js Video.js: The Player Framework CDNを利用する場合 head [crayon-6a8274a0d61ee013044072/] bod...
Web 2018.8.21 お母ちゃん
WordPress のカスタムフィールドをグループ化して復数追加可能にする（ Custom Field Suite プラグイン）
ショップサイトを作りました。 https://homemadegarbage.com/shop/ 作成するにあたって、記事に以下ののように情報を登録していきたいと思い、 調べてみたら Custom Field Suite というプラグインが無料でカスタムフィールドグループの入れ子が可能だったの...
WordPress 2018.5.1 お母ちゃん
