
w3.css
링크 트리 웹사이트
링크 트리 웹사이트를 사용하면 모든 링크를 한 사이트에서 공유할 수 있다.
이는 내 소셜 네트워크, 블로그 게시물, 사업체, 프로젝트 등에 대한 링크를 표시할 수 있는 랜딩 페이지다.
링크 트리 웹사이트를 만드는 이유
링크 웹사이트는 온라인 존재감을 키우는 데 매우 좋다.
콘텐츠가 있는 곳에 대한 링크를 쉽게 공유할 수 있다.
또한, 링크 웹사이트는 사람들이 여러 곳에서 소통할 수 있도록 도와준다.
스스로 링크 웹사이트를 만들면 링크 웹사이트를 완벽하게 제어할 수 있다.
링크 트리 웹사이트를 만들려면 무엇을 알아야 하나요?
HTML, CSS, JavaScript는 웹사이트를 만드는 기본 언어다.
기본 언어들에는 링크 사이트를 만드는 데 필요한 모든 것이 들어 있다.
어떻게 시작하나요?
링크 트리 웹사이트 구축을 시작하는 방법에는 두 가지가 있다.
처음부터 만들거나 템플릿을 사용한다.
처음부터 링크 트리 웹페이지 구축하기
가장 먼저 해야 할 일은 레이아웃을 만든 다음 콘텐츠를 추가하는 것이다.
웹사이트 레이아웃을 만들려면 웹사이트를 만드는 방법에 대한 포스트를 참조하자: 웹사이트를 만드는 방법
레이아웃을 만든 후, 아래에 나열된 두 개의 주요 섹션을 만든다.
1. 바이오 섹션
바이오 섹션은 사람들이 링크 트리 웹사이트를 방문했을 때 가장 먼저 보게 되는 부분이다.
이는 링크 트리 웹사이트의 맨 위에 표시된다.
간단하고 명확하게 설명하자.
자기소개 섹션에는 이미지, 이름, 직업 등을 넣을 수 있다.
사람들은 내 이름과 외모를 알고 있을 때 더 편안하게 당신과 소통할 수 있다.
2. 링크 섹션
링크 섹션에는 공유하려는 모든 링크가 들어 있다.
이는 생물학 섹션에 표시된다.
링크가 잘 구성되어 있는지 확인하자.
템플릿을 사용하여 빌딩하기
템플릿을 사용하면 영감을 얻고 학습할 수 있는 좋은 방법이다.
템플릿 개인화
템플릿을 나만의 것으로 만들기 위한 4단계 접근법은 다음과 같다.
1단계: 배경 변경
코드에서 background 또는 background-image 속성을 찾아 URL을 변경한다.
2단계: 사진 추가
<img> 태그를 찾아 사진의 URL로 변경한다.
3단계: 자기소개서 작성
코드 위쪽의 문단 태그를 찾아 <p>와 </p> 태그 사이의 텍스트를 변경한다.
4단계: 링크 추가
앵커 태그를 찾아 <a>와 </a> 태그 사이의 텍스트를 변경한다.
템플릿을 확인하고 선택하기
사용할 수 있는 기성 템플릿이 있다.