初心者ヨチヨチでも一歩づつ行こうよ。ね。
このブログは、Wordpressと無料テーマの「Cocoon」(コクーン)を使いながら、
その使い方を模索しながら、作り上げて行きます。
私自身も素人で、分からない事だらけですので、調べながら作業をして行きます。
出来るだけ、初心者の方に分かるように作りますので、宜しくお願い致します。
間違っていたら、遠慮なくダメ出しを出してください。
一歩づづ、ゆっくりと進んで行きます。
ではではーーー進行。
「スキン」
「スキン」とは
「スキン」とは、作成したブログ全体のデザインを変更する機能です。その種類は沢山有り、
スキン一覧の中から選べます。好みに合わせてお選びください。
「スキン」によって変更される箇所は、
●タイトルデザイン
●見出し
●サイドバー
●目次
●表のデザイン
●字体
など変化する「スキン」が用意されています。注意点＝気をつけなきくてはならない点は、
「全体」で指定したキーカラーやテキストの色が、「スキン」設定が優先されることがあります。
ただ指定した「スキン」に合った色合いに変える事も出来ます。
「スキン」変更方法としては、1=「Cocoon設定」を選択します。2=そして「スキン」タブを
選択します。スキン名の横の写真マークは、マウスオーバーでプレビュー出来ます。
イメージを確認できるので、便利ですね。
私は、「スキン一覧」で、「スキン」使わず、「無し」でオリジナルの設定を致しました。
アイキャッチの画像を入れる
TOPページのカラムに画像を入れる方法を説明致します。最初に、「投稿」」に入ります。
「投稿」の中の「編集」をクリックし、右上の「歯車マーク」をクリックします。すると「投稿」
と「ブロック」の欄が有りますので、「投稿」をクリックします。
そうしますと真ん中より少し上に「アイキャッチ画像」が有ります。ここに画像を選択し、
入れてください。
記事内にソースコードを埋め込む
記事の中の説明に、記事の中の説明に、HTMLやCSSなどのソースコードを
書かなければならない時が有ります。
そのような時には、ダッシュボードから「Cocoonの設定」を選択します。
次に編集タグ「コード」を選びます。
そして下記のソースコードを貼り付けます。
/* main背景&サイド背景 。バックカラーと同じ#eee3ef*/
.main,
.sidebar {
background-color: #eee3ef;
}
/* main背景&サイド背景終わり。 */
貼り付けたら、右のブロックからコードの種類を選びます。
ここでは、style.cssですので「CSS」です。
段落設定で空間の行を入れ読みやすくする
WordPress機能で投稿記事を読み易くするために、空白行を入れるには、グーテンベルクエディタの
ブロックエディターでデザイン項目にある「スペーサー」を挿入します。ブロックエディターの検索で、
「スペーサー」と検索すれば出現します。
ブロックエディターの段落ブロックは、空白として使えません。従って「スペーサー」を使います。
「スペーサー」は、投稿した記事の中に空白行を挿入するブロックです。
またCocoonのプロフィールの紹介を読み易くする行間にスペースを入れるのは、簡単です。
WordPressの「ユーザー」を選択し、「プロフィール情報」の文章に空欄行を入れたい箇所に、
キーボードのスペースキーを押して、入れるだけです。簡単に入れられます。
飽くまでもスペースキーです。エンターキーでは無いのでね気を付けてくださいね。
コメント