Artist Web Siteアーティストウェブサイト

Profile

これはsection2のコンテンツです。

テンプレートのご利用前に必ずお読み下さい

利用規約のご案内

このテンプレートは、Template Partyにて無料配布している『アーティスト(画家・作家・音楽家・芸能人など)向け 無料ホームページテンプレート tp_artist2』です。必ずダウンロード先のサイトの利用規約をご一読の上でご利用下さい。

HP最下部の著作表示『Web Design:Template-Party』は無断で削除しないで下さい。

わざと見えなく加工する事も禁止です。

下部の著作を外したい場合は

Template-Partyライセンス契約を行う事でHP下部の著作を外す事ができます。

当テンプレートの詳しい使い方は

こちらをご覧下さい。

Activity Report

これはsection3のコンテンツです。

2024/05/16その他
htmlの最後のタグ数行がおかしくなってしまっていました。既にご利用中のお客様は最新テンプレをDLして頂き、htmlの下の数行部分を入れ替えて下さい。
2024/05/05その他
css冒頭の設定が、「body > * {box-sizing: border-box;}」となっておりましたが、「body * {box-sizing: border-box;}」に修正。
2024/05/02その他
アーティスト(画家・作家・音楽家・芸能人など)向け 無料ホームページテンプレート tp_artist2公開。
2024/04/10メディア
地元メディアへ掲載。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。
2024/01/29メディア
雑誌インタビューが掲載されました。サンプルテキスト。
2023/12/25イベント
イベントを開催。サンプルテキスト。サンプルテキスト。
2023/12/01お知らせ
webサイトを公開しました。
無料で使えるお知らせCMSのご案内

Gallery

これはsection4のコンテンツです。

ここのサムネイル画像は、長方形であっても正方形にトリミングされるようになっています。
リンク(aタグ)を指定しないと画像が表示されないので注意して下さい。
もし、リンクを一切使わずサムネイルだけ出しておきたいなら、aタグをdivタグに置き換えて(<div>〜</div>)、style.cssの
.list-grid-trimming .list aを、.list-grid-trimming .list divにすればOKです。

現在4列ですが、5列や3列に簡単に変更できます。詳しくは、cssフォルダのstyle.cssの
.list-grid-trimming {
のブロック内の説明を読んで下さい。

lightboxを使用しています

サムネイル画像をクリックすると、画面が暗転してポップアップが開きます。
海外で配布されているプログラムなので、カスタマイズなどには当サイトでは対応していません。ご自身でGoogle検索などかけてみて下さい。

画像を増やしたい場合

基本的にはご利用のテンプレートのhtml側のパーツをコピペして増やしてみて下さい。
以下のタグのようにポップアップで大きく表示される画像はaタグ内で読み込み、サムネイル画像(小さな画像)はimgタグで読み込まれています。
このテンプレートではどちらの画像も同じ画像を使っていますが、それぞれ別の画像を配置して頂いても構いません。

<a href="images_gallery/1.jpg" data-lightbox="group1" data-title="タイトルをここに入れます">
<img src="images_gallery/1.jpg" alt="">
</a>

グループ

data-lightbox="group1"
は、ポップアップで表示した場合に次の画像へ繋ぐグループの設定です。
「group1」部分は好きに変更して頂いて構いません。
同じグループ名がついている場合に次の画像へのリンク矢印が出ます。グループごとに見て欲しい場合はこのグループ名を変更しておくといいでしょう。

<a href="images_gallery/1.jpg" data-lightbox="group1" data-title="タイトルをここに入れます">
<img src="images_gallery/1.jpg" alt="">
</a>

ポップアップ時のコメント

data-title="タイトルをここに入れます"
は、lightboxで暗転表示された際に写真下に表示されるテキストです。
よく分からない場合は実際に設定して動作を確認してみて下さい。不要ならタグごと削除してもらえばOKです。

<a href="images_gallery/1.jpg" data-lightbox="group1" data-title="タイトルをここに入れます">
<img src="images_gallery/1.jpg" alt="">
</a>

lightboxを使う為に必要なタグ、ファイル類。

cssフォルダのstyle.css冒頭で読み込んでいる「lightbox.cssの読み込み」のブロック。
html下部で読み込んでいる「lightbox用jsファイルの読み込み」のブロック。

何年も経過した場合、動作に問題が出てくる可能性があります。
テンプレートを編集していないのに突然動きがおかしくなった場合は、上記のバージョンを変更して動作するか確認してみて下さい。