カスタムタクソノミーを持つカスタム投稿タイプの一覧・詳細ページの実装方法 前編 後編

アーカイブページ（カスタム投稿の記事一覧）へのリンク方法アーカイブページの適切なURLを取得してリンクするカスタム投稿タイプの表示に使われるテンプレートファイルアーカイブページで使用されるテンプレートファイル投稿の単独ページで使用されるテンプ…

junpei-sugiyama.com

www.webcreatorbox.com

web-children.com

seigetsu-web.com

jito-site.com

shu-sait.com

{ width:100%; display:block; } magazine.techacademy.jp

今回は、Wordpressの標準（デフォルト）機能である「table」を使ってみたけど、プラグインもある。 ちなみに。 WordPress標準のテーブルブロックでは、セルごとに背景色を指定できません。

「vw」と「vh」はウェブデザインで画面幅や高さに基づいて要素の大きさを調整するための単位です。これを使うことで、さまざまなデバイスや画面サイズに対応した魅力的なデザインを実現できる。 ui-hack.com

css関数clamp techblog.raccoon.ne.jp

CSSで見出しや文字などテキストの左右に横線を入れる4つの方法左右に指定した長さの横線左右に両端を丸くした横線左右いっぱいに伸びた横線左右にグラデーションの横線 junpei-sugiyama.com

最初だけ :first-child最後だけ :last-child上から何番目だけ :nth-child(x)下から何番目だけ :nth-last-child(x)奇数だけ :nth-child(odd)偶数だけ :nth-child(even)それ以外を指定 :not(擬似クラス) beeyanblog.com

WordPressテンプレート内でURLを記述する際、よく使う関数のまとめ トップページカテゴリ一覧投稿詳細固定ページ固定ページ（親子関係あり） jobtech.jp

このあたりを使用。 position: fixed;top: 0;z-index: 10000;

iOSだと、電話番号が自動でリンク化されて、架電できる状態になってしまう。 それを防ぐ方法。 １ メタタグでページ全体を指定する 要は＜head＞に記述 ２ CSSで個別に指定する方法 ＜a＞タグに、下記を記述 pointer-events: none;text-decoration: none; ←…

これのおかげで、親のサイズで子画像を収められた。そしてflexの％も。 csshtml.work

スコンと頭から抜けてたので。。 developer.mozilla.org

方法１ floatで横に並べ、外枠をmargin:autoで中央寄せにする 方法２ display:flexで横並べ＆中央寄せにする【オススメ】 方法３ display:inline-blockで横に並べ、text-align:centerで中央寄せにする 方法４ tableで横並べし、margin:autoで中央寄せにする …

箱型のまま影を付けるなら、box-shadow 透過画像に影を付けるなら、drop-shadow drop-shadowの使い方（記述の仕方）はこちら

headに記載するlinkタグで直接読み込む方法は、WordPress非推奨とのこと。 functions.phpに記載する方がよいと。 ただ、下記の記述を試したら // 同じハンドル名のスタイルシートは1度しか読み込まない // 以下のように3つ処理を書いても、読み込まれるのは1…

position: absoluteを適用した要素を、上下左右それぞれの中央寄せにする方法

左寄せ 指定しない中揃え margin: auto右揃え margin-right: 0 ／ margin-left: auto zero-plus.io

子要素に合わせて親要素のサイズを変えるには「width: fit-content;」を利用します。 widthにfit-contentという値を親要素に指定すると、インライン要素である子要素と同じ横幅になります。 web-camp.io

本文内に出てきた参考サイト ↑ の見方

mckee-pro.com

WordPressのテーマファイルに設置した画像を投稿や固定ページ内に掲載しようとすると、どうしても画像パスが長くなってしまいます。今回はfunctions.phpを編集して画像パスを短くする方法をご紹介します。 takayakondo.com

pengi-n.co.jp

tokkoc.work