アンティーク サイドテーブル 木製 三足 猫足 ロココ調, アンティーク サイドテーブル 木製 三足 猫足 ロココ調, ロココ調 コンソールテーブル 木製 サイドテーブル 猫脚 彫刻 引き出し 飾り台 花台 ディスプレイ台 飾り棚 アンティーク調 フレンチ ヨーロッパ 上品 エレガント かわいい おしゃれ 姫家具 店舗什器 サロン 美容室 ホテル 化粧室 輸入家具 インテリア 白 ホワイト 4018-18 | , サイドテーブル 丸形 幅60cm/ イタリア アンティーク スタイル , サイドテーブル 丸形 幅60cm/ イタリア アンティーク スタイル , ロココ調 コンソールテーブル 木製 サイドテーブル 猫脚 彫刻 引き出し 飾り台 花台 ディスプレイ台 飾り棚 アンティーク調 フレンチ ヨーロッパ 上品 エレガント かわいい おしゃれ 姫家具 店舗什器 サロン 美容室 ホテル 化粧室 輸入家具 インテリア 白 ホワイト 4018-18 |
サイドテーブル 花台 セット アイアン シルバー AC-1722

折りたたみコタツテーブル
アンティークのサイドテーブルです。足のデザインや使い心地の良さに惹かれ購入しましたが、家具整理に付き出品致します。サイズ55x55x65cm
カテゴリー:インテリア・住まい・小物>>>机/テーブル>>>サイドテーブル
商品の状態:やや傷や汚れあり
:オレンジ系/ベージュ系
配送料の負担:送料込み(出品者負担)
配送の方法:梱包・発送たのメル便
発送元の地域:東京都
発送までの日数:2~3日で発送

アンティーク サイドテーブル 木製 三足 猫足 ロココ調
《新品・送料無料》【幅35cm】Sasha サイドキャビネット
アンティーク サイドテーブル 木製 三足 猫足 ロココ調
お買得セール❗️●訳あり②無垢家具(桧)コーヒーテーブル、ミニテーブル、ベンチ
ロココ調 コンソールテーブル 木製 サイドテーブル 猫脚 彫刻 引き出し 飾り台 花台 ディスプレイ台 飾り棚 アンティーク調 フレンチ ヨーロッパ  上品 エレガント かわいい おしゃれ 姫家具 店舗什器 サロン 美容室 ホテル 化粧室 輸入家具 インテリア 白 ホワイト 4018-18 |
ビンテージ カリモク コロニアル コンソールテーブル 木製 花台 サイドテーブル
サイドテーブル 丸形 幅60cm/ イタリア アンティーク スタイル
セレスティア ナイトテーブル サイドテーブル アンティーク 木目
サイドテーブル 丸形 幅60cm/ イタリア アンティーク スタイル
英国アンティーク サイドテーブル 中 幅43cm オーク無垢 輸入家具
ロココ調 コンソールテーブル 木製 サイドテーブル 猫脚 彫刻 引き出し 飾り台 花台 ディスプレイ台 飾り棚 アンティーク調 フレンチ ヨーロッパ  上品 エレガント かわいい おしゃれ 姫家具 店舗什器 サロン 美容室 ホテル 化粧室 輸入家具 インテリア 白 ホワイト 4018-18 |
アンティーク ビンテージ ロココ バロック シャビー サイドテーブル 花台

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル 【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル
サイドテーブル 花台 セット アイアン シルバー AC-1722 - by , 2022-12-07
4/ 5stars
高さがちょうど良くなって作業しても疲れにくくなった。ホワイトは画像ではよくわからなかったけど、木目のあるタイプだったので、お値段のわりにいい感じです。
折りたたみコタツテーブル - by , 2023-01-05
5/ 5stars
在宅ワークが楽になりました。 シンプルでとても気に入りました。
《新品・送料無料》【幅35cm】Sasha サイドキャビネット - by , 2022-11-23
4/ 5stars
気持ち少し狭めでしたが、非常に良い買い物が出来ました♪この価格なら納得です♪
お買得セール❗️●訳あり②無垢家具(桧)コーヒーテーブル、ミニテーブル、ベンチ - by , 2023-01-03
5/ 5stars
そこまで高いお値段ではありませんから仕方ないかもしれませんが、見た目はややチープ。 もうちょい高さがある方が良かったですが許容範囲です。
ビンテージ カリモク コロニアル コンソールテーブル 木製 花台 サイドテーブル - by , 2022-11-09
4/ 5stars
布団の横に置いて起きてすぐデスクワークができます。日記もすぐにかけるので効率があがりました。色はブラウンにしましたがアジアンな部屋に合うのでよいです。組み立ての説明文が足りなかったので星4つです。
セレスティア ナイトテーブル サイドテーブル アンティーク 木目 - by , 2023-01-01
5/ 5stars
リビングの食卓テーブルでPC作業している主人へプレゼント。高さや、角度を変えての使用はまだです。ダークブラウン購入、写真では黒っぽくみえますが気にいった色です
英国アンティーク サイドテーブル 中 幅43cm オーク無垢 輸入家具 - by , 2022-10-26
4/ 5stars
到着も早く、組み立ても本当に簡単で、値段の割にはしっかりした商品だと思います。
アンティーク ビンテージ ロココ バロック シャビー サイドテーブル 花台 - by , 2022-12-30
5/ 5stars
通常の机だけではノートパソコンに、外付けキーボードに、ディスプレイ、マウスなどなど、机上が狭くサイドテーブルとして使用したいと思い購入しました。ノートを広げたり、電卓も置いたりして、凄く使い勝手が良いです。確かに二本足の為、グラグラして安定感はありませんが、椅子を引き寄せて使用出来るのが、かえって良い感じです。お値段も安かったし、満足してます。
2台中の2 デンマーク D-Scan Captain Line テーブル 中 - by , 2022-10-12
3/ 5stars
机の面積も大きめですし、ストッパーのおかげで机を斜めにしても物が落ちないので大変便利です。 調節ノブのワンタッチがかなり固いのでコツが要ります。最初は苦労しました。 買ってよかったです!
美品ダイニングテーブル5点セット - by , 2022-12-28
5/ 5stars
レビューみて購入したのですが値段の割には安っぽいです。
アクタス購入 TECTA テクタ K22 SIDE TABLE サイドテーブル - by , 2023-01-11
4/ 5stars
黒にしたためか圧迫感なく、ゴミ箱としては結構入る大きさです。 形も気に入りました
オッフィー マガジンラック テーブル スツール - by , 2023-01-04
5/ 5stars
配送も早く、思っていたとおりのお品でした。 また組み立ては、ひとりで1時間弱くらいで出来ました。
サイドテーブル・長イス2点セット - by , 2023-01-09
4/ 5stars
注文から配達までスムーズにして頂きありがとうございました! 日頃、子供が宿題をするちょっとした机を探しておりましたら、この商品に辿り着きました。折りたたみも簡単で宿題以外に色々と使用出来そうです。また、このお値段ではなかなかこのような机は買えないのでいい買物をさせて頂きました。 また、機会がありましたらご利用させて頂きます。

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

18カーディフ CI4+ 1000SHG(中古)。
今後同じフォーマットを使用して、タグ用の一覧や、サーチ結果ページのテンプレートも作るので、今回の「category.php」を1つ作ればラク。コピーして使い回します。

手順は、【新品】mnml size32 ミニマルで作った「home.php」をコピーして「category.php」という名前に変更。
「home.php」のループは最新記事用になっているので、普通のWordPressループ変更。
[抜粋セット]の「each_exrpt_post.pnp」はそのまんま流用できるのでラク♪
シマノ アルデバラン Mg7 左 KTFスプール

本日のINDEX

スポンサーリンク

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

フォーク伝説 石川鷹彦 楽譜本とCDのセットで作った「home.php」をコピーして「category.php」という名前に変更。
このcategory.phpという名のファイルがあれば、WordPressは「カテゴリー別一覧」表示用テンプレートとして使用する。

THE NORTH FACE ノースフェイス リモフリースジャケット

category.phpで表示するカテゴリー別一覧ページは、アーカイブ(archive)と呼ばれる「一覧ページ」の1つ。
WordPressのアーカイブには、
カテゴリー別、タグ別、日付別、著者別、カスタム分類別などがある。
THROW by SLY VEGAN LEATHER BALOON B-3 Jkarchive.php」という名のテンプレートで表示することもできる。

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

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

アブガルシア アンバサダー 2500c

レア❗定価8万超❗ DOMA レザー コンビ ブルゾン

ノースフェイス マウンテンジャケット S ココアブラウン CB 新品未使用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。

テンプレートの種類と優先順位についてはこちら:
super grouaiesゴッドイーター3 コラボレザージャケット

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

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

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 は、本ブログのmaison de soilコーデュロイイージーパンツによるものです。

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

参考サイト:お値下げ★ウニコ unico WICKサイドテーブル

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

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

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

次に、記事の一覧部分を編集。
home.phpでは【美品】pinue ピエヌ ロングコート ボア襟付きダッフルコートしているが、
category.phpでは、23区 シルクブレンド ニットアンサンブル サイズ38ビアッジョブルー ダッフルコート【新品・未使用】で使用したWordPressループを使う。これだと素直にカテゴリーごとの記事一覧を表示してくれるので。

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

ループの基本形についてはコチラ:Tomix 92384/92385他 165系急行「アルプス・こまがね」12両

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

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

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

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にした。

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル


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

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

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

WP管理画面>プラグイン>新規追加で「Prime Strategy Page Navi」を検索してインストール。または、CB250T CB400T バブ ヤカンタンクから直接ダウンロードして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 は、本ブログの【1PIU1UGUALE3 RELAX】スーパーストレッチ総柄ロゴスラックスによるものです。

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
イエナ IENA × スタイリスト辻直子さんコラボ ブルゾン
show_num
現ページナンバーと全ページ数の表示をするかどうかのBoolean値。デフォルトはfalse(非表示)
num_position
現ページナンバーと全ページ数の表示位置。デフォルトはbefore(前)。後に表示したい場合はafterを指定
num_format
現ページナンバーと全ページ数の表示フォーマット。デフォルトは、<span>数字/数字</span>(nn/mm)
navi_element
ページナビを囲む要素。divかnavを指定可能。デフォルトは空(要素なし)
elm_class
【ヴィンテージ】スウェード調ハーフコート ジャケット カーキ 古着 AS122
elm_id
ページナビを囲む要素のclass属性。囲む要素がない場合は、ページナビのul要素のid属性。デフォルトは「無し」
yori Vネックファーショートコート
ページナビの全liに付くclass属性。デフォルトは「無し」
current_class
現ページのliに指定されるクラス名。デフォルトは current
current_format
現ページの表示フォーマット。デフォルトは <span>数字</span>
class_prefix
ノースフェイス L ワンポイント ナイロンジャケット 黒薄手 ロゴ キャンプ
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;}

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

WordPressの Embedカード(ブログカード)のリンクは、デフォルトでは同ウィンドウで開くようになっていますが、これを別ウィンドウ(別タブ)で開くようにプロフお読み願います様専用カトラリー4本セット×5

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

前回から WordPressの Embedカード(ブログカード)について調べたことをメモっています。 今回は Embedカードの PHPファイルの構造についてキャッスルファニチャー オーク サイドテーブル ナイトテーブル キャビネット

【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

Comments

  1. Nissyan より:

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

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

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

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

    【人気No.1】 アンティーク サイドテーブル 木製 三足 猫足 ロココ調 サイドテーブル

Leave a Comment 【新品未使用、未開封、定価11,000円】PORTER タンカー 折り財布

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

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

UNIQLO 色々(1点から可)