Wordpress簡単使い方

WordPressで追加CSSを使用すると記事の装飾が簡単に可能

WordPressをやり始めたら、記事の装飾を見やすくしたいですよね?

WordPressでは、CSS、いうプラグラミング言語を使用して行うんです

聞いただけでは凄く難しいく感じると思います。

僕も最初は、CSS、なに?と思い、何かの暗号化と思いました。

やり始めていくうちに、わかってきたので分かりやすく紹介していきます

追加CSS、なんなのか?

専門家
専門家
  AddQuicktagというプラグインを使用すると最初は簡単にできます

AddQuicktag

WordPressではこのプラグインを使用することで、簡単に追加CSSを使用可能です。

簡単な太字の設定方法

通常文字サイズ、追加CSS

ストロングの太字、追加CSS

HTML、bの太字、追加CSS

CSSの太字、追加CSS


ヒロ
ヒロ
このように太字にすることができます

<strong>文字</strong>ストロングの使いすぐは、SEO対策でスパム扱いされるの1記事3個までが理想です

HTMIのbタグの使用がお勧めです。

<b>文字</b>ですね。これだと簡単にできます

簡単な設定の方法

ヒロ
ヒロ
 AddQuicktagに登録します

bタグを使用したい場合

  • AddQuicktagを開き設定をクリック
  • ボタンのラベル、ダッシュアイコン 、ラベル名、好きな名前記入
  • 開始タグに<b>終了タグ</b>
  • レ点チェック一番右側の9つ目をチェックするとい全部選択する
  • 更新をする
  • これでAddQuicktagに登録されます

追加CSS使い方

ヒロ
ヒロ
bタグと使い方は同じです
  • ddQuicktagを開き設定をクリック
  • ボタンのラベル、ダッシュアイコン 、ラベル名、好きな名前記入
  • 開始タグに<span class=”fontーtest”>終了タグ</span>
  • レ点チェック一番右側の9つ目をチェックするとい全部選択する
  • 更新をする
  • これでAddQuicktagに登録されます
ヒロ
ヒロ
 追加CSSでは、CSSの設定が必要です。設定は凄く簡単なので諦めずにやりましょう
  • 外観の設定
  • テーマエディター
  • style.cssに記載.fontーtest {font-weight: bold;}
  • ファイル更新


これでこのように使用可能です。
太字に限らず追加cssをこのように設定することで他の記事のデザインも可能です。

自分が使いたいデザインがある場合は、追加cssを調べて見て、勉強してみて、使いやすいWordpressを目指してみましょう。

お勧めのものはこれから紹介していきます。この記事は追加cssの使い方の解説でした。実際に自分で操作してみて慣れていってくださいね

WordPressお勧めテーマの一覧を徹底検証してまとめて見た

ABOUT ME
ひろ
FXで大失敗して、真剣に悩み、お金の勉強、稼ぎかた、考え方、成功哲学、などを学び目標とする自分に向かい日々、切磋琢磨しております。 ここでは、皆の夢が叶うために、目標に向かい頑張れるように応援します
コストパフォーマンスが高いサービス

初月無料「毎月500円定額」

「お急ぎ便」「アニメ」「動画」「映画」「ドラマ」「本」「音楽」
素晴らしいサービス「アマゾンプライム」是非登録してみましょう

お勧めのドラマ
「THIS IS US/ディス・イズ・アス 36歳、これから シーズン1 (字幕版)」
人生についての苦悩、発見、改善、成長に感動します

Prime Video