web系言語

WordPressでの吹き出しの作り方をご紹介。今回は、HTMLとCSSだけで簡単に作る方法です。サンプルコードを記載してますので、記事を読んだあとは、コピペすれば簡単に吹き出しが作れますよ。

WPでのブログカードの定番「Pz-LinkCard」って表示遅くない？自作するには「functions.php」とか「JavaScript」の知識が必要なの？ HTMLとCSSだけを使って簡単にブログカードを自作する方法をご紹介。コピペだけでブログカードが作れます。

この記事でCSS（シー・エス・エス）のことが簡単に分かります。CSSとは、Cascading Style Sheets（カスケーディング・スタイル・シート）と言い、webページのデザイン（文字の装飾やレイアウト）を行うための言語の一種。CSSを記述したファイルがCSSファイルです。

PHPとはwebページを作る際に使用する言語の一種。PHPで作成されたwebページは動的ページとも呼ばれ「ユーザーが入力した内容を反映して表示したり」できます。ユーザーが「問い合わせページ」にて入力した内容をユーザー自身にて確認するページである「お問い合わせ内容の確認ページ」を作成してみましょう。

webページの仕組みや構造を理解するために「お問い合わせ」ページ（contact.html）を作成してみます。フォームに入力されたデータを送信する仕組みや構成する部品（入力エリア・ラジオボタン・チェックボックス・セレクトボックス）が分かります。

webページの仕組みや構造を理解するために「アクセス」ページ（access.html）を作成してみます。 アクセスページの地図にGoogleマップを利用する方法が分かるようになります。

webページの仕組みや構造を理解するために「メニュー」ページ（menu.html～menu4.html）を作成してみます。表の作成方法や横方向に並べるレイアウト（レイアウト等の装飾自体はCSSにて学習）の作成方法が分かります。ページ間を遷移する相互リンクの仕組みも分かります。

webページの仕組みや構造を理解するために「営業時間」ページ（open-close.html）を作成してみます。横方向に並べるレイアウト（レイアウト等の装飾自体はCSSにて学習）の作成方法が分かります。また、表の作成方法が分かるようになります。

HTMLの概要や書き方が分かります。HTMLとは、ハイパーテキスト・マークアップ・ランゲージと言い、webページを作る際に使用する言語の一種。ほとんどのwebページはHTMLを使用して作られています。webページの仕組みや構造を理解するために「トップ（ホーム）」ページ（index.html）を作成してみます。