2025-05-01から1ヶ月間の記事一覧

FAQの開閉

HTML <ul class="faq__list"> <li class="faq__item"> <p class="_q"><span class="plus"></span></p> <p class="_a"></p> </li> </ul>

ACF 繰り返しで最後だけ、最後までの書き方

<ul class="flow__list"> <li class="flow__item"> </li></ul>

WP SmartSlider 左右チラ見せタイプ

1.プロジェクト作成 Project type:すライダー Slider type:ショーケース 2.サイズ調整 Sizeタブで見せるスライドの調整をする(全体幅とスライドのサイズ)

WP_Queryで日付を降順にする指定

$the_query = new WP_Query(array( 'post_type' => 'post', 'posts_per_page' => $num, 'category_name' => $cat, 'orderby' => 'date', 'order' => 'DESC' ));

WP カスタム投稿一覧 作成(タクソノミー有り)

投稿一覧を作成 ファイル名:archive-カスタム投稿名.php(例:archive-school-news-post) ※アーカイブを作る時はカスタム投稿を作る際にアーカイブをtrueにする必要があります。 タクソノミーページの場合はis_taxでタクソノミーで絞るQueryを作成する! …

WP 現在表示しているページを除外した投稿一覧

'post', // 投稿タイプを指定 "posts_per_page" => 10, // 表示する記事数を指定 "post__not_in" => [$current_post_id] // 除外する記事のIDを指定 ]; $post_query = new WP_Query($args); ?> <div class="posts"> have_posts()) : ?> <ul> …</ul></div>

Swiperの動きがカクカクしたり不自然な時

const mv_top = new Swiper(".mv__top", { allowTouchMove: false, slidesPerView: "auto", centeredSlides: true, spaceBetween: 20, loop: true, loopedSlides: 20, speed: 3000, autoplay: { delay: 0, disableOnInteraction: false, }, freeMode: { enab…

WP 管理画面 カスタムポスト一覧にカスタムフィールドを表示

/*-------------------------------------------*/ /* カスタム投稿一覧にタクソノミー(カテゴリー)を表示 */ /*-------------------------------------------*/ function my_custom_column($columns) { $columns['カスタムタクソノミー名'] = 'カテゴリ';…

JS モバイルナビの表示制御(背景のスクロールロック)

js /*=================================================================== モバイルメニュー ===================================================================*/ $(document).ready(function () { // ウィンドウの幅に応じて、#mobile-navの表示を…

WP-Memberで新たなユーザ登録

新たに追加する場合はWP管理画面からユーザー登録を購読者限定で登録する 保護者ページWP-Member ユーザー:guest パスワード:test

WP ログインの不具合修正

ログインしていないとお知らせなどが表示されないとき、functions.phpから下記を削除 /*=================================================================================== ログイン関係 ============================================================…

JS ローディング プログレスバーとカウントアップ

ProgressBarのJSをダウンロードして読み込み GitHub - kimmobrunfeldt/progressbar.js: Responsive and slick progress bars <script src="<?php echo get_template_directory_uri(); ?>/js/progressbar.js"></script> 記述 html <div id="splash"> <div id="splash_text"></div> </div> css //-------------------------------------------…