Lesson1:イントロセクションを実装しよう

この記事ではサイトの上記画像部分を実装していきます。

実装手順
  1. サイトを開き検証ツールを利用してコードを確認する
  2. HTML,CSSファイルにコードを追記する

実践

 

1.まずはHTMLコードをindex.htmlファイルに模写してみましょう。

以下をindex.htmlのbodyタグ内に追記してください。


2.コードを検証し、sytle.cssを追記しましょう。

 

以下のコードを追記してください。

 

けんぞう

お疲れ様でした!今回のレッスンは以上です。

最終的にWordPressショートコード への変換を行いますが、その方法は最後に解説致します。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です