テンプレート:index.php
TOPページ用のテンプレートファイルです。
body_class();タグで出される値:class="home blog paged paged-2 wp-theme-test02 defaultClass"
ブログの基本情報の出力
ブログのタイトル|WPテストサイト(後期)
ブログの説明文|wordpressサンプルサイト
サイトURL|https://blog.simplate.net
メインCSSファイルのURL|https://blog.simplate.net/cms/wp-content/themes/test02/style.css
テーマファイルディレクトリのURL|https://blog.simplate.net/cms/wp-content/themes/test02
RSS 2.0 形式URL|https://blog.simplate.net/feed/
「表示設定」で指定された文字コード|UTF-8
Content-typeの設定値|text/html
WordPressのバージョン情報|6.9
メインループ2/6ページ
・投稿記事一覧(index.php / home.php etc...)
・個別記事(single.php / single-hoge.php etc...)
・固定ページ・オリジナルページ(page.php / templatename-hoge.php)
・カテゴリーアーカイブ(category.php / taxonomy.php / taxonomy-hoge.php)
・年月別アーカイブ(archive.php / archive-hoge.php)
・タグ一覧(tag.php)
・検索(search.php)
・404(404.php etc...)
※メインループ方式の記事取得コード【query_posts();】を設置。
※上記のテンプレートファイルに書くとそのテンプレート上で必要な記事が自動的に取得される。
※ここはindex.phpなので、普通に投稿された記事が表示される。(通常投稿:post)
※各ページで使用できる回数は1回だけ。
※表示件数は管理画面>設定>表示設定の数字が適用される。
-
月額200円以下で1TBのクラウドストレージを使える「Sia」で事業を行う場合の資産や経費のシミュレーションが公開中F1公式サイトが公開したオンボード映像には、ルイス・ハミルトンが走行中にステアリングを押したり引いたりしていた様子がはっきりと映っている。この動作によりフロントタイヤの“トー角”が調整できるようになっており、コーナーやス…
-
珪藻土トレイ付きの2段式水切りラックだなんて、水が垂れなくて最高じゃん…!ルセデスエンジンユーザーであり、今年は「ピンクのメルセデス」とも呼ばれる2019年型メルセデスに酷似したF1マシンを持ち込んでいるレーシングポイントのアンドリュー・グリーン(テクニカルディレクター)も、現在のルー -
土屋鞄からオンオフ兼用の新シリーズ「Vainno(ヴァイノ)」が登場F1公式サイトが公開したオンボード映像には、ルイス・ハミルトンが走行中にステアリングを押したり引いたりしていた様子がはっきりと映っている。この動作によりフロントタイヤの“トー角”が調整できるようになっており、コーナーやス…
メインループ(クエリ書き換えバージョン)
※上と同じく、メインループ方式の記事取得コード【query_posts();】を設置している。
※記事を取得する条件を書き換えて【blog】とういうカスタム投稿の記事を3件づつ取得。
※メインループ方式なのでページ送りをつけることも可能。(ただしパラメータの指定が必要)
-
1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。記事タイトル部分の見出しデザインが崩れていないか、文字が背景からはみ出していたりしないか確認しましょう。 the_post_navigation() などで前後の記事のタイトルを出力する場合も、レイアウト崩れが発生してい…| |
-
-
マークアップ: 画像の配置画像の配置テストへようこそ ! 画像をいろいろな位置に配置してみるのに一番良い方法は、言葉の海の中に画像をそっとうずめてみることです。さあ、はじめましょう。 画像の配置では、ユーザーが「指定なし」「右寄せ」「左寄せ」「中…
サブループ(1ページの中で複数のループを使う)
※これまでのループと違い【WP_Query();】を使って個別に情報を取得する方法。
※パラメータを色々指定して好きなカスタム投稿やカテゴリーで呼び出すことができる。
※'paged' => $paged,でページ送りをつけることができるが、他のループでページ送りを使っているとややこしいので普通はやらない。
メインループとサブループについて: http://oxynotes.com/?p=1496
カスタム投稿【blog】を条件付きで取得
※アドバンストカスタムフィールドの「真偽値フィールド」を使って値がある(フラグが立っている)記事だけが出るようにしている。


