カッコいいWordPressブログ作成講座サンプルページ 2021

カッコいいWordpressブログ作成講座を受けると、下記のようなことができるようになります。

文字を太字にする

記事の文字を太字にします。

文字を大きくする

じょうまさふみです。

じょうまさふみです。

じょうまさふみです。

文字の色を変える

黒文字
赤文字
緑文字
青文字
白文字
黄文字
マゼンタ文字
グレー文字
オレンジ文字

文字に下線を引く

私の名前は、じょうまさふみです。

文字にマーカーを引く

私の名前は、じょうまさふみピンク色です。
私の名前は、じょうまさふみ黄色です。
私の名前は、じょうまさふみ黄緑色です。
私の名前は、じょうまさふみ水色です。

リスト作成

  • サンプル1
  • サンプル2
  • サンプル3
  1. サンプル1
  2. サンプル2
  3. サンプル3

見出し作成

記事の中に使う見出し1

記事の中に使う見出し2

表の作成

1月 2月 3月 4月
アフィリエイトの収入 100円 200円 300円 400円
講座の収入 500円 600円 700円 800円

枠を横に並べる

WordPress

WordPressは、無料で使えるホームページ、ブログ作成ソフトです。
HTML

HTMLは、ホームページを作るときに使うプログラム言語です。
CSS

CSSは、HTMLの飾りつけに使うプログラム言語です。

記事の中に画像を入れる

記事の中にYoutubeの動画を入れる

ロゴアニメーションサンプル ココナラ

記事の中にボタンを入れる

マウスの矢印をのせると色が変わる

↓マウスの矢印を文字の上にのせて見てください

文字

色が変わる文字(基本)

画像

アイコン

色が変わるアイコン(基本)

ボタン

クラウドワークス公式

マウスの矢印をのせると半透明

↓マウスの矢印を文字の上にのせて見てください

文字

文字が半透明(基本)

画像

アイコン

アイコンが半透明(基本)

ボタン

クラウドワークス公式

マウスの矢印をのせると大きくなる

↓マウスの矢印を文字の上にのせて見てください

文字

大きくなる文字(基本)

画像

アイコン

大きくなるアイコン(基本)

ボタン

クラウドワークス公式

マウスの矢印をのせると回る

↓マウスの矢印を文字の上にのせて見てください

文字

文字が回る(基本)

画像

アイコン

アイコンが回る(基本)

ボタン

クラウドワークス公式

光る

文字

光る文字(基本)

画像

アイコン

光るアイコン(基本)

ボタン

クラウドワークス公式

震える

文字

震える文字(基本)

画像

アイコン

震えるアイコン(基本)

ボタン

クラウドワークス公式

ポヨンポヨン

文字

ポヨンポヨン文字(基本)

画像

アイコン

ポヨンポヨンのアイコン(基本)

ボタン

クラウドワークス公式

押すと文字が表示する

↓押してみてください

文字


ここに好きな文章を入れます

画像


ここに好きな文章を入れます

アイコン


ここに好きな文章を入れます

ボタン


ここに好きな文章を入れます

スクロールするとふわっと出てくる

文字

スクロールふわっとする文字(下から上に移動)

画像

アイコン

スクロールふわっとするアイコン(下から上に移動)

ボタン

クラウドワークス公式

画像の上にかさねる

文字

画像の上に文字をかさねる(基本)

画像


アイコン

画像の上にアイコンをかさねる(基本)

ボタン

画像の上にピョンッと出る

↓マウスの矢印をのせて見てください

文字

続きを読む

画像

アイコン

続きを読む

ボタン

線を引くアニメーション

↓マウスの矢印をのせて見てください

文字

続きを見る

画像

アイコン

続きを見る

ボタン

続きを見る

この講座を受けるメリット

上記の内容は、講座の一部です。
講座内容は、もっと多いです。
この講座を受けると、プログラミング言語のHTMLとCSSが学べます。
HTML、CSS初心者から一気に上級者レベルくらいまで上がります。
もうすでに、HTML、CSSを勉強したことがある人には、あまり役に立たない講座です。