ワードプレス – Design notes

2021/01/31

アイキャッチ　テンプレートタグ分岐　アイキャッチ

例）
<?php if ( has_post_thumbnail() ): //アイキャッチを指定している場合 ?>
<?php the_post_thumbnail( 'thumbnail' ); ?> //カッコ内はアイキャッチ画像のサイズ（初期値は150×150px）。
<?php else: // それ以外 ?>
<img src="<?php echo get_template_directory_uri(); ?>/images/no-image.png" alt="no image" width="100" height="100" />
<?php endif; ?>

1

2

3

4

5

6

例）

<?php if ( has_post_thumbnail() ): //アイキャッチを指定している場合 ?>

<?php the_post_thumbnail( 'thumbnail' ); ?> //カッコ内はアイキャッチ画像のサイズ（初期値は150×150px）。

<?php else: // それ以外 ?>

<img src="<?php echo get_template_directory_uri(); ?>/images/no-image.png" alt="no image" width="100" height="100" />

<?php endif; ?>

アイキャッチが設定されていない場合「no-image.png」を表示します。最初 …

よく使うテンプレートタグ

2021/01/11

パスを取得するテンプレートタグホームページのURL

<?php echo esc_url( home_url( '/' ) ); ?>

例）
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo esc_attr( get_bloginfo( 'name' ) ); ?></a>

1

2

3

4

<?php echo esc_url( home_url( '/' ) ); ?>

例）

ワードプレスのURL ホームページのURLとワードプレスのURLが異なる場合に便 …

よく使う条件分岐

2021/01/11

便利な条件分岐トップページとその他

<?php if ( is_home() || is_front_page() ) : ?>
  トップページに表示させたいものを入れる
<?php else: ?>
  トップページ以外はこちら
<?php endif; ?>

1

2

3

4

5

<?php if ( is_home() || is_front_page() ) : ?>

トップページに表示させたいものを入れる

<?php else: ?>

トップページ以外はこちら

<?php endif; ?>

カテゴリーとその他カテゴリーごとに表示を変える場合 [crayon-607776071de5a …

特定のページだけにcssやjsを読み込ませたい！

2019/08/22

JavaScriptファイルはheader.phpかfooter.php、cssファイルはheader.phpに記述しています。でもJavaScriptのファイル、読み込まれるのに時間がかかりページが …

ページの最初の画像を自動でアイキャッチにする

2019/08/18

読みやすさや視線誘導のために、記事一覧にアイキャッチ画像を設定します。「読んでみたい」と思ってもらえるアイキャッチ画像を準備したいですね！ WordPressでは編集画面右下の「アイキャッチ画像を設 …

WordPress コード自動整形を解除する

2019/08/10

ビジュアルモードにしたらコードが勝手に変わった!?
テキストモードで編集していたのではじめは気がつきませんでした。ビジュアルモードを開いたら、なんと表示くずれが！コードを確認すると.…

WordPress よく使うおすすめプラグイン

2019/08/10

プラグインが増えれば内容によってスクリプトが増え、ページの読み込みが遅くなるので、使い過ぎないようにします。私が今まで制作していて本当に助かっているプラグインはこちらです！

固定ページでphpを使いたい

2019/08/10

例えばトップページを固定ページで作成したとき、お知らせの新着一覧を固定ページ上で好きな位置に配置したいな、と考えたことはありませんか？

ワードプレス 一覧

ワードプレス一覧