반응형 컨텐츠 페이지

  • 반응형 컨텐츠 페이지 입니다.
  • 모바일 / 데스크탑에 따라서 형태가 자동으로 변경됩니다.

- 사용방법 안내

  • 이미지

    • 설치된 소스의 형태로 FTP 를 이용하여 절대 경로를 가져 가는 방법이 있습니다.(설치된 기본 형태)
    • 관리자 페이지의 간편디자인으로 이미지를 등록 하여 변수를 활용 하는 방법이 있습니다.
  • 텍스트

    • 설치된 페이지의 태그 안에 직접 텍스트를 기입 하는 방법이 있습니다.(설치된 기본 형태)
    • 관리자 페이지의 간편디자인으로 텍스트 를 등록 하여 변수를 활용 하는 방법이 있습니다.
  • 텍스트 / 배경 색

    • 텍스트 색상 : 스타일시트(pl_contents_m.css) 의 상단에 .c_type 로 정의 했습니다. 색상 코드 값만 바꿔주시면 됩니다.
    • 배경화면 색상 : 스타일시트(pl_contents_m.css) 의 상단에 .b_type 로 정의 했습니다. 색상 코드 값만 바꿔주시면 됩니다.
  • 설치시 모든 옵션이 1번으로 기본설정되어 있습니다.

- 설치내역

  • 반응형 페이지 스타일시트 (mobile) : 스타일시트 (pl_contents_m.css)
  • 반응형 페이지 스타일시트 (desktop) : 스타일시트 (pl_contents_pc.css)

설치화면

타이틀 제목영역 입니다.

컨텐츠 페이지상의 텍스트 문구나 이미지 부분은 간편디자인에 등록하셔서 변수를 활용하는 방법도 있습니다. 기호에 맞게 사용하시면 됩니다. 다양한 방법을 통해 소스의 간소화를 할 수 있습니다.

소제목이 들어 가는 영역

  1. 첫번째 리스트 내용
  2. 두번째 리스트 내용
  3. 세번째 리스트 내용

* 스타일 시트의 클래스를 활용 하여 텍스트의 색상을 다양하게 활용이 가능 합니다.

문단의 머릿말

  1. 1

    소제목

    반응형 컨텐츠에 등록 되어있는 스타일 시트를 활용 하여 텍스트의 문구 또는 색상 크기 등을 다양 하게 활용 할 수 있습니다.
    클래스로 지정되어 있는 색상 에 원하시는 색상 코드를 넣으시면 간단하게 색상을 바꿀 수 있습니다.

  2. 2

    소제목

    반응형 컨텐츠에 등록 되어있는 스타일 시트를 활용 하여 텍스트의 문구 또는 색상 크기 등을 다양 하게 활용 할 수 있습니다.
    클래스로 지정되어 있는 색상 에 원하시는 색상 코드를 넣으시면 간단하게 색상을 바꿀 수 있습니다.

  3. 3

    소제목

    반응형 컨텐츠에 등록 되어있는 스타일 시트를 활용 하여 텍스트의 문구 또는 색상 크기 등을 다양 하게 활용 할 수 있습니다.
    클래스로 지정되어 있는 색상 에 원하시는 색상 코드를 넣으시면 간단하게 색상을 바꿀 수 있습니다.

  4. 4

    소제목

    반응형 컨텐츠에 등록 되어있는 스타일 시트를 활용 하여 텍스트의 문구 또는 색상 크기 등을 다양 하게 활용 할 수 있습니다.
    클래스로 지정되어 있는 색상 에 원하시는 색상 코드를 넣으시면 간단하게 색상을 바꿀 수 있습니다.

  5. 5

    소제목

    반응형 컨텐츠에 등록 되어있는 스타일 시트를 활용 하여 텍스트의 문구 또는 색상 크기 등을 다양 하게 활용 할 수 있습니다.
    클래스로 지정되어 있는 색상 에 원하시는 색상 코드를 넣으시면 간단하게 색상을 바꿀 수 있습니다.

  6. 6

    소제목

    반응형 컨텐츠에 등록 되어있는 스타일 시트를 활용 하여 텍스트의 문구 또는 색상 크기 등을 다양 하게 활용 할 수 있습니다.
    클래스로 지정되어 있는 색상 에 원하시는 색상 코드를 넣으시면 간단하게 색상을 바꿀 수 있습니다.