한국어
한국어
웹사이트 구축 과정에서 프래그먼트는 유연한 콘텐츠 관리의 중요한 부분입니다. 완전한 기능을 갖춘 콘텐츠 관리 시스템인 Empire CMS는 개발자가 다양한 시나리오에서 효율적으로 사용할 수 있도록 다양한 조각 유형을 제공합니다. 이 글에서는 일반적으로 사용되는 5가지 프래그먼트 유형인 텍스트 프래그먼트, 링크 프래그먼트, 이미지 프래그먼트, 오디오 프래그먼트, 비디오 프래그먼트를 자세히 소개하고 코드 예제를 통해 해당 사용법을 더 잘 이해할 수 있도록 도와줍니다.
텍스트 조각은 웹사이트에서 텍스트 콘텐츠를 표시하는 데 사용되는 가장 기본적이고 일반적인 유형의 조각입니다. 일반 텍스트를 포함하거나 단락, 제목, 목록과 같은 간단한 HTML 요소를 추가하여 다양한 콘텐츠 레이아웃을 구현할 수 있습니다. 관리자는 Imperial CMS 백엔드의 모든 템플릿에 이를 유연하게 생성, 편집 및 포함할 수 있으므로 콘텐츠의 제어 가능성과 재사용성이 크게 향상됩니다.
<div class="text-fragment">
<h2>저희 웹사이트에 오신 것을 환영합니다.</h2>
<p>다음은 임의의 텍스트 콘텐츠를 입력할 수 있는 텍스트 조각의 예입니다.</p>
</div>링크 조각은 주로 점프 링크를 표시하는 데 사용되며 페이지 탐색이나 리소스 안내에 사용될 수 있습니다. 텍스트 하이퍼링크든 이미지 링크든 배경을 통해 빠르게 설정할 수 있습니다. 링크 조각을 합리적으로 사용하면 웹사이트의 대화형 경험과 SEO 성능을 효과적으로 향상시킬 수 있습니다.
<div class="link-fragment">
<a href="https://www.example.com">샘플 웹사이트를 방문하려면 여기를 클릭하세요.</a>
</div>이미지 조각은 제품 이미지, 배너 또는 아이콘과 같은 웹사이트의 시각적 콘텐츠를 표시하는 데 사용됩니다. 이미지 조각을 통해 개발자는 다양한 이미지 리소스를 유연하게 호출하여 콘텐츠 업데이트와 아름다운 효과의 통합을 달성할 수 있습니다.
<div class="image-fragment">
<img src="example.jpg" alt="이미지 조각 예">
</div>웹 페이지에 청각적 요소를 추가하기 위해 음악, 팟캐스트 등의 오디오 파일에 오디오 조각을 삽입할 수 있습니다. 이 기능을 사용하면 페이지에 재생 컨트롤을 쉽게 추가하여 사용자 경험을 풍부하게 할 수 있습니다.
<div class="audio-fragment">
<audio controls>
<source src="example.mp3" type="audio/mp3">
</audio>
</div>비디오 조각은 비디오 콘텐츠를 삽입하여 웹 사이트를 더욱 상호 작용적이고 매력적으로 만드는 데 사용됩니다. 제품 영상을 보여주든 튜토리얼 영상을 보여주든 이 기능을 통해 유연하게 삽입할 수 있습니다.
<div class="video-fragment">
<video controls>
<source src="example.mp4" type="video/mp4">
</video>
</div>요약하면 Empire CMS에서 제공하는 5가지 유형의 조각은 고유한 특성을 가지며 다양한 콘텐츠 표시 요구를 충족할 수 있습니다. 이러한 조각을 합리적으로 사용함으로써 개발자는 웹 사이트 콘텐츠의 유지 관리 가능성을 향상시킬 수 있을 뿐만 아니라 페이지 구조와 사용자 경험을 크게 최적화할 수 있습니다. 조각화 기능을 유연하게 마스터하는 것은 효율적인 CMS 웹사이트를 구축하는 데 중요한 부분입니다.
