앞으로는 대단히 블로그를 시작하려고 생각하고 있는 분이나 세련된 디자인으로 하고 싶지만 어떻게 잘 가지 않는다고 생각한 적 없습니까.

이번에는 Hatena 블로그 디자인으로,추천 템플릿이나 디자인 테마, 주의점, 사용법, 추천 선택 방법에 대해 설명합니다.

Hatena 블로그에 등록되어 있습니다.무료 템플릿를 사용하여 블로그 디자인을 세련되게 설정할 수 있습니다. 사용법도 간단하고 설치도 무료로 이용할 수 있습니다.

Hatena 블로그를 만들 때,첫 테마 선택이 매우 중요됩니다. 그리고 나중에 디자인을 다시 시작하는 것은 매우 번거로운 작업입니다.

처음에 붙인 Google 애드 센스 등도 처음부터 재실행 작업이되어 상당한 시간 손실이 태어나므로 테마를 선택하는 방법은 잘 생각하고 할 필요가 있습니다.

세련된 디자인으로 하는 메리트로서는,기사를 보는 사람의 액세스 수가 크게 증가합니다.라는 것입니다. 액세스 수가 늘어나면 광고 수입이 늘어나기도 하기 때문에, 테나 블로그를 할 때는 테마 선택과 세련된 디자인으로 하는 것은 매우 중요합니다.

【하테나 블로그】 디자인을 멋지게 커스터마이즈하는 방법에 대해 소개합니다.

디자인 템플릿의 사용법은 다음과 같습니다. Hatena 블로그에 등록된 무료 템플릿을 사용하여 블로그 디자인을 변경할 수 있습니다. 우선,블로그 관리 화면을 엽니다.

「디자인」을 클릭 후, 왼쪽 옆에 템플릿의 선택지가 많이 표시되므로, 자신이 좋아하는 디자인의 것을 선택합시다.

또 다른 사용법으로는 “테마 스토어에서 디자인 테마를 다운로드”하는 선택 방법이 있습니다. 이 방법은 아래에서 소개합니다.

디자인 테마를 설치하는 방법은, 맨 아래까지 공식 테마를 점점 스크롤 해 갑니다. 그러면 “테마 스토어에서 테마 찾기‘라는 항목이 표시됩니다.

위와 같이 ‘테마 스토어에서 테마 찾기’를 클릭하여 하테나 블로그 블로거가 만든 오리지널 테마를 설치하는 것도 추천 방법입니다.

【하테나 블로그】 디자인의 추천 테마를 선택하는 방법으로 “인기의 테마”에서 선택하는 방법이 있습니다. 안이하게 디자인을 결정해 버리면 후회해 버릴 가능성도 있으므로 확실히 확인해 갑시다.

Hatena 블로그에서 디자인 테마를 결정하는 것은 매우 중요합니다. 여기에서는 「인기 테마를 구별하는 방법」이나 「인기의 테마를 선택하는 메리트」에 대해 소개합니다.

Hatena 블로그에서 인기있는 디자인 테마를 구별하는 방법은반드시 「추천의 인기 테마」로부터 템플릿을 선택한다입니다. 이유는, 만약 사용법을 모르는 경우 등에 Google 검색하면, 커스터마이즈의 정보가 많이 히트하기 때문입니다.

그리고 대부분의 디자인 테마의 작업이 코피페로 커스터마이즈 완료할 정도로 간단하기 때문에, 추천의 인기 테마로부터 선택하는 것이 좋다고 하는 바람이 됩니다.

Hatena 블로그에서 인기있는 디자인 테마를 선택하는 이점은 뭐니 뭐니해도 “액세스 수“입니다. 인기 디자인 테마를 선택하여 액세스 수가 증가하고, 사람에 따라 벌 수있는 금액도 달라집니다.

그러면 하테나 블로그에서 인기있는 디자인 테마 랭킹에 대해 소개합니다. 다음에 소개하는 3개의 테마는,계속 순위의 상위에 있습니다.

만약 3위 이외의 테마에서는 테나 블로그를 만들고 싶은 경우의 선택 방법으로서는, 그 테마를 사용하고 있는 유저수가 많은 것을 선택합시다. 방금 말씀드렸습니다만, 유저수가 많으면 커스터마이즈의 정보 수집에도 곤란하지 않기 때문입니다.

인기 테마 템플릿을 사용하는 사용자 수를 파악하는 방법은“하테나 블로그 테마 스토어”에서 Google 검색하십시오.

그런 다음 테나 블로그 테마를 선택할 수있는 페이지를 클릭하여 자신이 조사하고자하는 사용자 수, 디자인, 템플릿을 선택하는 것이 일련의 흐름이됩니다.

【하테나 블로그】 디자인의 추천 테마를 선택하는 방법으로 반응형 디자인 대응하고있는 것을 선택하는 것이 좋습니다. 하지만 원래 반응형 디자인이란? 라고 의문으로 생각하는 분도 많을까 생각하므로, 이하로부터 설명합니다.

이제 반응형 디자인에 대해 설명합니다.

이 반응형 디자인이란, PC나 스마트폰, 태블릿과 같이 사이즈가 달라도 적절한 화면 표시가 되어 있는 것을 의미합니다.

즉, 기기의 윈도우 폭에 대해“responsive(잘 반응)”하고, 보기 쉬운 표시로 자동으로 전환하는 구조를 가진 디자인을 말합니다.

반응형 디자인을 선택하는 이점은 우선Google이 추천하는 것 (검색 엔진 최적화)의 장점이 있습니다.

이와 함께액세스 수가 증가함일,스마트 폰 디자인에서도 사용자 정의 설정이 필요하지 않았습니다.,톱 페이지의 표시도 스마트 폰용으로 깨끗하게 반영하다,목차를 사용자 정의하는 번거로움을 줄일 수 있습니다.이점이 있습니다.

디자인이 청소되면 액세스 수도 변경됩니다. 반응형 디자인 대응인지 대응하지 않는 디자인인지 크게 차이가 나 버리므로 체크는 잊지 마세요.

이제 반응형 디자인을 설정하는 방법을 소개합니다. 우선, Hatena 블로그의 “관리 화면“→”디자인“→”맞춤형의 순서로 조작을 합니다.

테마의 이미지에 「레스폰시브디자인 대응」이라고 표시되어 있으면, 대응하고 있다는 것이 됩니다.

반응형 디자인으로 변경하면 스마트 폰이나 다른 태블릿에서도 확인해 봅시다. 또는 테나 블로그 설정에서 위와 같이 “톱 페이지의 표시 형식을 나열합니다.‘의 설정을 해 둡시다.

참고로, 일부 반응형 디자인에는 코드를 복사하지 않으면 변경할 수 없는 템플릿이 있습니다. 그리고 각각의 테마에는 주의서가 쓰여 있으므로 반드시 읽도록 합시다.

그러면 반응형 디자인에 대응하고 있는 템플릿을 소개하겠습니다.모두무료로 설치 가능입니다.

반응형 디자인을 지원하고 초보자에게 추천하는 템플릿은 “Minimalism”입니다.간단한 디자인그래서 외형도 깨끗하고 사용의 용이성 평가도 높습니다. 어떤 블로그 장르라도 적용되는 템플릿입니다.

이노센트는 블랭크를 기반으로 개선을 여러 번 수행했습니다.간단하고 맞춤형템플릿입니다.

반응형 디자인 대응으로, 네비게이션 바의 설정이나, 추천 기사 리스트, 빵 부스러기 리스트의 설치 등 세세하게 커스터마이즈 할 수 있게 되어 있으므로, 만족도가 높습니다.

Brooklyn은 흰색과 검은색을 기조로 한 심플한 디자인 테마입니다. 반응형 대응도 하고 있어, 커스터마이즈용으로 CSS도 기술되고 있으므로, 지식이 있는 사람이면 간단하게 커스터마이즈를 실시할 수 있습니다.

이 브루클린은랭킹에서도 항상 상위에 들어 있으므로 추천 템플릿이라고 할 수 있습니다.

여기에서는 【하테나 블로그】 디자인의 추천 테마의 선택 방법～글로벌 메뉴 바～에 대해 소개합니다.

디자인으로 반응 대응을 선택하는 것이 좋도록 글로벌 메뉴 바를 사용할 수있는 테마를 선택한 것이 장점이 있습니다. 원래 「글로벌 메뉴 바란?」, 「글로벌 메뉴 바를 선택하는 메리트」에 대해서 이하로부터 소개해 옵니다.

글로벌 메뉴바는 위와 같이메뉴 바를 설치하는 바라고 말합니다.

이 글로벌 메뉴 바가 있으면 보고 싶은 정보에 바로 액세스할 수 있으므로 매우 편리합니다. 또 리스폰시브 대응으로, 스마트 폰에서도 메뉴 바를 2 계층까지 표시를 간단하게 할 수 있게 되어 있습니다.

글로벌 메뉴 바를 선택하는 장점으로 가장 큰 것이,액세스 수에 기여할 수 있습니다.라는 것입니다.

링크를 클릭하면 카테고리 목록 페이지에서 내가보고 싶은 기사를 쉽게 찾을 수 있습니다. .

【하테나 블로그】 디자인의 추천 템플릿 ~ 기본 ~에서는 “Minimalism” “Brooklyn” “SOHO” “Material” “Written” “Naked”에 대해 소개합니다.

이 「Minimalism」의 테마는 그 이름대로 「Minimalism」으로, 디자인은 최소한만으로 삼고 있으며, 「미」를 추구한 디자인 테마를 가지고 있습니다.

스마트 폰 / 태블릿 단말기에 대응 한 “반응형 대응‘의 디자인입니다. Minimalism의 디자인은 “모바일 퍼스트”로 만들어져 있기 때문에, 스마트 폰에서 봐도 디자인이 매우 갖추어져 보기 쉽습니다.

「Booklyn」은, 블랙과 화이트를 기조로 한 심플한 디자인을 테마로 하고 있습니다. 주로 가능한 사용자 정의는 “글로벌 메뉴 설치”, “멋진 공유 버튼 설치”, “독자 등록 버튼 추가”, “WEB 글꼴 사용”입니다.

반응형 디자인 대응에서 스마트 폰에도 대응하고 있습니다. 또 커스터마이즈용의 CSS도 기술하고 있으므로 간단하게 커스터마이즈를 실시하는 것이 가능합니다.

SOHO는코드를 편집할 필요가 없습니다.HTML 코드 출력 도구를 만드는 중입니다. 이 출력 도구를 사용하면 HTML을 다시 작성하지 않고도 글로벌 탐색(헤더 메뉴), 팔로우 버튼, 공유 버튼을 쉽게 설치할 수 있습니다.

현재 사용 가능한 사용자 정의는 “글로벌 메뉴 설치”, “팔로우 버튼 설치”, “공유 버튼 설치”, “글꼴 변경”입니다.반응형 대응입니다.

Material은 스마트폰이나 태블릿 등에서도 볼 수 있다.반응형 대응“입니다. 또 독자 시선으로 기사가 읽기 쉽도록, 「원 컬럼」의 레이아웃이 되어 있습니다.

이원 컬럼이란, 좌우에 메뉴 바가 붙어 있지 않은 표시라고 합니다만, 어느 화면 사이즈의 디바이스(스마트 폰이나 PC, 태블릿등)로부터라도 보기 쉽도록 설계되어 있어, 받아들이기 쉽다고 하는 메리트가 있습니다.

또, 호버 이펙트나 대화풍의 코멘트 등, 「즐거운 요소」도 추가되고 있습니다.

「Written」은 심플한 2 컬럼의 디자인입니다.반응형 디자인에도 대응하고 있고, 문장이나 사진을 깔끔하게 보여주고 싶은 분에게 추천입니다. 배경색의 변경이나 헤더 이미지의 삽입도 가능합니다.

“Naked”는 기사 부분을 흰색, 검정, 회색으로만 작성하므로 많은 배경색이나 배경 이미지와 일치합니다. 심플하고 사용하기 쉽고 기본값 그대로도 멋진 것이 특징입니다.

다만, 깊은 곳까지 커스터마이즈 해 가고 싶은 사람도 점점 개조할 수 있는 점도 매력적입니다.

또, 간단하게 커스터마이즈 할 수 있는 내비・바닥글 기능이나, 초기 상태로 디자인된 「목차」, 「카에레바」, 「요메레바」, 「어플리치」등의 기능이 갖추어져 있습니다. “Naked”는반응형 대응입니다.