スポンサーリンク




言語の設定のテンプレートタグ

<?php language_attributes(); ?>

使用例

<html <?php language_attributes(); ?>>

管理画面の「設定」 › 「一般」の「サイトの言語」 から変更できるようになる。

charaset

bloginfo関数を使う

使用例

<meta charset="<?php bloginfo('charset'); ?>">

bloginfo関数

bloginfo(表示する情報 省略可能 省略時はサイトのタイトルが表示される)

description  設定で入力しているキャッチフレーズが表示される

body要素にbody_class()関数を追加する

ページや状況によって様々なクラスを付加してくれる。

トップページへのリンクを取得する関数

home_url() 関数

XSS対策

esc_url

使用例

<a href="<?php echo esc_url( home_url() ); ?>">

使用例

<body <?php body_class(); ?>>

メインループ

表示する投稿があるかどうかをチェックする

<?php if ( have_posts() ) :?>
<?php if ( have_posts() ) : /* 投稿があるかチェック */ ?>

  <?php while( have_posts() ) : /* 投稿がある限り繰り返す */ ?>

  <?php the_post(); /* 投稿を$postにセット */ ?>

    <!--  投稿がある限り繰り返す処理 -->

  <?php endwhile; ?>

<?php else : ?>

  <!-- 投稿がない時の処理 -->
<p>投稿がありません。</p>

<?php endif; ?>

ループ内で、print_r($post)とかいてみる

ウィジェットがアクティブかを確認するには、is_active_sidebar()

dynamic_sidebarダイナミック サイドバー関数

dynamic_sidebar(ウィジェットの名前かID 省略可)

テーマ作成に最低限必要なファイル

テーマには最低限「index.php」と「style.css」が必要である。

登録済みのアイキャッチ画像を一括で再生成するプラグイン

Regenerate Thumbnails

ビジュアルエディターとコードエディター

ループ内で確認のために使用する

$postにどんな項目があるか を確認する

<?php print_r($post); ?>

the_category関数

the_category(区切り文字, 親子の表示, 投稿ID)

the_category()関数は、デフォルトでは順不同型リストで表示される。
クラスは「post-categories」

the_posts_pagination()で出力されるHTML

<nav class="navigation pagination" role="navigation">
  <h2 class="screen-reader-text">投稿ナビゲーション</h2>
  <div class="nav-links">
    <a class="prev page-numbers" href="http://localhost/wp-lesson/">前へ</a>
    <a class='page-numbers' href='http://localhost/wp-lesson/'>1</a>
    <span aria-current='page' class='page-numbers current'>2</span>
    <a class='page-numbers' href='http://localhost/wp-lesson/page/3/'>3</a>
    <a class="next page-numbers" href="http://localhost/wp-lesson/page/3/">次へ</a>
  </div>
</nav>

テーマ 

Lightning

日本の開発者

必須プラグインあり

メール、お問い合わせのプラグイン

注意喚起

https://www.sakura.ad.jp/information/announcements/2020/12/08/1968205707/

Contact Form 7

画像圧縮のプラグイン

EWWW Image Optimizer

キャッシュプラグイン

WP Super Cache

スポンサーリンク