holden1108 のすべての投稿

twentyfourteenのエントリー記事の幅を変更

WordPressのtwentyfourteenのエントリー記事の表示幅が狭いの変更してみた。

備忘録として書いときます。

 

手順は以下。

1. Chromeの”要素を検証”機能にて幅のサイズを474pxと特定。

2. grepでテーマのスタイルシートを確認してみる。

# grep -B2 474 style.css

.page-content {
margin: 0 auto;
max-width: 474px;

.hentry .mejs-fullscreen-button button:before {
content: ‘\f474’;

.image-navigation {
margin: 24px auto 48px;
max-width: 474px;

.page-header {
margin: 24px auto;
max-width: 474px;

.contributor-info {
margin: 0 auto;
max-width: 474px;

.comments-area {
margin: 48px auto;
max-width: 474px;

.widecolumn > form {
margin: 0 auto 48px;
max-width: 474px;

3. 戻せるようにバックアップ取得

#cp -p style.css style.css.org

4. sedで置換

#sed -i -e “s/474px/750px/g” style.css

以上。