文字・見出し

文字に影をつける

p {text-shadow: 1px 2px 3px #808080;}

頭文字大きく

p::first-letter{font-size: 2.8em;}

1文字頭下げる

p {text-indent: -1em; margin-left: 1em;}
白ばら参考サイト
クラシックでビジュアルタブにしてインデントを下げる
<P STYLE=”PADDING-LEFT: 40px;”>

投稿のタイトルを2行にする

HTML表示またはテキスト表示にして、改行したい所に<br/>を入力。

投稿の画像にカーソルをもっていくと、投稿タイトル(画像のタイトルタグ)が出て、<br>も表示されるので消す。
外観をクリック⇒テーマの編集をクリック⇒(子テーマでサイトを作成してるので)親テーマに変えて選択をクリック⇒content.php(又はcontent-standard.php)をクリック
content-standard.phpの中で下記の部分を修正。
<a href=”<?php the_permalink(); ?>” title=”<?php esc_attr( the_title() ); ?>”>を
<a href=”<?php the_permalink(); ?>”>に修正。
親テーマから子テーマに変えて、選択をクリック⇒ファイルを更新するをクリックすると消せる。

カスタムCSSに下記をコピペする
@media screen and (max-width: 680px) {
br {display: none;}}

投稿のタイトルが2行だったり1行だったりで投稿枠の天地が揃わない

改行してあき(&nbsp;)を作る。
行数の少ない投稿記事の記事本文のところに、
改行を入れてあき(&nbsp;)をつくると揃う。
※抜粋文を別に作っていると揃わない。

上部へスクロール