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-...
続きを読む
HOME > Tecnical Note