WordPressをそろそろちゃんと編集しよう

最近、ワードプレスをチョコチョコ編集していて、なかなか苦戦していたが、やっと光がみえてきたので、これまでの苦戦ぶりと、備忘録の為に、いろいろ足掻いた結果を残しておこうと思う。

まず、前回課題にあげたのは、
①トップページとカテゴリーページを固定ページにする。
②上記の固定ページに新着記事をいくつか載せる。
③WordPressで必要なPHPを覚える。
④PHPを使った際にファイルやフォルダサーバーにアップロードする方法を覚える。

ざっと考えてこんなものか。

1 トップページとカテゴリーページを固定ページにする
2 トップページとカテゴリーページ新着記事をいくつか載せる
3 WordPressで必要なPHPを覚える
4 PHPを使った際にファイルやフォルダサーバーにアップロードする方法を覚える
5 あまり役に立たなかったこと
- 5.1 関連記事

トップページとカテゴリーページを固定ページにする

まずトップページとカテゴリートップページは固定ページとして作成。

何故かわからないが、カテゴリーページのパーマリンクアドレスは、そのカテゴリーのスラッグをそのまま使用すると、そのカテゴリーの個別のページが表示されなかった。
なので、ビミョーに変えてみた。

カテゴリートップページを最新の投稿ページにするなら、そのままでもOKだが、それはちょっと見栄えが悪いかな～。

ただ注意点はサムネイルとアイキャッチは別のものとされるので、毎回画像を追加した後に、アイキャッチも設定しなければならない。

まあ、それくらいなら。ねえ。

トップページとカテゴリーページ新着記事をいくつか載せる

トップページとカテゴリートップのページは、Newpost Catchというプラグインを使って新着一覧のような形でリンクを貼るのがいいみたい。

このプラグインは何がいいってショートコードを入力するだけでいい。
とても簡単でいい。

あとは、custom.phpにスタイルシート編集を追記すればいい。
ちなみに追加したのは以下のとおり

/* Newpost Catch */

#npcatch li{
overflow:hidden;
clear:both;
vertical-align:top;
border-bottom: 1px dotted #666666;
}
#npcatch img{
float:left;
padding:5px 10px 0 0;
}
#npcatch .title a{
font-size: large;
font-weight: 700;
text-decoration: none;
}
#npcatch .date {
font-size: small;
font-weight: 600;
display:block;
color: #adb5bf;
margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}