intropage blog

블로그 이미지
intropage 와 관련된 소소한 이야기들을 공유할게요.
jurohan

Article Category

분류 전체보기 (28)
서비스 소개 (2)
서비스 업데이트 (17)
운영 이슈 (1)
활용 사례 (3)
참고자료 (5)

Recent Comment

Recent Trackback

Calendar

«   2018/12   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          

Archive

My Link

  • Total4,341
  • Today19
  • Yesterday3
  1. 2017.12.21
    [기능 소개] 인트로 페이지로 참가자 모집 사이트를 만들어 보세요.
  2. 2015.11.03
    [기능 소개] 본문에 링크 삽입하기
  3. 2014.12.26
    [CSS class] bg_img 추가

인트로 페이지는 앱기능을 통해 폼 위자드를 제공하고 있습니다.

폼 위자드는 별도의 소스 입력 없이 참여자 등록폼을 제작 할 수 있는데요.

행사나 모임등 참가자를 모집할때 참가자 모집 사이트를 만들어

참여인원의 정보수집이나 관리등을 쉽게 할수 있고 참여자가 등록되면

이메일로 등록 사실을 알려줘서 쉽고 빠르게 확인할수 있습니다.


참여자 등록폼은 인트로 페이지가 필요 합니다.

http://blog.intropage.net/category/%EC%84%9C%EB%B9%84%EC%8A%A4%20%EC%86%8C%EA%B0%9C


참여자 등록폼은 페이지를 제작 하는 중이나 제작 했던 사이트에 추가가 

가능합니다.

또 삽입 위치를 원하는 위치로 쉽게 수정이 가능하기 때문에 사이트 편집이나

디자인을 바꾸고 싶을때 편리하게 이용할 수 있으며 완성도 높은 사이트를 

만드실수 있습니다.


참여자 등록폼 사용법은 먼저 본문을 구성하고 내용을 입력합니다.


기본 구성을 끝내셨으면 저장을 하시고 

아래 앱을 클릭하시면 앱 마켓 창이 열릴 것 입니다.




폼위자드의 자세희 보기를 클릭하시면 설명과 사용유무를 확인하는 창이 열립니다.

여기서 사용하기를 클릭하시면 폼 위자드 제작화면으로 넘어갑니다.




앱 타이틀과 앱 설명을 작성하실 수 있으며 아래 필요한 정보를

수집하기 위한 입력 항목을 추가하여 작성하실 수 있습니다.





항목 추가는 9개까지 추가가 가능하며 입력 형식은 그림과 같이 6가지가 있습니다.





필수로 입력 해야 하는 항목이 있으면 체크박스를 클릭 하셔야 하고

꼭 입력 하지 않아도 되는 항목은 체크를 푸시면 됩니다. 


앱 삽입은 그림과 같이 원하는 위치로 선택하여 올릴 수 있으며 수정이 가능합니다.





설정이 다 되셨으면 생성하기를 클릭하시고 작업이 완료 후에 아래 모니터 모양의 활성화 아이콘을

클릭하신 후 사이트 생성을 클릭하시면 반영됩니다.





생성이 완료되면 아래 사진과 같이 폼을 추가한 곳에 신청자 페이지가 생성됩니다.

수정을 클릭하시면 바로 수정이 가능하고 신청자 리스트를 클릭하시면

참여한 인원 리스트를 보실 수 있습니다.





위의 사진은 사이트 작성자 화면이며 완성되면 작성자, 팀원 외에 다른 분들에게는 

아래와 같은 화면이 표시됩니다.





인트로 페이지 서비스가 궁금하신 분은 아래 주소를 통해 메일 주소를 남겨주세요.

http://intropage.net


Trackback 0 and Comment 0

안녕하세요. 최근 문의가 들어온 본문에 링크 삽입하기에 대한 안내에 대해 알려드립니다.

인트로페이지에 콘텐츠를 입력하는 단계에 보면, 위지윅 에디터라는 형태를 통해 우리가 쉽게 접할 수 있는 워든 한글의 형태와 유사한 형태로 기능이 구성된 버튼들이 보일것 입니다.

이 버튼들 중 Hyper link 버튼을 활용하면 본문에 링크를 삽입할 수 있으며,

본문에 삽입한 링크 중 사용자의 클릭수를 확인코자 하는 경우에는 페이지 활성화 단계에 있는 연관된 온라인 정보에 해당 정보의 URL을 추가하면, 페이지 활성화 이후 Dashboard를 통해 확인하실 수 있습니다.

글로 설명하기에는 조금 복잡해보일 수도 있을 것 같아 영상을 만들어봤습니다.


인트로 페이지 서비스에 사용을 원하시는 경우
http://intropage.net 을 통해 이메일을 등록해주세요.
새로운 소식을 전달해드립니다.

Trackback 0 and Comment 0

안녕하세요 인트로페이지입니다.

최근 live update 기능을 구현한 후, 생긴 하나의 문제가 있었습니다.
그것은 바로, 백그라운드로 처리하는 이미지에 대한 부분인데요,

기존의 방법은 해당 기능을 지원하는 템플릿을 사용할 경우,
콘텐츠 영역에 입력된 이미지 파일 중 첫번째 이미지 파일을 배경으로 사용할 이미지로 인식하고 실제 인트로페이지에서는 출력이 안되도록 Javascript로 변경하는 형태로 개발하였습니다. 그리고 페이지가 로드 될때, 이 기능이 실행되도록 하였었는데요.

live update의 경우 변경된 콘텐츠 부분을 변경하는 형태를 띄기 때문에, 콘텐츠를 변경했을 경우, 배경으로 삽입했던 이미지 또한 그대로 사용자에게 보여지게 되는 문제가 존재하였습니다.

이에 대한 해결책으로, 배경이미지용 파일을 업로드 했을 경우, html보기로 해당 파일의 코드에 class='bg_img'를 추가하도록 하는 형태로 변경하였습니다. 이에 대한 코드 속성은 style.css에 기본으로 내장되어 있게 하였는데, 이를 통해 website mode, presentation mode, print mode 에서 배경 이미지는 노출이 안되도록 변경하였습니다.

비 개발자 입장에서는 조금 어려울 수 있는 부분이긴 한데,
아래의 영상을 따라 하면, 어렵지 않게 따라 할 수 있으실 것입니다.


배경 이미지로 삽입한 이미지의 소스 코드 뒤에는

Class='bg_img'를 붙여주세요. 


intropage의 소식이 궁금하신 분은

http://intropage.net 에 이메일을 등록해주세요.

감사합니다. :)



Trackback 0 and Comment 0