ネット偽善者でもいいじゃない

悩んでるなら面白いマンガ読もう

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

 

sidebar.php

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

 

このへんも画像の大きさカスタマイズなどの参考に

アイキャッチ画像 | Web Design Leaves