検索結果をカスタマイズしたときにハイライトを復活させる

Published / by hihihi / Leave a Comment

ACFでコンテンツ出し分けしてて、抜粋文もACFから自動で作成して、出し分けしたかった。

抜粋文生成するときに、タグを消す処理を挟んだので、ハイライト用のクラスも消えちゃった。。
のであとから自分でふっかつさせた。

下記を参考に。
【WordPress】ユーザーが検索したキーワードをハイライトして表示させる。 – ONZE

【WordPress】ユーザーが検索したキーワードをハイライトして表示させる。

(さらに…)

投稿日:2018年3月7日

WordPressでよく使う系

Published / by hihihi / Leave a Comment

【WordPress】カスタム投稿のシングルページに関連記事を表示する | UNORTHODOX WORKBOOK | Blog

【WordPress】カスタム投稿のシングルページに関連記事を表示する

自分のコード

<?php
 // global $post;
 $args = array(
  'numberposts' => 3, //3件表示(デフォルトは5件)
  'post_type' => array('exhibitions'), //カスタム投稿タイプ名
  'orderby' => 'rand', //ランダム表示
  'post__not_in' => array($post->ID) //表示中の記事を除外
 );
?>
<?php $myPosts = get_posts($args); if($myPosts) : ?>
            <section class="cSection ex_other">
                <h2 class="cSectionTitle">
                   <span class="en">Other Exhibitions</span><br>
                    <span class="jp">その他の展示</span>
                </h2>
                <div class="cSectionInner">
                    <ul class="cInfoPanel2">
<?php foreach($myPosts as $post) : setup_postdata($post); ?>

                            <?php
                            if ( has_post_thumbnail() ) {
                                $image_id = get_post_thumbnail_id();
                                $image_url = wp_get_attachment_image_src ($image_id, true);
                                // echo $image_url[0];
                            }
                            $terms = get_the_terms($post->ID,'genre');
                                //exhibition リンク(一剣しかないはずなので配列の一つ目だけを取得)
                                $link_data = get_field('linked_post')[0];
                                // $link_id = $link_data->ID;
                                $link_url = get_permalink($link_data);
                                $link_title = get_the_title($link_data);
                                $link_hour = get_field('openhours',$link_data);
                                $link_day = get_field('closedday_jp',$link_data);
                            ?>

                         <li class="cPanel">
                            <a class="jsTouchEffect" href="<?php the_permalink(); ?>">
                                <figure class="cPanelArea"><img class="cPanelImg" src="<?php echo $image_url[0]; ?>" alt=""></figure>
                                <div class="cTextArea">
                                    <ul>
                                        <li class="name"><span><?php the_title(); ?></span></li>
                                        <li class="title"><span><?php the_field('exhibition_name_jp'); ?></span></li>
                                    </ul>
                                </div>
                            </a>
                            <a class="jsTouchEffect" href="<?php echo $link_url; ?>">
                                <div class="cTextArea">
                                    <ul>
                                        <li class="venue"><span><?php echo $link_title; ?></span></li>
                                        <li class="schedule"><span class="time"><?php echo $link_hour; ?></span> <span class="date">/ 休:<?php echo $link_day; ?></span></li>
                                    </ul>
                                </div>
                            </a>
                        </li>
<?php endforeach; ?>
                    </ul>
                    <!-- //.cInfoPanel2 -->
                    <div class="btn_return"><a href="../">一覧へ戻る</a></div>
                </div>
            </section>
<?php endif; wp_reset_postdata(); ?>

Advanced Custom Fieldsの関連が便利すぎてヤバい|WordPressプラグイン
https://irec.jp/wordpress/plugin/relevance-ac-fields/

https://loumo.jp/wp/archive/20111128220340/

[WP]WordPress の固定ページ編集画面に「抜粋」を追加する方法

カスタム投稿タイプのアーカイブをカスタムタクソノミー(ID順ソート)ごとに表示する

Published / by hihihi / Leave a Comment

カスタム投稿タイプの記事の一覧をカスタムタクソノミごとに表示する – Shinichi Nishikawa’s

カスタム投稿タイプの記事の一覧をカスタムタクソノミごとに表示する

https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_categories

何を言ってるのかわかんねぇと思うが。(未来の自分へ)
上を組み合わせてできたのが下記

<?php
// タクソノミをID順で取得
$catargs = array(
    'taxonomy' => 'cat',
    'orderby'  => 'id',
    'order'  => 'ASC'
);
$catlists = get_categories( $catargs );
foreach($catlists as $cat) : // 取得したカテゴリの配列でループを回す
/*
// タクソノミひとつひとつのオブジェクトの中身を見る
if ( is_user_logged_in() ) {
    echo '<pre>';
    var_dump( $cat );
    echo '</pre>';
}
*/
?>
<h3><a href="<?php echo home_url('/path/' . $cat->slug ); ?>"><?php echo $cat->name; ?></a></h3>
<p><?php echo $cat->category_description; ?></p><?php // 説明文 ?>
<ul>
<?php
$args = array(
    'post_type' => 'venues',
    'taxonomy' => 'cat',
    'term' => $cat->slug
);
$my_posts = get_posts( $args );
if ( $my_posts ) { // 該当する投稿があったら
    foreach ( $my_posts as $post ) :
        setup_postdata( $post );
        ?>
        <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
        <?php
    endforeach;
} else {
    echo 'このカテゴリに投稿はありません';
}
wp_reset_postdata();
?>

おつかれっした
wp_reset_postdata効いてる??

投稿日:2018年2月25日

パーマリンクはやっぱプラグインで。

Published / by hihihi / Leave a Comment

もりろぐってもーりーじゃないよねってしばらくドキドキしてた。
WordPress » カスタム投稿タイプのパーマリンクを設定するプラグイン — Custom Post Type Permalinks | MORILOG

カスタム投稿タイプのパーマリンクを設定するプラグイン — Custom Post Type Permalinks

投稿日:2018年2月25日

可変グリッドjs

Published / by hihihi / Leave a Comment

Masonry以外のもの久々に調べた

ドラッグできるよって

【JavaScript】超高機能なグリッドレイアウトを実装する[Packery]はドラッグによる並べ替えにも対応! – ONZE

【JavaScript】超高機能なグリッドレイアウトを実装する[Packery]はドラッグによる並べ替えにも対応!

お金掛かるよって

【jQuery】フィルターやソート機能にも対応したMasonry風jQueryプラグイン[Isotope]の使い方。 – ONZE

【jQuery】フィルターやソート機能にも対応したMasonry風jQueryプラグイン[Isotope]の使い方。

Isotope
https://isotope.metafizzy.co/

お金掛からないけど開発中だしバグとかシラネって

Masonryより高機能!フィルタ、ソート、レスポンシブ対応のグリッドレイアウト「Muuri.js」 | WordPressテーマ/DigiPress

Masonryより高機能!フィルタ、ソート、レスポンシブ対応のグリッドレイアウト「Muuri.js」

Masonryと上2つは同じ開発者だって。へぇ!