html 振り返り ＃１

最近、wordpressで仕事を行う事が多く　HTMLとCSSの使い方を復習（メモ的）

htmlを書く時の基本骨格

内には見えない部分

画像を挿入するには内に

altを入れることで検索に引っ掛かりやすくなる

もう１つBLOG作りました。

もう1つBLOG作りました！

もし宜しければ、『zono pakinblog』も宜しくお願い致します。

上記のブログでは、わたしとパーキンソン病について綴っていけたらいいなと思っています。

Learning word press 14（フォント変更）

wordpress のフォントを変更するには

上記の様に、外観　＞　カスタマイズ　＞　追加CSS

手順で直接変更を加える事ができる

以上

Learning word press 13（ユーザー名とパスワードの変更）

wordpressのユーザー名とパスワードを変更するには

最初に設定しているユーザー名とパスワードでログインする。

（手順１）
以下の管理画面で変更の入力を行う

その際に、3つの注意点あり

①　ユーザー名入力

②　メールアドレスを入力

③　権限グループを管理者にする

上記項目、入力後に新規ユーザーを登録

（手順２）
旧ユーザー情報をログアウト

新規ユーザーでログインを行い、パスワードを入力する。

wordpressログイン名が新規作成したユーザー名に変わる。

以上

word press 便利なプラグイン＃4（定期データバックアップ）

word press で作成したホームページ等のデータベースを定期的に自動でバックアップする事ができる。

プラグインは『BackWPup』を使用する

画面は以下の通り

上記、画面で設定された日時で保存される。

Learning word press 12 （見出しマークを編集）

word pressのテンプレートをcssを使い見出しを編集を行う

編集サイトの固定ページを開く

以下のソースコードをテキストに打ち込む
（内容：フォントサイズ h3 部分に関して　先頭にマークを付ける）

<style>
h3 {<br />
position: relative;<br />
padding: .5em;<br />
border-left: 5px solid #444;<br />
}<br />
h3:before {<br />
position: absolute;<br />
left: -5px;<br />
bottom: 0;<br />
content: '';<br />
width: 5px;<br />
height: 50%;<br />
background-color: #0000ff;<br />
}<br />
h3:after {<br />
position: absolute;<br />
left: 0;<br />
bottom: 0;<br />
content: '';<br />
width: 100%;<br />
height: 0;<br />
border-bottom: 2px solid #444;<br />
}</p>
</style>

となる

以上

word press 便利プラグイン＃3(サイトにロックを掛ける)

『Password Protected』

サイトが閲覧できないようにパスワード設定を行う

『password protected』をプラグインにインストールする

上記の画面でパスワードを設定すると

サイトを開くと、常に下図が出てパスワードを求めてるようになる

以上