Wordpressのテーマを自作してみたので覚書
Wordpressのテーマを自作するお仕事が回ってきたけど
そもそもコードすらまともに書いたことが無いので、備忘録がてら記載していく
アイキャッチ画像をトップページ新着記事の背景画像にする
アイキャッチ画像を背景画像にする方法|WordPressテーマカスタマイズ
[WordPress] アイキャッチのURLを取得してCSSで背景画像に設定する方法*prasm
を参照した
ソーシャルメディアとの連携
プラグインでこれを設置した 簡単だった
ソーシャルボタンを設置するWordPressプラグイン「Tweet, Like, Google +1 and Share」 | Web’Notes
サイドバーに人気記事を表示 (プラグイン)
このあたりを参考に
これで自由自在!WordPress Popular Postsで人気記事を任意の箇所に表示する3つの方法(プラグイン使用)
このへんも参考になるかな
【WordPress】 カテゴリ別の人気記事をサムネイル付きで表示させたい | yucomix〔ユーコミックス〕
投稿記事を2カラムにしてサイドバーを表示させる
なかなか難しかったがここを参考に
bootstrapだと簡単に出来る
WordPress オリジナルテーマ:Bootstrapを使った2カラムレイアウト | SlackHack
div class="secondary"
のところは
div class="sidebar"
にして、style.cssで自分でクラスを定義した
in style.css
#sidebar {
float: right;
width: 150px;
margin-top: 150px;
}
.widget {
margin-bottom: 25px;
}.widget h3 {
font-weight: bold;
padding-bottom: 10px;
}.widget li {
line-height: 1.8;
}
こんな感じ
各投稿記事へのアイキャッチ画像の表示 (single.php)
こちらを参考にphpで記述
WordPressのアイキャッチ画像の設定方法 | Web’Notes
このへんも画像の大きさカスタマイズなどの参考に