クーポン利用で23900円 ソファーベッド ソファベッド 2人掛け コンパクト 折りたたみ ソファー ソファ クッション付 簡易ベッド ワンルーム フロアソファー 一人暮し おしゃれ 【当社オリジナル】【土日出荷】【大型】 | 生活雑貨楽天市場店, クーポン利用で27980円 ソファーベッド リクライニングソファー 2人掛け コンパクトソファー ソファ ソファベッド おしゃれ 一人暮らし ワンルーム コンパクトベッド 二人掛け【大型】 | 生活雑貨楽天市場店, クーポン利用で23900円 ソファーベッド ソファベッド 2人掛け コンパクト 折りたたみ ソファー ソファ クッション付 簡易ベッド ワンルーム フロアソファー 一人暮し おしゃれ 【当社オリジナル】【土日出荷】【大型】 | 生活雑貨楽天市場店, ソファーベッド ソファー ソファ 2人掛け 安い おしゃれ 一人暮らし 2 , ソファベッド 2人用の人気商品・通販・価格比較 - 価格.com, クーポン利用で27980円 ソファーベッド リクライニングソファー 2人掛け コンパクトソファー ソファ ソファベッド おしゃれ 一人暮らし ワンルーム コンパクトベッド 二人掛け【大型】 | 生活雑貨楽天市場店
ニトリ リクライニング ソファ ベッド cloud ワンルーム リビング 家具

【プミラ様専用】【クッション1個欠品】リクライニングローソファFABグレー
在庫の確認お願い致します北海道、沖縄、離島、九州などは送料かかります◆サイズ本体:約 幅165×奥行76×高さ71(cm)梱包サイズ:約 幅168×89×12(cm)◆材質【張り材】PVC・ポリエステル100%【構造部材】シリコンフィル綿・不織布チップウレタン・ウェービングベルト・Sバネ◆重量・耐荷重本体重量:約19kg総重量:約22kg(梱包材等含む)耐荷重:約120kg
カテゴリー:インテリア・住まい・小物>>>ソファ/ソファベッド>>>ソファベッド
商品の状態:新品、未使用
配送料の負担:送料込み(出品者負担)
配送の方法:クロネコヤマト
発送元の地域:未定
発送までの日数:4~7日で発送

クーポン利用で23900円 ソファーベッド ソファベッド 2人掛け コンパクト 折りたたみ ソファー ソファ クッション付 簡易ベッド ワンルーム  フロアソファー 一人暮し おしゃれ 【当社オリジナル】【土日出荷】【大型】 | 生活雑貨楽天市場店
3way ソファーベッド 幅130cm 2人掛け リクライニング ソファベッド
クーポン利用で27980円 ソファーベッド リクライニングソファー 2人掛け コンパクトソファー ソファ ソファベッド おしゃれ 一人暮らし  ワンルーム コンパクトベッド 二人掛け【大型】 | 生活雑貨楽天市場店
【ほぼ送料のみ】ソファベッド 大塚家具 ハード
クーポン利用で23900円 ソファーベッド ソファベッド 2人掛け コンパクト 折りたたみ ソファー ソファ クッション付 簡易ベッド ワンルーム  フロアソファー 一人暮し おしゃれ 【当社オリジナル】【土日出荷】【大型】 | 生活雑貨楽天市場店
ヨギボーマックス
ソファーベッド ソファー ソファ 2人掛け 安い おしゃれ 一人暮らし 2
ニトリ合皮ソファベッド(Nシールド ロック BK)
ソファベッド 2人用の人気商品・通販・価格比較 - 価格.com
ソファベッド ソファーベッド ソファ ソファー 折りたたみソファベッド 二人
クーポン利用で27980円 ソファーベッド リクライニングソファー 2人掛け コンパクトソファー ソファ ソファベッド おしゃれ 一人暮らし  ワンルーム コンパクトベッド 二人掛け【大型】 | 生活雑貨楽天市場店
新品 ソファー ソファ 2人掛け リクライニング ローソファー カウチソファ

お待たせ! ソファー  2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド
ニトリ リクライニング ソファ ベッド cloud ワンルーム リビング 家具 - by , 2022-12-07
3/ 5stars
高一の子供が使うのですが、かなり喜んでおり満足しています。 質感等も良いですよ。
【プミラ様専用】【クッション1個欠品】リクライニングローソファFABグレー - by , 2023-01-05
5/ 5stars
商品は価格の割にとてもいい物でした。 他の人が書いているように、配達は1人で玄関先に納品してもらいました。かなり大型で重量もありますが、中学生の息子と2人で2階まで上げることが出来ました。 力に自信のない方は、別料金を払って設置依頼すれば良いと思います。 ただ、商品の配送追跡が出来なかったので、星4つにさせて頂きました。
3way ソファーベッド 幅130cm 2人掛け リクライニング ソファベッド - by , 2022-11-23
4/ 5stars
二階に運ぶのが大変でした でもいい感じです ちょっと奥行きがもう少しあってもいい気もしましが ソファーベッドはこんな感じなのかと思ってます。 全体的に満足です 星が4個なのは遠かったみたいで頼んでから一週間以上かかったことです。
【ほぼ送料のみ】ソファベッド 大塚家具 ハード - by , 2023-01-03
5/ 5stars
値段からするとなかなかいいと思います。 合皮の質はもうちょっと使ってみないと分かりませんが、今のところいい感じです。
ヨギボーマックス - by , 2022-11-09
4/ 5stars
高校生の息子が自分の部屋用に選びました。 イメージ通りだったようで満足しています。 ありがとうございました!
ニトリ合皮ソファベッド(Nシールド ロック BK) - by , 2023-01-01
5/ 5stars
コストパフォーマンスが最大の魅力です。寝心地、すわり心地も最高です。うちの猫がすでにツメトギに狙っているのが唯一の心配です。
リネアストリア の次はコレ

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

200系ハイエース 2022年製スタッドレスタイヤホイールセット 車検対応。
今後同じフォーマットを使用して、タグ用の一覧や、サーチ結果ページのテンプレートも作るので、今回の「category.php」を1つ作ればラク。コピーして使い回します。

手順は、LIONEL/ライオネル社100周年記念鉄道時計で作った「home.php」をコピーして「category.php」という名前に変更。
「home.php」のループは最新記事用になっているので、普通のWordPressループ変更。
[抜粋セット]の「each_exrpt_post.pnp」はそのまんま流用できるのでラク♪
フレイアイディー ケーブルニットカーディガン

本日のINDEX

スポンサーリンク

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

クライタック TRIDENT Mk2 PDW-Mで作った「home.php」をコピーして「category.php」という名前に変更。
このcategory.phpという名のファイルがあれば、WordPressは「カテゴリー別一覧」表示用テンプレートとして使用する。

ドットール ヴラニエス ロッソノービレ[500ml][新品未使用] スティック付

category.phpで表示するカテゴリー別一覧ページは、アーカイブ(archive)と呼ばれる「一覧ページ」の1つ。
WordPressのアーカイブには、
カテゴリー別、タグ別、日付別、著者別、カスタム分類別などがある。
KINGDOM HEARTS キングダムハーツ SuperGroupies リクarchive.php」という名のテンプレートで表示することもできる。

デザインフォーマットを変えたい場合などには、
それぞれに「archive.php」より優先度の高いテンプレート名があるので、それを利用する。

  • category.php(カテゴリー別アーカイブページ用)
  • tag.php(タグ別アーカイブページ用)
  • date.php(日付別アーカイブページ用)
  • author.php(著者別アーカイブページ用)
  • taxonomy.php(カスタム分類別アーカイブページ用)

BRIDGESTONEスタッドレス×スチールホイール4本セット

【売り切り】AKAI EWI USB ウィンドシンセサイザー

ANAYI 本革 レザージャケット 38 M ブラック 黒 牛革 フォーマルcategory.phpがあれば、コレを使ってカテゴリー一覧を表示する。これが無ければarchive.php、それも無ければindex.phpが使われる。

カテゴリーのスラッグやIDを指定したテンプレートを作れば、category.phpより優先され、特定のカテゴリーだけに特定のテンプレートを使うことができる。
「category-スラッグ.php」「category-5.php(数字がID)」といった具合で「-(ハイフン)」でスラッグやIDをつないで指定。

例えば、category-special.php というテンプレートを作っておけば、スラッグを「special」と指定したカテゴリーは、category.phpがあってもこのテンプレートで表示される。
また、IDが5なカテゴリーなら、category-5.php というテンプレートが適用される。
スラッグのほうがIDより優先度は高い。

カテゴリーのIDとは
管理画面の各カテゴリーの編集画面のアドレスバーで、「tag_ID=」で確認できる。
例えば、「http://○○○.com/wp-admin/edit-tags.php?action=edit&taxonomy=category&tag_ID=5&post_type=post」だったら、IDは5。

テンプレートの種類と優先順位についてはこちら:
【TOMORROWLAND】フラッフィーヤーンショートプルオーバー SIZES

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

カテゴリー名を表示する部分を作る

category.phpを作ったら、まずは「カテゴリー名」を出力するタイトル部分を足します。

本ブログではソースはこのように。

<div class="col-full">
  <div class="wrap-col">
    <section class="archiveTtl clearfix">
    <h1><?php single_cat_title(); ?></h1>
    <p><img src="<?php bloginfo('template_url');?>/images/icon_cat_wht.png"/>category archives</p>
    </section>
  </div>
</div>

*上記ソースの div.col-full, div.wrap-col は、本ブログの象印 昭和レトロ 卓上ポット レア 魔法瓶 新品 1.0ℓによるものです。

テンプレートタグ「single_cat_title()」でカテゴリー名を表示できます。(4行目)
これは、タグ名も表示するので、tag.phpでもそのまんま使います。

参考サイト:【新品・送料無料】New離せるソファーベッド

5行目には、img要素でアイコンを置き「category archives」と文言を入れてるだけ。飾りです。

タイトル部分はsection.archiveTtlで囲んで(3行目)、このクラスを使ってCSSで背景色などを指定している。

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

次に、記事の一覧部分を編集。
home.phpでは90s SPICE GIRLS スパイスガールズ FLATBUSH ZOMBIEしているが、
category.phpでは、本日限定価格!ニンシアレッド4本セットあんスタ ぱしゃこれ 千秋で使用したWordPressループを使う。これだと素直にカテゴリーごとの記事一覧を表示してくれるので。

WordPressのループは、美品 ポケットモンスター ハートゴールド ポケモン金をする。
投稿(single.php)・固定ページ(page.php)では、該当する記事は1コなので、ループを使っても1回しか繰り返さない。
今回のcategory.phpでは、ユーザが選んだカテゴリーに該当する記事をあるだけ全部表示してくれる。
ループってオモシロイわー。

ループの基本形についてはコチラ:【名作】Vivienne Westwood MAN ロングシャツ チェック

本ブログではこのように。

<?php
if (have_posts()) : 
  while (have_posts()) :
    the_post();
    get_template_part('each_exrpt_post');
  endwhile;
endif;
?>

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

5行目の get_template_part(‘each_exrpt_post’); は、パーツテンプレート「each_exrpt_post.php」を呼び出している。
これは home.phpの時に作った「抜粋セット」をまんま流用。

この後作る、タグ別一覧(tag.php)、サーチ結果一覧(search.php)も同じフォーマットなので、この「抜粋セット(each_exrpt_post.php)」は全部に流用。
このように1コテンプレ作ったら流用で済ませられるのもWordPressの便利なところ。

表示件数を設定する

WordPressは、1ページに表示する記事の件数を設定できる。デフォルトは10件。
これ、投稿や固定ページは1ページに1記事がデフォなので、アーカイブページのこと。
これを、サイトレイアウトに合わせて設定しなおす。(10件でイイなら変更不要)

WordPressの「管理画面>設定>表示設定」で「1ページに表示する最大投稿数」を変更。

本ブログでは[抜粋セット]を1行3個並ばせたいので、3の倍数で指定。とりあえず6にした。

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド


ページャー(ページナビ)があると一覧ページがわかりやすい。
ここでは「Prime Strategy Page Navi」というプラグインを使用。

「ページャー(ページナビ)」だけでなく「パンくずナビ」「サイトマップ表示」「メタキーワード、ディスクリプション設定」などをまとめて面倒見てくれるプラグイン「WP SiteManager」というのがあり、こっちのほうがプラグインを1つインストールするだけで済むのでイイかも。
ただ、この「WP SiteManager」の「ページャー(ページナビ)」の使用方法は、以下で紹介する「Prime Strategy Page Navi」と同じ(開発元が同じ)なので、役に立つと思いメモっておきます。

プラグイン「Prime Strategy Page Navi」を有効化

WP管理画面>プラグイン>新規追加で「Prime Strategy Page Navi」を検索してインストール。または、loewe アナグラムパッチ モヘアストール グリーンから直接ダウンロードしてFTPでアップロード。その後「有効化」をクリック。

ページャーを表示させる

category.phpのループ内の「endwhile;」の後に、このプラグイン固有のタグ「page_navi()」を追加して、ページャーを表示。

<?php
if (have_posts()) : 
  while (have_posts()) :
    the_post();
    get_template_part('each_exrpt_post');
  endwhile;?>
<!--------------PageNavi--------------->
<div class="row col-full">
  <div class="wrap-col">
	<?php
	if (function_exists('page_navi')) :
	page_navi('elm_class=page-nav&edge_type=span&items=3');
	endif;?>
  </div>
</div>
<?php
endif;
?>

*上記ソースの div.col-full, div.wrap-col は、本ブログのmoussy HW DAMAGE LOOSE STRAIGHT ストレートデニムによるものです。

12行目の「if (function_exists(‘page_navi’)) :」で、プラグインが有効な場合のみ表示。
13行目の「page_navi()」で、パラメータを使ってページャーの詳細を設定できる。
ページャーそのものは<ul>で出力される。
「page_navi()」の引数で指定するパラメータは以下のモノがあるそうです。
赤字が今回使っているパラメータ)

items
表示する前後ナビゲーションの数。現表示ページを含むため、前後の表示数を揃えたい場合は奇数にする。デフォルトは11(前に5コ、後に5コ)でけっこう多い。画面幅が小さいデバイス(スマホとか)での表示を考えると、items=3 くらいがちょうど良いかも。
edge_type
1ページ目と最終ページのときに、「前後ページへのリンク(「<」と「>」)」や「最初・最終ページへのリンク(「«」と「»」)」の表示方法を指定する。
none==非表示。span==リンクなしで表示。link==リンク付きで表示。デフォルトはnone
show_adjacent
前後ページへのリンクを表示するかどうかのBoolean値。デフォルトはtrue(表示)
prev_label
前ページリンクのリンクテキスト。デフォルトは「&lt;(<)」
next_label
次ページリンクのリンクテキスト。デフォルトは「&gt;(>)」
show_boundary
最初と最後のページへのリンクを表示するかどうかのBoolean値。デフォルトはtrue(表示)
first_label
最初のページへのリンクテキスト。デフォルトは「&laquo;(«)」
last_label
マックスマーラ レザージャケット
show_num
現ページナンバーと全ページ数の表示をするかどうかのBoolean値。デフォルトはfalse(非表示)
num_position
現ページナンバーと全ページ数の表示位置。デフォルトはbefore(前)。後に表示したい場合はafterを指定
num_format
現ページナンバーと全ページ数の表示フォーマット。デフォルトは、<span>数字/数字</span>(nn/mm)
navi_element
ページナビを囲む要素。divかnavを指定可能。デフォルトは空(要素なし)
elm_class
ボルボ V40CC用ミシュランスタッドレスX-ICE3プラスセット
elm_id
ページナビを囲む要素のclass属性。囲む要素がない場合は、ページナビのul要素のid属性。デフォルトは「無し」
【新品】ポピュラスDS
ページナビの全liに付くclass属性。デフォルトは「無し」
current_class
現ページのliに指定されるクラス名。デフォルトは current
current_format
現ページの表示フォーマット。デフォルトは <span>数字</span>
class_prefix
カルカッタコンクエスト50 ベイトフィネス 渓流 美品
indent
タブインデント数。デフォルトは0
echo
ページナビの出力を行うかどうかのBoolean値。デフォルトは true(出力する)。
false や 0 を指定するとPHPの値として返す。

CSSでページャーを整える

ここでブラウザプレビューすると、ページャーのHTMLはこのように出力されている。
(3ページまで表示される数の記事をダミー記事を作ってテストした。カテゴリー名は「wordpress」)

<!--------------PageNavi--------------->
<div class="row col-full">
  <div class="wrap-col">
   <ul class="page-nav">
    <li class="first"><span>&laquo;</span></li>
    <li class="previous"><span>&lt;</span></li>
    <li class="current"><span>1</span></li>
    <li class="after delta-1"><a href="http://○○○.jp/category/wordpress/page/2">2</a></li>
    <li class="after delta-2 tail"><a href="http://○○○.jp/category/wordpress/page/3">3</a></li>
    <li class="next"><a href="http://○○○.jp/category/wordpress/page/2">&gt;</a></li>
    <li class="last"><a href="http://○○○.jp/category/wordpress/page/3">&raquo;</a></li>
   </ul>
  </div>
</div>

*上記ソースの div.col-full, div.wrap-col は、本ブログのグリッドシステムによるものです。

このようにブラウザでHTMLソースを見ると「page_navi()」のパラメータの作用も理解できる。

そしてこのHTMLソースでの class属性や span, a を使って、CSSで整える。
本ブログではこのように。

ul.page-nav {
	text-align:center;
	font-weight:bold;
	margin:30px 0;}
ul.page-nav li {display:inline;}
ul.page-nav li a {
	border: 2px solid rgba(255,255,255,0.8);
	border-radius:10px;}
ul.page-nav li a:hover {
	text-decoration:none;
	border: 2px solid #fff;
	box-shadow: 0 0 20px #fff inset;}
ul.page-nav li a:active {top:1px;}/*push image*/
ul.page-nav li.current span {/*style of current button*/
	border: 2px solid #89c040;
	background: #89c040;
	border-radius: 10px;}
ul.page-nav li.first span,
ul.page-nav li.previous span,
ul.page-nav li.next span,
ul.page-nav li.last span,
ul.page-nav li.page_nums span {/*no link buttons*/
	border: 2px solid rgba(255,255,255,0.5);
	color: rgba(255,255,255,0.5);
	border-radius: 10px;}
ul.page-nav li a,
ul.page-nav li.current span,
ul.page-nav li.first span,
ul.page-nav li.previous span,
ul.page-nav li.after span,
ul.page-nav li.next span,
ul.page-nav li.last span,
ul.page-nav li.page_nums span {
	padding: 0.5em 0.8em;
    position:relative;}

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

WordPressの Embedカード(ブログカード)のリンクは、デフォルトでは同ウィンドウで開くようになっていますが、これを別ウィンドウ(別タブ)で開くようにシマノ ミッドゲームCI4 Type64 M225

前回の記事で、WordPress 4.5 の Embedカード(ブログカード)の「テンプレートの構成」や「HTML要素のクラス名」などを調べました。これを元に、CHROME COHESIVE 35 BLACK REMNANT

前回から WordPressの Embedカード(ブログカード)について調べたことをメモっています。 今回は Embedカードの PHPファイルの構造についてナフコ ソファーベッド 最終値下げ

お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

Comments

  1. Nissyan より:

    お礼のコメントをさせていただきました。
    すごく内容の書き方などが、すごくわかりやすく、wordpressで躓いてた箇所がどんどん解決されました。
    そして、サイトのデザインもすごく好きなデザインで参考にさせてもらってます。

    ありがとうございました。

  2. はりきり(Mr) より:

    WordPressのカテゴリの表示をカスタマイズするための情報を探していて、たどり着きました。カテゴリに関するphpファイル名の優先度があることなど分かりやすい説明されているので大変参考になりました。

    お待たせ! ソファー 2人掛け おしゃれ ソファベッド 2way ソファーベッド ソファベッド

Leave a Comment ENEW エニュースーパーザイムプラス4 720ml 3本セット

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。

セパルフェ コンブチャクレンズ 720ml 4本セット