Twenty Twelve」タグアーカイブ

WordPress 珍道中 その13(今さら、Twenty Twelve のヘッダーの余白を無くす。)

Twenty Twelveの

ヘッダー上部の余白を無くしました。

参考にしたのは下記のサイトです。

https://wakariyasui.net/wp-customaize/twentytwelve-customize/twentytwelve-ヘッダー周りの余計な余白をなくす/

サイト管理者のマリアチさん、ありがとうございます。
スッキリしました。

お目当てのCSSでのHEADERの場所ですが、
548行目にありました。
参考にして下さい。

※CSSを呼び出すには、バージョンに拠って異なる様ですが、
外観→テーマエディター→CSSの表示となります。

あとは548行目にあるヘッダーの余白のコードの前に/*
終わりに*/
を加えるだけ。

548  /* Header */
549  .site-header {
550  /* padding: 24px 0;
551  padding: 1.714285714rem 0; */


/*
*/これを加える事で挟んだコードを読み込みさせない方法ですね。
簡単ですから、バックアップをして挑戦して下さい。

PS.バージョンのアップグレードは怖くて、まだしていません。

WordPress 珍道中 その6(テーマをTwenty Twelveへ変更。)

ちょっと、ドキドキ。テーマの変更。

当初のテーマ、Twenty Seventeenでは全体の幅が大きすぎるので、シンプルで、幅の狭いTwenty Twelveへ変更しました。サイドバーの幅が異なるので、画像が切れたり、縦長に歪んだりしましたが、全体の幅を調整する事で、なんとか、サイドバーもそのままでいけそうです。CSSの記述をして頂いているサイト、(アフィリエイトで稼ぐ方法を全部話そうと思う)さんには感謝です。また、メニューの位置をタイトル画像と入れ替えました。(パソコン初心者日記)さんには感謝です。テーブルもテーマの変更により、崩れてしまいました。しばらく修正が続きます。プラグイン等が反映されるか、ドキドキでしたが、今の所、問題無い様です。
追加でカテゴリー別のタイトル文字が細いので、boldに変更。以下を子テーマに記述。

.entry-header .entry-title {
font-size: 20px;
font-size: 1.428571429rem;
line-height: 1.2;
font-weight: bold;
}

画像の影と角丸を変更した。

また、画像の影を消したいのと、角丸をやめたいので、(西沢直木のIT講座)さんのページより、以下のコードを加えて、解決しました。ありがとうございます。

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
/* Add fancy borders to all WordPress-added images … */
border-radius: 0px;
box-shadow: none;
}

このサイトはロリポップのライトプラン、月々250円で作成されています。ロリポップなら、WordPressもメールも無料。WordPress始めるなら、サポートも充実しているロリポップ!がオススメです。

▼学生の内に。そろそろ、業界標準プロツールのフォトショップ、イラストレーター、始めてみませんか。