【css】inline-block;でできた隙間(余白)をなくす

display:inline-block;で下に隙間などできたら、

vertical-align: middle;を付けると隙間がなくなるかもしれないぞおおおぉ！！

【wordpress】カスタム投稿タイプのタクソノミーについて

タクソノミーについてわかりやすく…いつも忘れやすいので。

なお、設定で「階層」を「True」だと「カテゴリ」で「False」だと「タグ」の機能になるので絶対変更すること。

【wordpress】カスタム投稿タイプ仕組みについて

カスタム投稿タイプはしばらく触らないと忘れる…ので簡単な構成を

カスタム投稿タイプで「notice」という投稿タイプを作り、記事を投稿する

↓

「noticeの一覧が作りたい！！」

↓

固定ページでnoticeの一覧ページを作る。

こんなんでリスト多分出る↓

                    <ul class="news-list">

                            <?php $paged = get_query_var('paged'); ?>
                            <?php query_posts( array( 'post_type' => 'notice',
                            'posts_per_page' => 3,
                            'paged' => $paged
                            )); ?>
                        <?php if(have_posts()): while(have_posts()): the_post(); ?>
                            <li>
                                <h3><?php the_title(); ?></h3>
                                <div>
                                <?php the_content(); ?>
                                </div>
                            </li>
                        <?php endwhile; endif; ?>

                    </ul>
                    <div class="center">
                    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
                    </div>

↓

中の記事ページ整えたい！！

single-notice.php作ろう。

以上！！！！

【wordpress】カスタム投稿タイプのカスタムタクソノミーのURLについて

カスタム投稿タイプを多用するとURLで結構？？？ってなるので個人的メモ。

(すぐ忘れるから…w)

カスタムタクソノミーでカテゴリー作って、そのカテゴリーURLって何！？ってよくなるんだよぉ。

例えばカスタム投稿タイプで「blog」を作り、カスタムタクソノミーで「info、post」(カテゴリー名…スラッグ的な)を作る。

http://URLだよんんん/blog

は全部のblogが見れる。

ではinfo、postは…？

http://URLだよんんん/blog/info

http://URLだよんんん/blog/post

かと思いきや実は違う！！

wordpreessの管理画面の「タクソノミーを追加/変更」の「タクソノミーを編集」で出てくる「タクソノミースラッグ」。

これがURLになるのだあああああ！！！！

つまり。

http://URLだよんんん/タクソノミースラッグ(管理画面要確認)/post

や

http://URLだよんんん/タクソノミースラッグ(管理画面要確認)/post

になるのだあああああ！！！！

(blogは入らないよん)

毎回URL何だっけ？wってなるので個人的メモ。

なお、その場合に読むファイルは「archive-○○○.php」ファイルではなく、「taxonomy-○○○php」になる。

【css3】カラム、ボックス、ブロックを好きな順番に配置！

レスポンシブにする時にPCとは違うブロックの順番にしたい時に便利！

(例)

<div class="test">
   <p class="test_in1">ブロック(1)</p>
   <p class="test_in2">ブロック(2)</p>
   <p class="test_in3">ブロック(3)</p>
   <p class="test_in3">ブロック(4)</p>
</div>

のブロック3を一番上に！とか出来ちゃう。

.test {
   display: flex;           /* Flexコンテナ化 */
   flex-direction: column; /* 縦向きに配置 */
}
.test_in3 {
   order: -1;
}

こんな感じ。

.test_in1 { order: 4; }   /* 配置順を4番目に */
.test_in2 { order: 2; }   /* 配置順を2番目に */
.test_in3 { order: 1; }   /* 配置順を1番目に */
.test_in4 { order: 3; }   /* 配置順を3番目に */

にも出来る！！

コンテンツを縦にするには

flex-direction: column;、

横にするには

flex-direction: row; だよ！！

参考URL

https://allabout.co.jp/gm/gc/459917/2/