イセンチュートリアルサイト
  • CSS
    • スクロールダウン
    • テキストナビゲーション
    • ボタン
    • メニュー
    • 動画
    • 検索
    • 画像リンクの動き
    • 背景の動き
  • Illustrator
  • JS
    • アコーディオンパネル
    • アニメーション
    • エリアの動き
    • ギャラリー
    • グラフ
    • スライド
    • テキストの動き
    • ニュースティッカー
    • ページトップリンク
    • ページ内リンク
    • メニュー
    • モーダルウィンドウ
    • ローディング
  • Photoshop
  • PHP
  • WordPress
    • プラグイン
    • リンク
  • お客様観覧用
    • WEB制作プラン
    • アニメーション
    • グローバルナビゲーション
    • スライド
  • サーバー
    • CPI
  • 未分類
  • 法律
    • 医療法
    • 柔道整復師法
TOP PHP

PHP

カテゴリーページ

  • アーカイブリストをアコーディオンにする

    カテゴリー:PHP
    <div class="side_archive_menu">
        <?php
        $year_prev = null;
        $months = $wpdb->get_results("SELECT DISTINCT MONTH( post_date ) AS month ,
                                          YEAR( post_date ) AS year,
                                          COUNT( id ) as post_count FROM $wpdb->posts
                                          WHERE post_status = 'publish' and post_date <= now( )
                                          and post_type = 'post'
                                          GROUP BY month , year
                                          ORDER BY post_date DESC");
        foreach($months as $month) :
        $year_current = $month->year;
        if ($year_current != $year_prev){
        if ($year_prev != null){?>
            <?php } ?>
      <p class="toggle_btn"><?php echo $month->year; ?>年</p>
      <ul class="child">
        <?php } ?>
        <li>
            <a href="<?php bloginfo('url') ?>/<?php echo $month->year; ?>/<?php echo date("m", mktime(0, 0, 0, $month->month, 1, $month->year)) ?>">
                <?php echo date("n", mktime(0, 0, 0, $month->month, 1, $month->year)) ?>月
                (<?php echo $month->post_count; ?>)
            </a>
        </li>
        <?php $year_prev = $year_current;
        endforeach; ?>
      </ul>
    </div>
    <!-- /.side_archive_menu -->

     

    抽出されるHTML

    <div class="side_archive_menu">
    	<p class="toggle_btn">2018年</p>
    	<ul class="child">
    		<li><a href="">11月(1)</a></li>
    		<li><a href="">10月(14)</a></li>
    		<li><a href="">9月(1)</a></li>
    	</ul>
    </div>
    <!-- /.side_archive_menu -->

     

    CSS

    .child {
      display: none;
    }

     

    jQuery

    $(".toggle_btn").on("click", function() {
         $(this).next().slideToggle();
         $(this).toggleClass("active");
     });

     

    投稿日:2023年06月26日
  • カスタム投稿のエディターを消す

    カテゴリー:PHP
    add_action(
    	'init',
    	function() {
    		remove_post_type_support( 'ポストタイプ名', 'editor' );
    	},
    	99
    );
    
    投稿日:2023年06月26日
  • サイドバーを呼び出す

    カテゴリー:PHP
    <?php
    /*
    ----------------------------------------------------------------------
    widgetの設定があれば表示
    ----------------------------------------------------------------------
    */
    if ( is_active_sidebar( 'sidebar1' ) ) {
    	dynamic_sidebar( 'sidebar1' );
    }
    ?>
    
    投稿日:2023年06月23日
  • カスタム投稿の年月アーカイブ

    カテゴリー:PHP
    <?php wp_get_archives( 'type=monthly&post_type=ポストタイプ名' ); ?>
    投稿日:2023年06月23日
  • アイキャッチ画像の設定

    カテゴリー:PHP
    <?php if ( has_post_thumbnail() ) : /* もしアイキャッチが登録されていたら */ ?>
    <img class="lazy" src="<?php echo esc_url( $my_template_url ); ?>/img/dummy-lazy.png" data-src="<?php the_post_thumbnail_url(); ?>" alt="<?php echo esc_html( the_title() ); ?>">
    <?php else : /* 登録されていなかったら */ ?>
    <img class="lazy" src="<?php echo esc_url( $my_template_url ); ?>/img/dummy-lazy.png" data-src="<?php echo esc_url( $my_template_url ); ?>/img/dummy-photo.png" alt="<?php echo esc_html( the_title() ); ?>">
    <?php endif; ?>
    
    投稿日:2023年06月23日
2 / 4Prev1234Next

アーカイブ

  • CSS (117)
    • スクロールダウン (8)
    • テキストナビゲーション (11)
    • ボタン (52)
    • メニュー (1)
    • 動画 (2)
    • 検索 (3)
    • 画像リンクの動き (23)
    • 背景の動き (17)
  • Illustrator (8)
  • JS (93)
    • アコーディオンパネル (2)
    • アニメーション (1)
    • エリアの動き (7)
    • ギャラリー (6)
    • グラフ (7)
    • スライド (9)
    • テキストの動き (17)
    • ニュースティッカー (1)
    • ページトップリンク (9)
    • ページ内リンク (2)
    • メニュー (28)
    • モーダルウィンドウ (1)
    • ローディング (3)
  • Photoshop (1)
  • PHP (20)
  • WordPress (4)
    • プラグイン (2)
    • リンク (1)
  • お客様観覧用 (11)
    • WEB制作プラン (1)
    • アニメーション (8)
    • グローバルナビゲーション (1)
    • スライド (1)
  • サーバー (6)
    • CPI (1)
  • 未分類 (6)
  • 法律 (2)
    • 医療法 (1)
    • 柔道整復師法 (1)
TOP
  • CSS
    • スクロールダウン
    • テキストナビゲーション
    • ボタン
    • メニュー
    • 動画
    • 検索
    • 画像リンクの動き
    • 背景の動き
  • Illustrator
  • JS
    • アコーディオンパネル
    • アニメーション
    • エリアの動き
    • ギャラリー
    • グラフ
    • スライド
    • テキストの動き
    • ニュースティッカー
    • ページトップリンク
    • ページ内リンク
    • メニュー
    • モーダルウィンドウ
    • ローディング
  • Photoshop
  • PHP
  • WordPress
    • プラグイン
    • リンク
  • お客様観覧用
    • WEB制作プラン
    • アニメーション
    • グローバルナビゲーション
    • スライド
  • サーバー
    • CPI
  • 未分類
  • 法律
    • 医療法
    • 柔道整復師法
© 2022 isen-print.