Web制作【レスポンシブ対応イメージマップ】画像の一部にリンクを貼る【WordPress・Cocoon編】
ブログ記事を書いていると、画像の一部に特定のリンクを貼りたいというケースが稀にあると思います。
画像の一部分だけにリンクを貼るには、イメージマップを使います。
この記事では、イメージマップの作成、投稿記事への適用の方法・手順について説明します。
Web制作
Web制作 Web制作【静的サイト制作】Webサイトにお問い合わせフォームを実装する【メール送信機能】
Webサイトにお問い合わせフォームを実装する方法と、実際にお問い合わせメールを送信する機能について説明します。
Web制作【静的サイト制作】古いWebサイトをカスタマイズ【HTML部品化・レスポンシブ対応】
2000年代初頭に作成した古い静的なWebサイトを現代風の外観、機能となるようにカスタマイズした記録です。
Web制作【静的サイト制作】HTMLを部品化する【ヘッダー・サイドバー・フッター】
記事の内容：
・HTMLの部品化とはどういうことなのか？
・どのような利点があるのか？
・具体的にどうすればいいのか？
Web制作【静的サイト制作】サイトページのひな形をつくる【部品化したヘッダー・サイドバー・フッター使用】
サイトページのひな形を作ってしまえば、コンテンツや記事を追加する際の手間が大幅に削減できるはず。
部品化したヘッダー・サイドバー・フッターを適切に配置して、ページひな形をつくることが目的です。
Web制作【静的サイト制作】Webサイトのレスポンシブ化【PC・スマホ・タブレット】
PCから見てもスマホから見ても文字や外観が崩れないようにするWebサイトレスポンシブ化について説明します。
Web制作【静的サイト制作】Webサイトのヘッダーメニューをつくる【メニューバー実装・ PC閲覧編】
PC閲覧用のWebサイトにヘッダーメニュー(メニューバー)を実装する方法について解説します、
Web制作【静的サイト制作】Webサイトのヘッダーメニューをつくる【ハンバーガーメニュー実装・スマホ閲覧編】
スマホ閲覧用のWebサイトにハンバーガーメニューを実装する方法について解説します。
Web制作【静的サイト制作】ブログカード風のコンテンツリンクをつくる【各コンテンツに導くリンクの刷新】
Webサイトにブログカード風のコンテンツリンクを実装し、見栄えを良くして訪問率UPにつなげます。