개인 재정 블로그의 사이드 바 디자인을 향상시키는 5 가지 방법 - 인형

블로그의 사이드 바 디자인을 향상시키는 5 가지 방법 - 인형

차례:

비디오: [따라하기강좌] 워드프레스 홈페이지 관리하는 방법 (2019년) 2024

비디오: [따라하기강좌] 워드프레스 홈페이지 관리하는 방법 (2019년) 2024
Anonim

블로그의 사이드 바는 브랜드를 판매하는 데 도움이되는 중요한 부동산입니다. 블로그 사이드 바에 포함시킬 내용 (포함하지 말 것을 포함)을 신중하게 선택하고 블로그를 가장 잘 만드는 부분을 강조하여 다른 사람과 차별화되도록 설정하십시오.

1 블로그의 사이드 바 디자인

위젯은 웹 사이트 내에서 설치 및 실행할 수있는 거의 애플리케이션이 아니며 소셜 미디어 플랫폼에서의 활동을 강조하는 데 사용될 수 있습니다. 독자는 사이드 바에 디자인 요소를 추가하여 독자가 온라인에보다 폭 넓은 존재인지 살짝 보여줍니다.

소셜 미디어 위젯의 가장 큰 장점은 모든 블로깅 플랫폼에서 사용할 수 있다는 것입니다. 몇 가지 설정을 선택한 다음 블로그에 코드를 복사하여 붙여 넣기 만하면됩니다.

블로그 버튼 - 배지 - 다른 사이트로 링크되는 그래픽입니다. 회의 배지는 다가오는 회의에 참석 중이라는 독자들에게 알려줍니다. 다른 블로거 배지는 해당 블로그의 팬이라는 것을 강조 할 수 있습니다. 시상식 배지는 귀하가 수상한 상을 보여줄 수있는 신뢰성을 구축 할 수 있습니다.

블로그와 관련된 버튼과 배지 만 선택하십시오. 그렇지 않으면 사이드 바 디자인이 어수선해질 위험이 있습니다. 배지를 표시하기로 결정한 경우 최신 상태로 유지하십시오.

블로그에서 수입을 얻으려는 블로거에게 광고는 일반적으로 사이드 바 (및 사이트의 다른 곳에서도)로 짠다. 광고는 종종 사이드 바 상단에 배치 될 때 더 많은 수익을 얻습니다. 따라서 많은 블로거가 상단에 하나의 큰 광고를 배치하고 사이드 바에 더 작은 광고를 배치합니다.

다른 블로거는 다른 요소에 대한 사이드 바의 상단을 저장하여 사이드 바 및 블로그의 다른 곳에서만 광고를 표시합니다. 그러나 광고를 통합하기로 결정한 경우 전반적인 사이드 바 레이아웃이 광고에 의해 잡히지 않도록하십시오.

블로그 사이드 바에 쇼케이스 카테고리 및 아카이브

사이드 바 디자인은이 컴팩트 한 공간 내에서 중요한 옵션 (카테고리 및 아카이브, 태그, 인기 게시물 및 최근 게시물)을 제공하여 블로그 콘텐츠를 선보일 수 있습니다. 이러한 요소를 다양한 방법으로 제공 할 수 있습니다. 드롭 다운 메뉴를 클릭하면 드롭 다운 메뉴가 나타납니다. (열어) 다른 사람이 선택할 수있는 목록으로 만듭니다. 아카이브를 드롭 다운 메뉴 나 별도의 블로그 페이지에 표시하는 것이 가장 좋습니다.

목록은 카테고리 또는 아카이브를 세로로 세로로 표시합니다. 카테고리가 많지 않은 경우 목록을 사용하는 것이 좋습니다.또한 이미지를 사용하여 사이드 바를 활기차게 만들고 카테고리에주의를 끌 수 있습니다.

대부분의 블로그 플랫폼은 블로그 태그를 시각적 인 클라우드에 선보이며 게시물에 태그를다는 데 사용한 단어를 표시합니다. 단어가 자주 사용될수록 구름에 더 큰 단어가 나타납니다.

사용하는 태그에 대해 일관성이 있다면 태그 클라우드를 사용하는 것이 좋습니다. 그러나 독자가 무작위로 배치 된 단어 구름보다 목록을 통해 선택하는 것이 더 쉬운 경우가 많습니다.

블로그의 사이드 바 디자인에 탭이 달린 요소로 스페이스를 저장하십시오.

탭 사이드 바 위젯은 탭으로 구분 된 컨텐츠를 포함하는 블로그의 사이드 바 디자인 요소입니다. 블로그 Musings of a Housewife는 탭이있는 사이드 바 위젯을 사용하여 검색 상자, 범주 및 아카이브라는 세 가지 요소를 결합합니다.

탭 사이드 바 위젯에는 두 가지 장점이 있습니다. 전체 사이드 바 디자인에 공간을 절약하고 쉽게 액세스 할 수 있도록 한 영역에서 콘텐츠를 모두 검색하는 방법을 그룹화합니다.

이 디자인 요소는 Tabber Widget (무료), Easy Tab Widget ($ 9) 및 Hello Tabs WordPress Widget ($ 12)과 같은 WordPress의 플러그인을 사용하여 쉽게 만들 수 있습니다. 일부 테마에는 탭 위젯을 만드는 기능도 포함됩니다.

블로그의 사이드 바 디자인을 향상시키는 5 가지 방법 - 인형

편집자의 선택

PowerPoint 프레젠테이션의 주석 사용 방법 - 인형

PowerPoint 프레젠테이션의 주석 사용 방법 - 인형

PowerPoint 프레젠테이션을 검토 할 때 주석을 삽입하십시오. PowerPoint에서는 주석을 켜고 끌 수 있습니다. 파워 포인트 프리젠 테이션을 편집하는 동안 댓글을보고 쇼 시간에 오프로 설정하십시오. 주석으로 작업하려면 프리젠 테이션을 엽니 다. 다음 작업을 수행 할 수 있습니다.

PowerPoint 2007에서 라이브 미리보기 사용 방법 - 인형

PowerPoint 2007에서 라이브 미리보기 사용 방법 - 인형

PowerPoint는 실시간 미리보기 기능을 제공합니다. 실시간 미리보기 덕분에 실제로 PowerPoint 슬라이드에 변경 사항을 적용하기 전에 결과를 볼 수 있습니다. PowerPoint 실시간 미리보기를 켜려면 Office 단추를 클릭하고 PowerPoint 옵션을 선택하십시오. PowerPoint 옵션 대화 상자의 인기있는 범주에서 실시간 미리보기 사용 확인란을 클릭하고 ...

다른 PowerPoint 2007 프레젠테이션의 슬라이드 사용 방법 - 다른 PowerPoint 프레젠테이션의 슬라이드를 사용하는 더미

다른 PowerPoint 2007 프레젠테이션의 슬라이드 사용 방법 - 다른 PowerPoint 프레젠테이션의 슬라이드를 사용하는 더미

당신이 필요로하는 슬라이드가 이미 존재할 때. Microsoft PowerPoint에서는 슬라이드의 가져 오기를 위해 리본의 삽입 탭에 특수 명령을 제공합니다. 필요한 단계는 다음과 같습니다.

편집자의 선택

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

당신이 만드는 웹 페이지에 생명을 불어 넣는 링크에 대한 환상적인 용어 인 하이퍼 텍스트의 경우. 이 스크린 샷과 같이 웹 페이지에 링크를 추가하는 것은 매우 쉽습니다. 링크를 포함하여이 페이지의 코드는 다음과 같이 재현됩니다.

기존 HTML 태그를 HTML5와 통합하는 방법 - 인형

기존 HTML 태그를 HTML5와 통합하는 방법 - 인형

압도적으로 새로운 HTML5 요소는 HTML의 범위와 범위. 즉, 대부분의 경우 이전 태그를 대체하지 않습니다. 예를 들어 기존 HTML 6 제목 태그, 단락 태그 및 링크는 HTML5에서 이전 버전의 HTML과 동일한 방식으로 사용됩니다. If ...

편집자의 선택

Dreamweaver CS6의 CSS 초보 페이지에서 새 문서를 만드는 방법 - 인형

Dreamweaver CS6의 CSS 초보 페이지에서 새 문서를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서는 처음부터 다시 시작하는 대신 CSS 기반 레이아웃이있는 샘플 페이지 라이브러리를 제공합니다. 이 CSS 샘플 페이지는 유용하고 일반적인 레이아웃 아이디어를 제공하며 CSS 배치로 만들어지기 때문에 매우 유연합니다. CSS 스타일 패널 또는 속성 관리자에서 직접 수정할 수 있습니다. ...

Adobe Dreamweaver CS6에서 앵커를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서 앵커를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서는 앵커를 쉽게 만들 수 있습니다. 귀하의 페이지. 앵커는 페이지의 특정 섹션에 대한 링크로, 링크 또는 다른 페이지와 동일한 페이지에 있습니다. 앵커는 텍스트가 많은 긴 페이지에 특히 유용합니다. 앵커를 보거나 사용했을 것입니다.