Home 게시판 커뮤니티 Q&A 페이지 폭을 줄이고 싶은데…

2개 답변, 1 voice Last updated by Avatar of kimJinSunkimJinSun 14 years, 4 months 전
  • 익명
    손님
    @
    #900

    Default 테마 기준으로 말씀 드리자면..

    wp-content/themes/default 경로의 폴더에 보면 style.css파일이 있습니다.
    그 파일을 텍스트 에디터로 여셔서 몇가지 수정을 하시면 됩니다.
    (style.css파일을 수정하지 않으셨다는 전제로 설명 드리겠습니다.)

      1. 219번째줄의 #page에있는 width값 수정.(전체 페이지폭)
      2. 241번째줄의 .narrowcolumn의 width값 수정(첫페이지의 왼쪽내용 폭)
      3. 274번째줄의 .widecolumn의 width값 수정(싱글페이지의 폭)
      4. 287번째줄의 #footer의 width값 수정(#page의 width값과 같은값으로)
      5. 531번째줄의 #sidebar의 width, margin-left값 수정(사이드바의 폭)
      //margin-left의 값은 .narrowcolumn의 폭을 줄여준 만큼 줄여주셔야 합니다.
      //예: .narrowcolumn의 widht값을 450px에서 350px로 수정했다면
      //#sidebar 의 margin-left값은 545px에서 445px로 수정합니다.

    #page {
       background-color: white;
       margin: 20px auto;
       padding: 0;
       width: 760px;    /* 전체 페이지폭 */
       border: 1px solid #959596;
       }
    .narrowcolumn {
       float: left;
       padding: 0 0 20px 45px;
       margin: 0px 0 0;
       width: 450px;    /* 블로그 메인에서의 왼쪽 내용부분의 폭 */
       }

    .widecolumn {
       padding: 10px 0 20px 0;
       margin: 5px 0 0 150px;
       width: 450px;    /* 싱글 페이지의 폭 */
       }

       padding: 0 0 0 1px;
       margin: 0 auto;
       width: 760px;    /* #page의 width와 같아야함 */
       clear: both;
       }

    {
       padding: 20px 0 10px 0;
       margin-left: 545px;  /* narrowcolumn 의 width를 변경한만큼 변경하세요 */
       width: 190px;    /* 사이드바의 폭 조정 */
       }

    제가 쉬운 얘기를 너무 복잡하게 한건 아닌지 모르겠네요 😕
    기본적인 CSS언어에 대해서 알아두시면 워드프레스 테마를 수정하시는데 큰 도움이 됩니다. 즐거운 블로깅 되세요 🙂

    익명
    손님
    @
    #901

    오늘 워드프레스를 처음 받아서 이것저것 시험해보고 있습니다.
    조만간 바꾸려구요.
    클래식 테마를 기본으로 몇 가지를 수정해서 쓰고 싶습니다.
    일단 페이지 폭을 줄이고 싶은데 영 방법을 모르겠어요… 초짜라;;;
    알려주세요..

    Avatar of kimJinSunkimJinSun
    Participant
    @kimJinSun
    #902

    네,,,넘 감사합니다…

3 글 보임 - 1에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.