CPA전문 마켓클럽! 입소문 마케팅의 시작!!
아이디
비밀번호
자동로그인  

고객센터

  공지사항
  자주묻는 질문과답변



 
 
자주묻는 질문과답변
▒ Home>고객센터>자주묻는 질문과답변
 

티스토리에 랜딩페이지 만드는 방법 (2 of 3)

작성일 : 21.02.08 12:54 | 조회 : 292
  1. 글쓴이 : 마켓클럽

  2. 그리고 규정에 따라 건물 기반이 튼튼하게 자리잡으면

    그때서야 외관 페인트칠이나 타일이나 이런 것을 붙여서 마무리를 하죠

    건물 뼈대에 해당하는 것이 HTML, 외관 꾸미는 타일이나 페인트를 CSS라고 생각하시면 쉽습니다

    깔끔한 랜딩페이지로 쓰기 위해서는 상단 제목, 하단에 공유 버튼, 페이지 정보 등

    가려줘야 할 것들이 있습니다.

    HTML을 건드리면 어떤 문제가 발생할지 알 수 없습니다;;

    이럴 때는 CSS를 활용해서 뼈대는 안건드리고 간단하게 이런 부분들을 가릴 수 있습니다

    CSS의 제일 아래 부분에 위 사진에 보이는 것처럼 내용을 추가해주세요

    // 기존 스킨 CSS 내용 -------------------------------------------------------- 제일 아래에 다음의 내용 추가 #header{ display: none; } #entry34Comment{ display: none; } #footer{ display: none; } .container_postbtn{ display: none; } .hgroup{ display: none; } .pagination{ display: none; }

    이 내용을 추가해주시면 됩니다

    혹시 댓글을 보이게 하고 싶다면 #entry34Comment 이 부분만 제외하고 넣어주시면 됩니다

    추가하셨으면 오른쪽 상단에 적용 버튼을 꾸욱 눌러주세요

    근데 이걸 눌러도 왼쪽 화면에 적용된 것이 보이지 않을 수 있어요

    티스토리에서 제공하는 Preview에는 적용된 것이 바로 보이지 않더라구요

    옆에 웹사이트를 켜놓고 F5를 눌러서 새로고침해주세요.

    그럼 메뉴들이 사라진게 보이실거예요

    이제 본격적으로 랜딩페이지를 만들어볼까요

    이제 글을 써볼까요

    제목은 어차피 안보이기 때문에 적당히 쓰셔도 됩니다

    사진을 눌러서 홍보할 이미지 자료를 넣어주세요

    이렇게 순서대로 넣어주시면 됩니다

    실제 랜딩페이지에서는 제목을 제외하고 본문만 보이게 됩니다

    혹시 필요하시면 중간에 글이나 GIF등 다양하게 넣어주셔도 됩니다

    이제 가장 중요한 작업이 남았는데요

    바로 DB 접수를 위한 입력폼을 넣는 것이죠

    오른쪽 상단에 기본모드라고 되어있을텐데

    이것을 HTML으로 변경해줍니다

    대부분의 제휴 마켓 사이트(ex 마켓클럽)에서 입력폼 코드를 제공합니다

    마켓클럽을 기준으로 살펴보겠습니다

    원하는 홍보 컨텐츠를 클릭하고 아래에 보면 입력폼 퍼가기가 있습니다

    꼭 복사하기 버튼을 눌러서 복사해주세요