본문 바로가기

블로그제작/고급형(티스토리)

티스토리 고급 홈페이지형블로그제작(PC,모바일) 사례~

반응형

 

티스토리 고급형블로그

홈페이지형블로그제작 

PC,모바일블로그

     

     

 

   

     

 

홈페이지형블로그

 

 

안녕하세요! 블로그애드입니다. 오늘은 그동안 바빠서 업데이트를 못해드렸는데요. 2019년형 커버 기능과 반응형스킨을 적용한 고급형 티스토리 기반 #홈페이지형블로그제작 사례를 살펴봅니다. '홈페이지형' 이란 의미는 홈페이지 같은 홈페이지와 비슷한 모양이나 모습을 갖춘 것을 의미합니다. 태생은 블로그지만 디자인과 코딩 기술로 재탄생된 새로운 옷을 입은 블로그를 의미하는 것입니다.

    

 

 

  

 

네이버는 기본형

 

 

    

우리가 많이 사용하고 있는 네이버 블로그(사진 위.직접 제작한 사례)의 경우는 기본형이라고 합니다. 블로그는 잘만들거나 못만들거나 모습은 다 비슷하다는 것을 알 수 있습니다. 모바일은 동일하며, PC의 경우는 디자인적인 요소와 일부 코딩을 넣어서 홈페이지형블로그로 만들고 있는데요. 하지만, 누가봐도 블로그처럼 보입니다.

  

 

 

  

     

티스토리는 고급형

  

 

사진=PC 홈페이지형

 

 

 

 

사진=모바일 블로그

   

  

사진은 실제로 고급형 티스토리를 기반으로 제작한 홈페이지형 블로그제작 사례입니다. 네이버블로그 경우는 주로 스킨영역에 이미지와 텍스트를 기반으로 홈페이지형으로 만들기를 하지만, 티스토리는 스킨영역 뿐아니라 바디영역(콘테츠), 푸터영역(하단,주소 등)에 이르기 까지 자유롭게 변형하고 디자인에 따라서 코딩을 하여 새로운 형태로 제작이 가능합니다. PC, 모바일블로그를 따로 제작하여 모바일환경에서 강한 임팩트를 주고 있습니다.

  

 

   

   

제공되는 기능들

 

  

  홈페이지형 블로그
  기업 / 개인블로그 소통채널
  PC(), 모바일 / 반응형 스킨
  7, 14
  협의 後
  Html / jquery / javascript
 

Html/CSS 코딩
마우스 이펙트(온오버)
풀다운 메뉴, 모바일버튼, 검색창
PC-모바일 최적 이미지,텍스트
크로스 브라우징(익스플로어,크롬)
기기별 브라우징(애플,안드로이드)
SNS연동(국내외)
유튜브 연동
블로그 오픈 API 제공
플로그인 기능 연동
네이버 외 포털 SEO/SEM
홈페이지 대체 기능
RSS FEED(구독 기능)
구글 애널리틱스 연동
설치형 블로그(각종 코드 등)

   

  

  

 

네이버 블로그 홈페이지형의 경우는, 이 중에서 스킨영역에 대한 일부 디자인과 코딩만으로 만들어집니다. 모바일 블로그는 없으며 일반적으로 제공되는 형태로 특별히 코딩할 수 있는 툴이 없어서 잘만들거나 못만들거나 동일하다는 것을 우리는 수없이 경험으로 알고 있습니다. 불편하다는 것은 충분히 인식하고 있을 것입니다.

 

  

 

검색유입,

그 환경은 모바일

  

  

 

우리가 어떤 정보를 찾을 때 어떤 기기를 이용하여 찾고, 그에 따른 결과로 어디로 많이 들어오는가를 기기별 유입분석이라고 할 수 있습니다. 이미 블로그를 운영하고 있는 크리에이터들이라면 벌써 알고 있습니다. PC 대 모바일 유입량을 분석해보면 PC 30%, 모바일 70% 또는 20% 대 80% 로 나오기도 합니다.

  

 

 

 

어디에 중점을?

 

  

경험상으로는 지금 현재도 계속해서 발생하고 있는 기기는 바로 모바일입니다. 모든 유저들은 이 모바일을 통해서 뱅킹이나 쇼핑, 열람, 댓글 등의 활동을 하고 있습니다. 그런데 말입니다! 어떻게 된 것이 아직도 사람들은 네이버 블로그의 PC영역에 집착하고 있는 이유는 무엇일까요? 희한하지 않나요? 이것은 모르기 때문입니다.

 

이제 새롭게 창업을 하고 공식적인 광고영역(파워링크 외)과 바이럴영역(블로그 외)으로 구분하여 야심차게 출발하려는 분들은 이점을 분명히 알고 시작하시라는 것입니다. 모바일을 통해서 귀사의 블로그나 홈페이지로 들어오고 있다면 당연히 기업블로그의 모바일이 어떻게 생겼는지? 소비자들은 불편하지 않은지? 직접 들어와서 보시면 금방 결론을 낼 수 있을 것입니다.

   

  

 

 

  

PC/MOBIL BLOG

 

 

 

 

 

#PC MAIN

  

 

 

 

  

 

 

#PC MAIN:

햄버거버튼 누를 때

 

 

 

    

 

 

 

 

#PC MAIN:

검색창을 누를 때

 

 

 

 

  

 

  

  

 

#MOBIE MAIN

 

(하단 푸터 생략)

 

 

    

  

 

 

#MOBILE MAIN:

햄버거버튼 누를시

 

 

(하단 푸터 생략)

 

 

      

  

 

중급형 티스토리 홈페이지형

 

 

 

 

모든 티스토리 홈페이지형 블로그는

정형화된 것이 없으며, htms/css 영역

통해서 원하시는 포맷, 기능구현 등에

따라서 견적이 달라질 수 있으므로

별도로 협의가 필요합니다.

 

 

 

  

 

지금까지 우리는 네이버와 티스토리 홈페이지형블로그가 어떻게 다른가를 충분히 이해했습니다. 또한, 많은 유저들이 사용하고 있는 모바일을 통해서 귀사의 블로그를 방문하고 있다는 사실을 PC와 모바일 유입률이 상당한 차이를 보이고 있다는 것을 알게되었습니다. 그렇다면, 지금 우리는 어떻게 해야할지도 명백하게 알 수 있을 것입니다.

         

  

반응형