投稿記事一覧
【投稿ページ】カテゴリー別でページャー設定
投稿ページで、「前の投稿記事」「次の投稿記事」というページャーを貼るとき使うのが
<?php the_post_navigation(); ?>でも、これだとカテゴリーごとに分けている意味が無視されて、単なる時系列順にリンクされてしまいます。
結果、「ブログ」や「写真」や「お知らせ」など、一緒くたにリンクされてしまうのです。ユーザビリティ悪すぎ。
私はページャーが苦手なので(種類が多すぎてどれを使えばいいのか迷ってしまう)、色々検索して試してみるも、やっぱりよくわからない。
でもって、やっと見つけました。
私にでもわかるように簡潔かつ完璧に解説してくださっていたサイトさんが。
★022/個別ページで次の投稿・前の投稿へのリンクを表示する
結果は、以下の通りです。
=single.php=
<nav class="nav">
<?php the_post_navigation(array(
'in_same_term' => true,
'prev_text' => '« 前へ',
'next_text' => '» 次へ',
)); ?>
</nav>
これでカテゴリー別にリンクできました。
object-fitが効かない!
background-imageに指定したpng画像が、なぜか思うような大きさに収まってくれない。
object-fit:cover、object-fit:contain、object-fit:scale-down、一通り全部試したけどダメ。
なぜだぁぁぁぁ…
と思ったら、
background-size
でした。ぁぁぁ…
Tableのボーダーが表示されない
<table>
って、指定すべきことが多いよね。
<tr>
とか
<th>
とか
<td>
とか。
table-layout: auto; //テーブルのアレイアウトアルゴリズムを指定する。 border-collapse: collapse; //テーブルのボーダーの表示形式を指定する。 border-spacing: 5px 15px; //テーブルのボーダーの間隔を指定する。 visibility: collapse; //ボックスの表示・非表示を指定する。 empty-cells: hide; //テーブル内の、空のセルの表示形式を指定する。 caption-side: bootom; //テーブルの<caption>要素の表示位置を指定する。
なんかもあって、結構面倒です。
でもこれで、枠線(ボーダー)も表示されるって当たり前のように思ってしまった。とほほ…
ボーダーは別に指定しなければいけないんだね!
それも
<td>
に!
td { border: groove 1px #ccc; }
「uncategorized」を消したい
カテゴリー欄ですが、順番が自由に変えられたら問題なかったのに、必然的にアルファベット順に表示されてしまうので困ったことに。
設定したカテゴリーの真ん中に「uncategorized」のヤツが陣取ってしまうのです。
それでこれを消してしまえ!と思いました。
とてもわかりやすく教えてくださっているサイトさんがありました。
★WordPressの「未分類」カテゴリーを非表示にする方法
消えたわ。
カテゴリー名の取得と表示
「カテゴリー検索をしたときにズラズラッと出てくる記事のトップに、そのカテゴリー名を表示したい」という時。
『get_the_category()』を使いましょう。
『get_the_category()』では、「カテゴリーID」「カテゴリー名」「カテゴリースラッグ」などが取得できます。
<?php $category = get_the_category(); $cat_id = $category[0]->cat_ID; $cat_name = $category[0]->cat_name; $cat_slug = $category[0]->category_nicename; echo $cat_id; // カテゴリーIDを表示 echo $cat_name; // カテゴリー名を表示 echo $cat_slug; // カテゴリースラッグを表示 ?>
私の場合、「カテゴリー名」だけ表示できれば良いので、
<?php $category = get_the_category(); echo $category[0]->cat_name; ?>って感じでしょうか。
でも、実際に出力してみると、なんだか使い勝手が悪い。出てほしいカテゴリー名が出てこないのだ。
なので、属している全てのカテゴリ名を取得することにしました。
<?php$categories = get_the_category();if($categories) {foreach($categories as $categorie) {$output .= $categorie->name;}echo $output;}?>
これで出てほしいカテゴリー名も全て出てくれましたが、スペースも「、」もなく文字が連なって出てくるので、これでは見栄えが悪すぎるだろ…。
それで、今一度カテゴリーを整理して、親子関係を見直してみることにしました。その上で、親カテゴリー名のみを表示したいと思いました。
解決してくれてる人がいらっしゃいました♪
<?php
$cats = get_the_category();
$cat = $cats[0];
$cat_name = $cat->cat_name;
$cat_slug = $cat->category_nicename;
if ($cat->parent){
$parent = get_category($cat->parent);
$cat_name = $parent->cat_name;
$cat_slug = $parent->category_nicename;
echo "<span class=\"ico-cate $cat_slug\">$cat_name</span>";
} else {
echo "<span class=\"ico-cate $cat_slug\">$cat_name</span>";
}
?>
これで親カテゴリー名のみがきちんと表示されるようになり、すっきりいたしました。
【参考になったサイト様】
