PHP

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分岐カテゴリーごとにテンプレートを変える（子カテゴリー含む）

category.php <?php $queried_cat_id = get_query_var('cat'); $cat = get_category($queried_cat_id); // 子カテゴリーの場合、親カ...

続きを読む

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...

続きを読む

2023/03/15 / 便利ツール

パソコンからInstagram退会

Instagramにログインして下記をクリック。 【注意】誤って削除したくないアカウントを削除しないように。 退会画面 ...

続きを読む

2023/03/13 / wordpress設計術

Advanced Custom Fieldsを入れると消えるカスタムフィールドを表示する方法｜wordpress

functions.phpに記載 add_filter('acf/settings/remove_wp_meta_box', '__return_false'); こちらでも可能。functions.phpに記載 fun...

続きを読む

2023/02/27 / javascript

querySelectorAllエレメントのhrefをforEachで削除する

wordpressプラグインMetaSliderなどで、左右の矢印をクリックすると、ページのTOPまで戻ってしまうのを解除する記述。 jsファイルに下記を追加 $(function(){ const element1 = doc...

続きを読む

2023/02/04 / wordpress設計術

wpカスタム投稿月別アーカイブが404になる時

<?php $args = array( 'show_post_count' => false, //記事数非表示 'echo' => false, 'post_type' => '●●カスタム投稿名（ローマ字）...

続きを読む

2022/12/02 / javascript

jQuery,Masonry,imagesloadedで画像を敷き詰める

HTML <div id="grid"> <div class="grid-sizer"></div> <div class="gutter-sizer"></div> <div cl...

続きを読む

2022/11/28 / javascript

jQueryで特定のページからリンクされた後のページでclassを追加

リンク元の書き方 <a href="http://test.com#link1">リンク</a> リンク先のページのHTML例 <p　id="afterlink">リンク後ページ</p> j...

続きを読む

2022/11/27 / wordpress設計術

お知らせ等・月ごとに記事をまとめる（jsを使えば開閉可能）サイドナビで使える

<div class="newsside"> <h6>過去のお知らせ</h6> <ul> <?php query_posts( array('posts_per_page'=>...

続きを読む

2022/11/14 / CSS関数

scssで変数

.col1fr {width:84px} .col2fr {width:168px} .col3fr {width:252px} .... 100まで記載したくない... そんな時、scssで変数を使う $i: 84px; ...

続きを読む

2022/11/12 / javascript

カレンダー

カレンダーのcss <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-...

続きを読む