▲

ホームページ テンプレート 商用無料 Sumires' BIZ

サイト概要

  1. テンプレートの意義
  2. 使用方法
  3. 注意点
  4. 特に変更が必要な箇所
  5. ファビコン
  6. あなたの著作権表記記載方法
  7. 運営ブログ
  8. サイトオーナー
  9. フリー画像配布元
  10. 免責事項
  11. 利用規約

テンプレートの意義

ホームページ作成に当たっては、HTML、CSS、JavaScriptなどを決まった手順に従っていく必要があります。その場合、何かお手本になるような形がすでにあって、そこに当てはめていくことでホームページの作成の方法について多いに参考になることがあります。こちらのテンプレートは、テンプレート利用を通してサイト制作の方法が理解できるようになることを目指しています。

使用方法

トップページのテンプレートスクリーンショットの下にある「ZIPファイルダウンロード」ボタンをクリックすると、ZIP形式で圧縮されたテンプレートがダウンロードできます。

適宜の方法で解凍してお使いください。私の環境（Windows11）では、ZIPファイルを右クリックすると表示されるメニューから「すべて展開」を選択し、表示されるポップアップから「展開」をクリックすることで、解凍できます。解凍したら、ご自身に必要な箇所を改変して、サーバーにアップロードしてお使いください。

（WordPressテーマの場合は、別途WordPress本体をWordPress.org日本語版サイトから入手するなどして、サーバーにインストールし、管理画面の「外観」→「テーマ」→「新規追加」→「テーマのアップロード」→「ファイルの選択」で、ZIPファイルのままインストールしてください）

注意点

テンプレートは、HTML・CSS・JavaScriptを使用して作成しています。ちょっとした記載の変更が原因で、レイアウトが崩れ、もとに戻せなくなることがあります。改変する前に、変更前のフォルダを、日時をフォルダ名として変更の都度バックアップとして保存することをおすすめします。

特に変更が必要な箇所

htmlファイルの<head>～</head>内にある、<title>～</title>内、 

<meta name="description" content="○○○">
<meta name="keywords" content="○,○,○">

のcontent=""のダブルクォーテーションの中身も、ご自身のサイトに適した内容に書き換えてください。descriptionは文章、keywordsはカンマで区切った書き方になります。

<h1>～<h1>タグ内は、ご自身のサイトのタイトルなどに書き換えてください。

ファビコン

一応、仮のファビコン（favicon.png） 仮のファビコン が同梱されています。これもhtmlファイルのheadタグ内の記載にしたがってください。 

<!-- ファビコンの設定。ブラウザのタブやブックマークに表示されます。ご自身で「favicon.png」に置き換える画像をご用意されるといいでしょう。-->
<link rel="icon" href="favicon.png">

となっておりますので、お好きな画像に変更したり、必要ならアイコンのファイル名を変更してお使いください。

ただし、WordPressの場合、faviconをHTMLに書き込むより、管理画面から登録するほうが一般的です。「外観」→「カスタマイズ」→「サイトアイコン」から登録してみてください。

（その場合、ローカルからWordPressの機能でfaviconをアップロードすることになります）

あなたの著作権表記記載方法

著作権表記は、テンプレートごとに少しずつ違いはあるのですが、だいたい以下のような書き方をフッターにしています。そのままお使いいただけたらもちろん嬉しいですが、ご自身のサイトの名前やサイトのリンク先に変更していただいてもまったく差し支えありません。 

<footer>
<!-- フッター部分は自由に改変して差し支えありません -->
<small><a href="https://sumires.biz/">&copy; 2023 Sumire ホームページテンプレート</a></small>
</footer>

ご質問等は、掲示板またはメールフォームへどうぞ。

運営ブログ

すみれのWordPressを運営しております。

サイトオーナー

HN : 美祢咲すみれ

プログラミング学習中です。このサイトも勉強のために制作しています。HTML・CSS・JavaScritpについて主に学んでいます。

フリー画像配布元

Pixabay様、 GAHAG | 著作権フリー写真・イラスト素材集様の画像をいろいろと使わせていただいています。

免責事項

当サイトは、コンテンツ利用に関して生じたとされる事象（当サイト管理者・美祢咲すみれの故意又は重大な過失に基づく違法・不法行為を除く）について、一切の責任を負いません。そのため、利用者は、コンテンツの利用は自己の責任として行ってくださるようお願い申し上げます。

利用規約

このサイトでは、以下の方法で当サイトを利用することを禁じます。

  1. 第三者等に誹謗中傷したり名誉を棄損するために当サイトを利用すること。
  2. 意図的にデマや不正確な情報を拡散するために当サイトを利用すること。
  3. 暴力を賛美したり助長したりすること。
  4. 他者の著作権を不当に侵害すること。
  5. 個人情報を違法に収集すること。
  6. 犯罪目的で当サイトを利用すること。
  7. その他、法令に反する行為、、公序良俗に反する行為をするために当サイトを利用すること。