wordpress設計術
-
2024/04/22 / wordpress設計術
Yoast SEO でtitleが出ない時にチェックするところ
Yoast SEOを入れたらheadにtitleとdescriptionを入れない。 その際にtitleが表示されない場合は下記をチェックする。 wordpressの左→Yoast SEO→設定 →一般→サイトの基本→（中央までスクロール...
続きを読む
-
2024/04/22 / html+css
WEBサイトが開いたときにムービーが動いている
<video id="video" webkit-playsinline playsinline autoplay loop muted src="../images/movie.mp4"> iPhone12でも動く ...
続きを読む
-
2024/03/20 / wordpress設計術
wordpressの記事内にショートコードでphpテンプレートを呼び出す
functions.phpに記載 function my_php_Include($params = array()) { extract(shortcode_atts(array('file' => 'default'), $p...
続きを読む
-
2024/03/14 / html+css
headerを固定した時のページ内リンク。Chrome、Firefox、Safari対応
headerを固定した時のページ内リンク HTML <a href="#release">ここをクリックでID releaseにページ内リンク</a> <div id="release" class="pagel...
続きを読む
-
2024/02/09 / html+css
都道府県一覧
HTMLで使える都道府県一覧 <select> <option value="" selected>選択してください</option> <option value="北海道">北海道</option> ...
続きを読む
-
2024/02/09 / wordpress設計術
Contact Form 7でチェックボックスを設置すると見入力必須項目に「入力してください。」が出る
<p class="novalidate"> [checkbox* your-check "選択肢1" "選択肢2" "選択肢3"] </p> 上記のように、class="novalidate" で囲むと解決...
続きを読む
-
2023/12/08 / wordpress設計術
wordpressカスタム投稿のsingle-カスタム.phpのページナビ（ターム分類内）
カスタム投稿 newsターム cate のsingle-news.phpのページナビをタームcateに登録したカテゴリーごとに回るようにする。 <?php $taxonomies = get_object_taxonomi...
続きを読む
-
2023/12/07 / html+css
画像の縦横比を固定してレスポンシブHTML+CSS
HTML <span> <img src="" alt=""> </span> CSS span { padding-bottom: 66.67%; // 横3 縦2 の比率（2÷3*100...
続きを読む
-
2023/11/10 / EC-CUBE4
EC-CUBE4.2.2で購入者にthanksメール（購入確認メール）が届かない
Xサーバー（スタンダードプラン）に搭載したEC-CUBE4.2.2で、購入者にthanksメール（購入確認メール）が届かない ▼解決 .envファイルのデフォルトの記述 MAILER_DNS=smtp://localhost:25...
続きを読む
-
2023/11/04 / PHP
phpでシンプルメールフォーム
php1-1.php → メールフォーム php1-2.php → メール入力内容確認 php1-3.php → メール送信完了 php1-1.php（メールフォーム）に下記を入力 <form action="php1-2....
続きを読む
-
2023/10/26 / wordpress設計術
category.php分岐カテゴリーごとにテンプレートを変える（子カテゴリー含む）
...
続きを読む
-
2023/10/12 / html+css
css flexで内側要素を文字数に応じて比例した幅にする
HTML <ul> <li>ねこ</li> <li>センザンコウ</li> <li>きりん</li> <li>うみわし</...
続きを読む
-
2023/08/20 / wordpress設計術
サイドバーの年月アーカイブからカテゴリーを絞った記事一覧をcategory.phpで出力
下記のURLにリンクする年月別アーカイブ https://test.com/?cat=1 https://test.com/2021/?cat=1 https://test.com/2021/01/?cat=1 サイドバーに下記を記載 ...
続きを読む
-
2023/08/20 / wordpress設計術
サイドバーの年月アーカイブからカテゴリーを絞った記事一覧をarchive.phpで出力
functions.phpにアーカイブをカテゴリで絞り込むアクションを記載 //アーカイブをカテゴリで絞り込み function CatArchives( $query ) { if ( is_admin() || ! $que...
続きを読む
-
2023/08/15 / wordpress設計術
mw wp formでチェックボックス（1つ）にチェックを入れた時だけ表示・表示されたinputは入力必須
mw wp formの内容が下記の場合 ■ 電話を希望する [mwform_checkbox name="telkibou" id="telkibou" children="電話を希望する"] <div id="ch...
続きを読む
-
2023/08/12 / javascript
slick sliderのサムネイルを縦に流す
HTML <div class="gallerylist"> <div class="slide"> <div class="item"> <img ...
続きを読む
-
2023/06/08 / html+css
table内の文字の折り返しが効かない時white-space: normal
HTML <table><tbody> <tr><th>テキスト</th><td>テキストテキストテキストテキストテキストテキストテキスト</td></tr> </tbody>&...
続きを読む
-
2023/05/27 / wordpress設計術
wp-親テーマのcssを無効にする
lightning-common-styleやlightning-design-styleは、無効にしたいcssのid <link rel='stylesheet' id='lightning-design-style-css...
続きを読む
-
2023/03/28 / javascript
formのoninput-output。結果を3桁ごとにカンマが入る数値タイプに変換
HTMLとform計算 数値を入れる度に、リアルタイムでoutputが変わる。 計算結果 = 入力1 × ラジオボタン1 + 入力2 × ラジオボタン2 <form method="post" oninput=" result...
続きを読む
-
2023/03/21 / javascript
マウスオーバー・マウスアウト（スマホの時はクリック）で画像を切り替えるjquery。
画像を2種類用意する。（後ろに_onをつけたもの。） sample.jpg と sample_on.jpg html <img src="../images/sample.jpg" alt="" class="over...
続きを読む
HOME > Tecnical Note
wordpress設計術
- wordpressの記事内にショートコードでphpテンプレートを呼び出す
- Contact Form 7でチェックボックスを設置すると見入力必須項目に「入力してください。」が出る
- wordpressカスタム投稿のsingle-カスタム.phpのページナビ（ターム分類内）
- category.php分岐カテゴリーごとにテンプレートを変える（子カテゴリー含む）
- サイドバーの年月アーカイブからカテゴリーを絞った記事一覧をcategory.phpで出力
- サイドバーの年月アーカイブからカテゴリーを絞った記事一覧をarchive.phpで出力
- mw wp formでチェックボックス（1つ）にチェックを入れた時だけ表示・表示されたinputは入力必須
- wp-親テーマのcssを無効にする
- Advanced Custom Fieldsを入れると消えるカスタムフィールドを表示する方法｜wordpress
- wpカスタム投稿月別アーカイブが404になる時
- お知らせ等・月ごとに記事をまとめる（jsを使えば開閉可能）サイドナビで使える
- wpカスタムフィールドに入力した投稿ページのIDの記事を呼び出すWP_Query
- ACFでカラーピッカーを使ってカテゴリーごとに色を付け、TOPページのループ内で表示。styleでbackground-colorを変える
- CPI UI taxonomy- タームテンプレートのタイトル表示
- wordpressのパンクズ（トピックパス）2024年functions.phpとテンプレートに記載
- Advanced Custom Fieldsのチェックボックス・ラジオボタンの結果にクラス名を付ける
- singleページのページ送り・通常とカスタム投稿（CPI UI）
- ブラウザ幅を判定して、特定のページをリダイレクトするjavascript
- wp固定ページとその子（一部除外）に表示
- wordpresのスラッグ名を取得
- conohaサーバー：EC-CUBE4ディレクトリと並列でwpディレクトリを作成した際のhtaccessの書き方
- 投稿記事のスラッグを自動入力
- qTranslate-XT テンプレート内で言語別に分岐させる方法
- wpカテゴリーごとに年月アーカイブを表示
- single.phpをカテゴリーごとに分岐wordpress
- wpのパンくず（トピックパス）をfunctions.phpで作成
- wordpress固定ページでループとページネーション
- wordpressの検索枠設置と条件検索
- CPIの共用レンタルサーバー「シェアードプラン ACE01」パーマリンク変更時のエラー
- Advanced Custom Fields・値によって分岐する
- 今見ている投稿記事と同カテゴリーの記事を表示
- wpログインしている時としていない時で、表示させる内容を変える
- wpセキュリティ対策まとめ
- 標準装備のカスタムフィールドでショートコードを入力して表示する【wordpress】
- functions.phpにショートコードを登録するwordpress
- single.phpに、投稿ページでチェックした特定のカテゴリーの子カテゴリーに限定して表示
- 特定のカテゴリーとその子の時に表示する
- テンプレートに固定ページの内容を読み込む
- WordPressの記事の前後のページへのリンクを自動で表示する方法（カテゴリー内・カテゴリー混合）
- wp プラグイン無しのカスタムフィールドのテンプレート出力
- the_content()の内容をmore前後で2つに分割して出力できる
- 月別アーカイブと記事一覧
- worpressのパーマリンクを変更すると403エラーになる場合
- contact form7 に前ページの情報を与える
- Advanced Custom Fieldsとslick.jsスライダー
- wordpress・ページの子ページ一覧を出力
- wpのcategory.phpで1ページ目にだけ表示する
- WP-PageNaviの2ページ目以降404を解決
- Custom Post Type UIで、特定のカテゴリー一覧を取得する方法
- WordPressで記事の最初の画像を取得してサムネイルサイズで表示する
- ループ記事を古い順に並べる【wordpress】
- Advanced Custom Fields テキストエリアの改行文字列をリストタグ（li）で囲む【wordpress】
- Advanced Custom Fields の表示【wordpress】
- Custom Post Type UIのテンプレート【wordpress】
- Custom Post Type UIカスタム投稿の表示【wordpress】
- Advanced Custom Fieldsでチェックボックスの値を表示する【wordpress】
- 自分が所属するカテゴリーをリンク無し・有りで表示【wordpress】
- 投稿記事全てのリストをpage.phpに表示【wordpress】
- wp分岐・特定の親固定ページとその子ページの時に表示
