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

以上。