워드프레스 초급강좌

왕초보도 하루만에 가능한 워드프레스 홈페이지 만들기


1.초기화면 만들기

1) ‘홈’ 페이지 < 페이지 템플릿 Front Page 선택
2) 설정 < 읽기 < 정적인페이지 선택 < 전면페이지: 홈, 글페이지: 블로그
3) 고유주소 < 글이름 선택


2. 슬라이더 만들기

1) 외모 < 사용자 정의하기 < Header area 선택 < Header slider 선택
2) 슬라이더 전환시간 설정(예:8000 -> 8초)
3) 이미지 변경
4) 텍스트 변경
5) 링크 url 설정
6) 버튼 텍스트 설정


3. 푸터만들기

1) 외모 < 사용자 정의하기 < Footer < Four 선택
2) 외모 < 위젯 선택
3) 푸터 편집
4) 외모 < 테마 편집기 < 스타일 시트 선택 < 아래 코드 붙여넣기
.footer-widgets {
padding: 20px 0;
}

답글 남기기

이메일은 공개되지 않습니다.

“4. 초기화면 만들기”에 대한 12개의 댓글

  1. LEEDG 댓글:

    코드를 넣었는데 푸터의 세로 간격 설정이 되지 않습니다.

    Theme Name: Sydney
    Theme URI: http://athemes.com/theme/sydney
    Author: aThemes
    Author URI: http://athemes.com
    Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
    Version: 1.30
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: sydney
    Tags: light, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you’ve learned with others.
    Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
    */

    .footer-widgets {
    padding: 20px 0;
    } <–삽입부분

    /*————————————————————–
    Social
    ————————————————————–*/
    .social-menu-widget {
    padding: 0;
    margin: 0 auto;
    display: table;
    text-align: center;
    }
    .
    .
    .

    어떻게 해야할까요?!

  2. 송무복 댓글:

    자식테마 스타일시트에 추가하셔야 합니다.
    댓글과 같이 부모테마(원본테마) 스타일시트에 적용하시려면
    추가하시는게 아니고 해당 선택자(.footer-widgets)를 찾아서 수정해주셔야 합니다.
    부모테마를 수정하는 것보다 자식테마를 만들어 추가하시는 게 좋습니다.
    왜냐하면 테마 업데이트 시 수정사항이 지워지는 것을 방지할 수 있어서 입니다.

    1. LEEDG 댓글:

      감사합니다!

  3. hui 댓글:

    괜찮으시다면 소셜미디어 푸터에 인스타그램이 없던데 직접 넣는 방법도 설명해 주실 수 있으실까요?

  4. 김준영 댓글:

    비주얼 편집기에서 글씨색 바꾸는 도구들이 안나오는데 해결방법이 없을까요?ㅠㅠ

    1. 송무복 댓글:

      비주얼 편집기 메뉴 중 툴바 토글을 눌러보세요~

  5. glaaaask 댓글:

    안녕하세요 . 일전에도 궁금증을 댓글남겨 답글 잘 달아주셔서 홈페이지를 무사히 만들고 있는 디자이너 일인입니다. 거의 막바지 작업중 욕심이 생겨 한가지 더 여쭤보려고 글남깁니다.
    저도 송무복님께서 올리신 동영상대로 “시드니”테마를 기반으로 만들고 있습니다.

    어드민에서 보면.. 외모>사용자정의> 헤더 에어리어>헤더이미지 삽입에대해 문의하려하는데요..
    헤더미디어에보면,, 알려주신 방법은 단순 이미지 삽입인데. 간단한 동영상을 만들어 삽입해보려합니다.
    헤더 비디오 올리는 곳에 만든 비디오를 등록한 후 저장함을 눌렀지만, 아직도 이미지 그대로 이네요…
    어떤점이 문제 였을 까요? 지금 올리려한 동영상 파일은 알씨로 만든 4.9MG짜리 mp4파일입니다.

  6. glaaaask 댓글:

    답변부탁드립니다 .ㅠ

  7. 송무복 댓글:

    안녕하세요 시드니 테마에는 헤더이미지 올리는 곳에 동영상을 지원하지 않고 있습니다. 약간의 코드 수정을 하셔야 해요 어렵지 않은 거니 홈페이지 정보 보내주시면 도와드릴께요 사이트에 문의하기에서 정보 보내주세요

    1. glaaaask 댓글:

      아 감사합니다. 어떤정보를 올려드려야 할까요?