블로그
블로그는 브랜드의 목소리입니다. Master Addons Blog Posts Element 는 콘텐츠의 완벽한 디자인 및 쿼리 엔진입니다. 기본 그리드를 뛰어넘습니다. 우아한 그리드 레이아웃 또는 동적 대화형 회전식 회전목마 디스플레이 중에서 선택하십시오. 카테고리,작성자 또는 태그별로 게시물을 필터링합니다. 정확히 어떤 메타 정보가 표시되는지 제어하고,썸네일 오버레이에서 페이지 매김 버튼까지 모든 단일 요소를 스타일링하고,방문자의 참여를 유지하는 독서 경험을 만들어냅니다. 뉴스 포털,포트폴리오 블로그 또는 리소스 센터를 구축하든 이 요소는 콘텐츠를 전략적으로 아름답게 표현할 수 있는 힘을 제공합니다.
유연한 레이아웃 및 디스플레이 모드
게시물이 어떻게 배열될지 정의하는 것부터 시작하세요. 블로그 레이아웃을 선택하세요: 클래식 그리드 또는 Content Overlap,Top Left Meta,Banner Card 와 같은 변형이 있는 최신 카드 레이아웃. 그런 다음 블로그 유형을 결정하세요: 정적 그리드 레이아웃 또는 대화형 회전목마. 그리드를 선택하는 경우 열 수 (1 부터 6 까지) 와 열 간격을 설정합니다. 회전목마의 경우 부드러운 애니메이션 컨트롤 제품군을 잠금 해제하세요. 이 기본 선택을 통해 레이아웃을 페이지의 목적 - 아카이브를 위한 밀집된 그리드,특집 콘텐츠를 위한 매끄러운 회전목마.
- 다중 레이아웃 사전 설정: 카드, 콘텐츠 오버랩, 배너 카드 및 기타 스타일 레이아웃 중에서 선택합니다.
- 그리드 대 회전목마: 정적 반응형 그리드 또는 슬라이딩 애니메이션 회전목마에 게시물을 표시합니다.
- 열 제어: 그리드 레이아웃에 대한 정확한 열 수를 설정하고 열 간격으로 홈통을 조정합니다.
스마트 포스트 쿼리 및 필터링
게시물이 표시되는 내용을 완전히 제어하십시오. 페이지당 총 게시물 및 게시물 수를 설정합니다. 순서별 (날짜,제목 등) 및 순서 (오름차순/내림차순) 를 선택하십시오. 강력한 필터를 사용하여 콘텐츠를 선별하십시오: 특정 카테고리,태그 또는 작성자를 선택하십시오. 특정 게시물을 제외하거나 오프셋 게시물 수를 설정하여 최신 'X' 게시물을 건너 뛸 수 있습니다. 심지어 그리드 위의 카테고리 필터 탭을 활성화하여 방문자가 카테고리별로 콘텐츠를 직접 필터링 할 수 있으므로 블로그를 동적 사용자 중심 리소스로 전환 할 수 있습니다.
- 고급 필터링: 카테고리, 태그, 작성자 또는 특정 게시물 ID별로 게시물을 포함하거나 제외합니다.
- 사용자 지정 정렬: 날짜, 제목, 댓글 수 또는 기타 매개 변수를 기준으로 게시물을 주문합니다.
- 프런트 엔드 필터 탭: 사용자가 클릭하여 실시간으로 그리드를 필터링할 수 있는 대화형 카테고리 탭을 추가합니다.
- 페이지 매김 제어: 긴 목록을 페이지 수당 사용자 정의 가능한 게시물이 있는 페이지로 분할합니다.
썸네일 이미지 스타일링
포스트 이미지는 주요 시각적 후크입니다. 이미지 해상도와 Thumbnail Fit (Cover,Contain) 으로 컨테이너에 어떻게 맞는지 제어합니다. 테두리 반경을 적용하여 둥근 모서리나 원형 이미지를 만듭니다. 호버링 시 컬러 오버레이를 추가하거나 영구적으로 회색조나 흐림과 같은 효과를 위해 CSS 필터를 사용합니다. 썸네일 모양 중에서 선택하고 호버 애니메이션 (줌 또는 페이드와 같은) 을 적용합니다. 모든 썸네일에 대한 사용자 지정 높이를 설정하여 균일하고 광택이 나는 그리드를 적용할 수도 있습니다.
- 이미지 맞추기 및 자르기: 덮개를 사용하여 균일한 이미지 블록을 만들거나 자르지 않고 전체 이미지를 표시하려면 포함을 사용합니다.
- 호버 효과: 사용자가 게시물 위로 호버링할 때 줌, 페이드 또는 색상 효과 애니메이션을 적용합니다.
- 오버레이 색상: 텍스트 가독성을 향상시키기 위해 이미지에 반투명 색상 오버레이를 추가합니다.
- 모양 사용자 정의: 썸네일에 대한 사용자 정의 모양으로 직사각형 넘어.
고급 회전목마 및 내비게이션 설정
Carousel 블로그 유형을 활성화하면 전체 대화형 컨트롤 세트가 제공됩니다. 자동 재생을 활성화하고 속도를 설정합니다. 스크롤할 슬라이드를 선택하고 무한 스크롤을 위해 루프를 활성화합니다. 완전히 스타일이 가능한 화살표 (내부,외부 또는 중앙에 위치) 및 선택적으로 스크롤 막대가 있는 사용자 제어 탐색을 추가합니다. 촉각적인 느낌을 위해 커서를 잡고 더 나은 유용성을 위해 호버에서 일시 중지하십시오. 이렇게 하면 블로그 게시물이 매력적인 대화형 하이라이트 릴로 변환됩니다.
- 전문 회전목마 동작: 자동 재생 속도, 루프, 애니메이션 속도 및 스크롤할 슬라이드를 제어합니다.
- 다중 탐색 옵션: 사용자 제어를 위해 화살표 버튼, 스크롤바 또는 둘 다를 사용합니다.
- 모바일 고려 사항: 보다 깨끗한 터치스크린 경험을 위해 모바일에서 화살표를 숨기는 옵션입니다.
- 대화형 느낌: 그랩 커서 및 중앙 슬라이드(집중된 활성 항목용)와 같은 기능은 참여도를 향상시킵니다.
페이지 매김 스타일링
많은 게시물이 있는 그리드 레이아웃의 경우 전문적인 페이지 매김이 핵심입니다. 이 요소에는 페이지 매김 버튼의 스타일링 컨트롤이 포함되어 있습니다. 페이지 번호와 탐색 버튼을 스타일링할 수 있으며,블로그 그리드의 전체 디자인과 일치하도록 타이포그래피,색상, 배경,경계 및 활성 상태를 제어할 수 있습니다. 이렇게 하면 콘텐츠의 여러 페이지를 탐색하는 사용자에게 원활하고 세련된 경험을 선사합니다.
- 일관된 디자인 언어: 블로그 그리드의 자연스러운 확장처럼 보이도록 페이지 매김을 스타일링합니다.
- 활성 상태 지우기: 현재 활성 페이지 번호를 시각적으로 구분되도록 디자인합니다.
- 향상된 사용성: 잘 디자인된 페이지 매김은 방문자가 귀하의 콘텐츠를 더 많이 탐색하도록 장려합니다.
블로그에 대해 자주 묻는 질문
이를 사용하여 사용자 정의 게시물 유형(포트폴리오 또는 제품 등)을 표시할 수 있나요?
예. 게시물 설정 또는 고급 설정에서 게시물 유형을 선택할 수있는 옵션이 있어야합니다. 기본 “게시물”에서 등록 된 사용자 정의 게시물 유형 (“포트폴리오”또는 “제품”과 같은) 으로 변경할 수 있습니다. 이렇게하면 사이트에있는 모든 유형의 콘텐츠를 표시하기위한 요소가 엄청나게 다양해집니다.
제목이나 더 읽기 버튼뿐만 아니라 전체 블로그 카드를 클릭 가능하게 만들 수 있습니까?
일반적으로 Title 은 기본적으로 연결되어 있습니다. 전체 카드를 클릭 가능하게 만들려면 전체 컨테이너를 연결하기 위해 사용자 정의 JS 를 추가해야 하는 경우가 많습니다. 일부 블로그 위젯은 “전체 상자 링크” 옵션을 제공하지만 여기에 없으면 간단한 사용자 정의 JS 스니펫이 필요합니다.
모든 화면 크기에서 그리드를 잘 보이게 하려면 어떻게 해야 합니까?
열 수 설정은 반응형입니다. Elementor 의 반응형 편집 모드에서 데스크톱,태블릿, 모바일에 대해 다른 열 수를 설정할 수 있습니다. 예를 들어 데스크톱에 4 열,태블릿에 2 열,모바일에 1 열을 설정하고,일관된 이미지 블록에 대해 썸네일 맞춤이 “덮개”로 설정되어 있는지 확인합니다.
“콘텐츠 표시” 와 “발췌본 표시” 의 차이점은 무엇입니까?
- 내용 표시: 편집기의 전체 게시물 내용을 표시하며, 이는 매우 길 수 있습니다.
- 발췌 표시: 미리 정의된 짧은 요약을 표시합니다. 발췌 길이를 설정할 수 있습니다 (예,55 단어). 격자 레이아웃에서 발췌를 사용하여 카드를 균일하고 깔끔하게 유지하는 것이 가장 좋습니다.
“카테고리 필터 탭” 기능은 어떻게 작동하나요?
활성화되면 쿼리에 있는 게시물의 범주를 읽고 그리드 위에 대화형 버튼 (탭) 으로 표시합니다. 탭을 클릭하면 즉시 그리드를 필터링하여 페이지를 다시 로드하지 않고 해당 범주의 게시물만 표시합니다. 다양한 콘텐츠가 있는 사이트에 대한 환상적인 UX 기능입니다.
캐러셀은 많은 수의 게시물에 적합합니까?
예,특히 Loop 를 활성화한 경우입니다. 그러나 매우 많은 수의 게시물 (50+와 같은) 이 있는 성능의 경우 페이지 매김 또는 “더 로드”가 있는 그리드 레이아웃이 더 좋을 수 있습니다. 캐러셀은 5-15 개의 추천 게시물 또는 최근 게시물을 표시하는 데 이상적입니다.
같은 페이지에서 다른 레이아웃을 사용할 수 있나요?
절대적으로. 하나의 페이지에 여러 개의 Blog Post 위젯을 배치할 수 있으며,각 위젯에는 자체 쿼리,레이아웃 (하나의 그리드,하나의 캐러셀) 및 스타일이 있습니다. 이는 상단에 “Featured Posts” 캐러셀을 만들고 아래에 “All Posts” 그리드를 만드는 데 적합합니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
