メインループとサブループ
メインループ <!-- メインループ --> <?php if(have_posts()): ?> <div class="cards"> <?php while(have_po […]
一覧ページの要約を行数で指定するCSS
一覧ページの要約を行数で指定するCSS .cont { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 制限した […]
画像とテキストを含む横並びのカードの高さを揃える方法
横並びカードの文字数によって高さがばらつく Webサイトやアプリケーションのデザインにおいて、画像とテキストを含むカードはよく使用されます。しかし、テキストの長さが異なる場合、カードの高さが揃わず、見栄えが悪くなることが […]
Flexboxと孫要素
Flexboxが高さを自動的に揃えてくれるのは子要素までです。 孫要素までは効きません。 たとえば下の例の場合。 <div class="parent"> <div class="child"> […]
カテゴリーごとにアイキャッチ画像を設定するコード
次のコードを子テーマのfunctions.phpに貼り付けます。 function default_category_eyecatch() { global $post; $user_eyecatch = has_pos […]
ACF 繰り返しフィールド
ACF 繰り返しフィールド画像ID出力 <?php if( have_rows( 'add_banner', 4950 ) ): ?> <?php while( have_rows( 'add_bann […]
各言語ごとのスタイル（CSS）の変更方法
言語によって文字数が変わることでデザインが崩れてしまったり、 言語ごとにフォントを変えたいといった場合に 下記の方法をとることで対応が可能になります。 Transeed Web を導入したサイトのソースコードを確認してい […]
カスタム投稿タイプの一覧（管理画面内）にパーマリンクを追加する
「カスタム投稿タイプを追加」してもワードプレスでは管理画面上の一覧ページにはパーマリンクが表示されません。 ちなみに「カスタム投稿タイプ」の追加はfunctions.phpに以下を追記するだけで動きます。 functio […]