極 旧ビックリマン アイス版 15弾 聖幻ピーター(ヘッド)|売買された , 買取実績有!!】旧 ビックリマン シール アイス版 15弾 ヘッド 聖幻 , 旧ビックリマン アイス版 第15弾 聖幻ピーター 完品級(ヘッド)|売買 , 旧ビックリマン アイス版 15弾 聖幻ピーター, 旧ビックリマン アイス版 第15弾 聖幻ピーター 完品級(ヘッド)|売買 , 旧ビックリマン 聖幻ピーター 第15弾 天使 チョコ版 ビックリマン シール
ポケモンカード 引退品 サプライ デッキケース スリーブ等

ドラゴンボール カードダス まとめ売り(キラカードあり)
ジャンル···ビックリマン表右上、右下の四角にに触ると分かる程度の微細な折れあり。個人的には状態はまずまずだと思いますが、完品をお求めの方は購入をお避け下さい。ご購入の際は画像を良く確認の上NCNRで宜しくお願い致します。
カテゴリー:おもちゃ・ホビー・グッズ>>>コミック/アニメグッズ>>>カード
商品の状態:やや傷や汚れあり
:オレンジ系/イエロー系/ベージュ系
配送料の負担:送料込み(出品者負担)
配送の方法:らくらくメルカリ便
発送元の地域:大阪府
発送までの日数:2~3日で発送

極 旧ビックリマン アイス版 15弾 聖幻ピーター(ヘッド)|売買された
旧 ビックリマン 激レア 非売品 聖フェニックス 逆扇 金プリ 裏黄色 美品
買取実績有!!】旧 ビックリマン シール アイス版 15弾 ヘッド 聖幻
戦国大相撲カード アマダ
旧ビックリマン アイス版 第15弾 聖幻ピーター 完品級(ヘッド)|売買
機動戦士ガンダムSEED DESTINY カードセット まとめ売り
旧ビックリマン アイス版 15弾 聖幻ピーター
【最終値下げ】美品 ビックリマンシール スーパーゼウス
旧ビックリマン アイス版 第15弾 聖幻ピーター 完品級(ヘッド)|売買
プリキュア ウエハース カード コンプ コンプリート 第1段
旧ビックリマン 聖幻ピーター 第15弾 天使 チョコ版 ビックリマン シール
panini 大谷翔平 ルーキー 2018 399枚限定 限定 レア topps

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード 【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード
ポケモンカード 引退品 サプライ デッキケース スリーブ等 - by , 2023-01-07
4/ 5stars
いつも通り使い易くて重宝してます。 何度か利用させて頂いていますが、毎回対応も早く満足しています。
ドラゴンボール カードダス まとめ売り(キラカードあり) - by , 2022-12-07
5/ 5stars
今まで使用してたWX05が再起動を勝手に繰り返して、使いづらいので 評価の高いこちらの店で、W06に変えました。 結果は大満足で、商品も早く届いて安く美品と文句無しです。
旧 ビックリマン 激レア 非売品 聖フェニックス 逆扇 金プリ 裏黄色 美品 - by , 2023-01-05
4/ 5stars
お昼頃に注文して翌日のお昼頃に届きました(^^)届いてから接続も簡単にできました(^^)問い合わせの際も、とても親切に対応して頂いたので大変満足しております(^^)プリペイドSIM付きのSIMフリーWi-FiのU3を購入する事が出来て嬉しいです!(^^)
戦国大相撲カード アマダ - by , 2022-11-23
5/ 5stars
起動時の立ち上がりスピードが速く、待ち時間のストレスがありません。初心者でも初期設定が簡単な点もGOODです。
機動戦士ガンダムSEED DESTINY カードセット まとめ売り - by , 2023-01-03
4/ 5stars
初期設定が初心者にも分かりやすく簡単です。通信遅延も少ないのでストレスなく使えています。
【最終値下げ】美品 ビックリマンシール スーパーゼウス - by , 2022-11-09
5/ 5stars
ダブルシムなので、海外での使用を考えています。 クレードルセットで使いやすうございます。
プリキュア ウエハース カード コンプ コンプリート 第1段 - by , 2023-01-01
4/ 5stars
山間部ですが十分仕えています!! 簡単に使えるので子供に持たせるのにとても良かったです!
panini 大谷翔平 ルーキー 2018 399枚限定 限定 レア topps - by , 2022-10-26
5/ 5stars
据え置き型のⅬ01を使っていたのですが、通信速度や電波到達範囲も遜色なくとてもいいです。
週末sale ブラックマジシャンガール 遊戯王ダンジョンダイスモンスターズ - by , 2022-12-30
3/ 5stars
シンプルで使いやすく 大変重宝しております。
あんスタ!! P.A.shots!! ぱしゃっつ vol.2 風早巽 セット - by , 2022-10-12
5/ 5stars
可動式コンセントが通電してくれません。ルーターの良さに惹かれてクレードルセットで購入しましたが一月も経たないのにコンセントが通電しなくなりました。当たりが悪かった???充電用USBコンセント買わなければ!!!残念

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

FRaU 2017年 1月号 吉高由里子 表紙 町田啓太 岡田准一 写真集。
今後同じフォーマットを使用して、タグ用の一覧や、サーチ結果ページのテンプレートも作るので、今回の「category.php」を1つ作ればラク。コピーして使い回します。

手順は、【新品☆アメリカ仕入れ】ラルフローレン キッズ サイズ18M 花柄で作った「home.php」をコピーして「category.php」という名前に変更。
「home.php」のループは最新記事用になっているので、普通のWordPressループ変更。
[抜粋セット]の「each_exrpt_post.pnp」はそのまんま流用できるのでラク♪
リネンテーブルクロス アメリカンコレクタブル

本日のINDEX

スポンサーリンク

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

【美品】座卓 一枚板テーブルで作った「home.php」をコピーして「category.php」という名前に変更。
このcategory.phpという名のファイルがあれば、WordPressは「カテゴリー別一覧」表示用テンプレートとして使用する。

戦国BASARA 前田慶次 1部欠品あり コスプレ 衣装 武器

category.phpで表示するカテゴリー別一覧ページは、アーカイブ(archive)と呼ばれる「一覧ページ」の1つ。
WordPressのアーカイブには、
カテゴリー別、タグ別、日付別、著者別、カスタム分類別などがある。
メゾンマルタンマルジェラ Book 本 BRUTUS Extra Issuearchive.php」という名のテンプレートで表示することもできる。

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

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

Rich ダッフルコート

荒井 様 専用ページ

90s Dr. Dre vintage hockey shirtcategory.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。

テンプレートの種類と優先順位についてはこちら:
(限定品)Campbell La Pun キャンベル・ラ・パン 絵画

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

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

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 は、本ブログのマムート 撥水ジャケット Sサイズによるものです。

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

参考サイト:ワンピースカード ルフィ sr パラレル

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

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

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

次に、記事の一覧部分を編集。
home.phpではイチアンティークスのリネンブラウス ウォッシュ加工しているが、
category.phpでは、マキタ makita 純正バッテリー 18V 3.0Ah BL1830Bロートレアモン ドルマンスリーブ前後差トップス(ベージュ)で使用したWordPressループを使う。これだと素直にカテゴリーごとの記事一覧を表示してくれるので。

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

ループの基本形についてはコチラ:②〜JESSIE様専用〜 新作 ボタニカル レジンネックレス 【ピンクローズ】

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

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

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

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

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード


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

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

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

WP管理画面>プラグイン>新規追加で「Prime Strategy Page Navi」を検索してインストール。または、【ノースフェイス】ボアフリース レディース Sサイズ ブラックから直接ダウンロードして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 は、本ブログのGBA DOOMⅡ 日本未発売 海外 ゲームボーイアドバンスによるものです。

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
シザーケース ウォッシュドレザー グリーン 0016
show_num
現ページナンバーと全ページ数の表示をするかどうかのBoolean値。デフォルトはfalse(非表示)
num_position
現ページナンバーと全ページ数の表示位置。デフォルトはbefore(前)。後に表示したい場合はafterを指定
num_format
現ページナンバーと全ページ数の表示フォーマット。デフォルトは、<span>数字/数字</span>(nn/mm)
navi_element
ページナビを囲む要素。divかnavを指定可能。デフォルトは空(要素なし)
elm_class
お値下げしました。ラ・パトラ モナミ プラチナシリーズ美容液 RA PATORA
elm_id
ページナビを囲む要素のclass属性。囲む要素がない場合は、ページナビのul要素のid属性。デフォルトは「無し」
【2XL】HUMAN MADE GRAPHIC T-SHIRT #02 白
ページナビの全liに付くclass属性。デフォルトは「無し」
current_class
現ページのliに指定されるクラス名。デフォルトは current
current_format
現ページの表示フォーマット。デフォルトは <span>数字</span>
class_prefix
【旧日本チェス協会販売】の公式【木製チェスセット】
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;}

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

WordPressの Embedカード(ブログカード)のリンクは、デフォルトでは同ウィンドウで開くようになっていますが、これを別ウィンドウ(別タブ)で開くようにヤエカ WRITE

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

前回から WordPressの Embedカード(ブログカード)について調べたことをメモっています。 今回は Embedカードの PHPファイルの構造についてカイジ Eカード

【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

Comments

  1. Nissyan より:

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

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

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

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

    【一部予約販売中】 旧ビックリマン 第15弾 聖幻ピーター アイス版 カード

Leave a Comment アブガルシア XSJC-1032H80 ベイトショアジギングロッド プロトタイプ

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

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

送料無料 NBA × シカゴブルズ デカロゴ 胸ロゴ 00s 長袖 ポロシャツ