Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
DIY WordPress Theme - 내 손으로 직접 만들어보는 워드프레스 테마 코딩
Rating: 4.4 out of 5(33 ratings)
308 students

DIY WordPress Theme - 내 손으로 직접 만들어보는 워드프레스 테마 코딩

나만의 워드프레스 테마를 한줄 한줄 코딩하여 스스로 웹사이트를 만들어봅니다! 아울러 부트스트랩4(Bootstrap4)에 대해서도 같이 배우게 됩니다.
Created byHwang Tae-hyun
Last updated 4/2019
Korean

What you'll learn

  • 워드프레스에 대한 전반적인 구조와 기능, 문법을 이해할 수 있습니다.
  • 부트스트랩의 프레임워크를 이해하고 이를 워드프레스에 접목시킬 수 있습니다.
  • 이를 통해 나만의 워드프레스 테마를 코딩하고 원하는 웹사이트를 구축할 수 있습니다.
  • 또한 좀 더 복잡한, 좀 더 다양한 기능을 가진 웹사이트를 만들 수 있는 방법론을 습득하게 됩니다.
  • 결국, 다이내믹한 워드프레스의 관리자 페이지에서 포스트, 페이지를 생성하고 관리할 수 있습니다.
  • 그것도 업체에 유지보수 비용을 지불하지 않고도 말입니다!!!

Course content

9 sections • 65 lectures • 11h 14m total length

  • Intro6:30
  • 10분만에 워드프레스 설치하기12:02

    WordPress install for 10 min.


    이 동영상 튜토리얼에서는 내 컴퓨터에 Apache-MySQL-PHP(AMP)를 설치하여 서버화한 후 워드프레스 zip 파일을 다운로드하고 이를 설치하는 과정을 배우게 됩니다. 

    • AMP 파일은 https://bitnami.com/stacks에서 운영체계에 따라 WAMP, MAMP를 구분하여 설치합니다.
    • 워드프레스 인스톨 파일은 https://wordpress/org 사이트에서 한국어판을 다운로드합니다
  • Bitnami AMP에서의 브라우저 새로고침 반응이 느릴 때0:32
  • 워드프레스 맛보기10:54

    Tasting WordPress


    이 동영상 튜토리얼은 워드프레스의 대쉬보드의 설명과 주요 컨텐츠인 포스트와 페이지의 작성과 편집에 대해 간단히 살펴보게 됩니다. 

    이 동영상 강좌는 더미텍스트를 사용하여 텍스트의 편집 및 이미지 삽입, 그리고 카테고리와 태그 등을 추가하는 내용이 주를 이루고 있어서, 워드프레스의 백엔드 페이지 기능을 숙지하고 있는 분들이라면 패스하셔도 좋겠습니다.


  • 코드 에디터 소개5:32

    CODE EDITORS


    코드에디터는 하나의 툴(Tool)입니다. 어떤 종류의 코드에디터라도 상관없으나, 코딩 작업을 효율적으로 할 수 있게 도와주는 강력한 기능들을 탑재한 코드에디터들이 많이 있습니다. 본 강좌에서는 SublimeText 에디터를 사용할 것이지만, 수강자의 기호에 따라 어떠한 에디터라도 괜찮습니다. 이 동영상 강좌에서는 SublimeText에서 4가지 Package plugin을 소개해드리고 있습니다.

Requirements

  • 특별한 사전 조건은 없습니다, 다만...
  • 인터넷이 연결되는 컴퓨터가 있어야 합니다. PC, Mac, Notebook 등 종류와 사양은 상관없습니다.
  • 웹브라우저는 크롬(Chrome)을 이용하실 것을 권장합니다.
  • 워드프레스라는 이름은 알고 있을 필요가 있습니다.
  • 워드프레스 기본 테마를 이용해 웹사이트 구축해본 혹은 시도한 적이 있다면 더욱 좋습니다.
  • html, css 등 컴퓨터 언어의 기본 문법을 이해하고 있는 정도면 충분합니다.
  • 마지막으로, 부트스트랩(Bootstrap)이라는 이름은 들어본 적이 있다면 본 강좌를 수강하기에 아무 문제가 없습니다.

Description

워드프레스(WordPress)는 전세계적으로 가장 많은 비율로 홈페이지를 제작에 사용되는 소프트웨어 툴입니다. 약 1/4 이상의 홈페이지가 이 워드프레스로 제작되었다고 하는데, 그렇다면 왜 워드프레스가 이렇게 많이 사용될까요?

워드프레스는 크게 프리젠테이션(Presentation) 영역과 대쉬보드(Dashboard) 영역으로 구분되어 관리자가 대쉬보드에서 포스트나 페이지의 내용(Contents)을 채우기만 하면 자동적으로 반응되기 때문입니다. 마치 다음이나 네이버 카페에서 글을 작성하면 미리 만들어진 디자인에 따라 멋지게 표현되는 것과 같다 하겠습니다. 

따라서 초기 제작시 디자인만 잘 만들어 놓으면 유지와 관리가 매우 수월하고 또한 워드프레스 소스의 공개성으로 인해 초보자라 할지라도 조금만 코드를 배우면 워드프레스로 웹사이트를 제작하기 매우 쉽습니다. 


한편, 부트스트랩(Bootstrap)은 웹사이트의 구성 코드인 html과 css 그리고 javascript를 하나로 통합하여 정형화된 인터페이스를 제공해주고 있는 일종의 프레임워크 라이브러리입니다. 

일반적으로 웹사이트를 제작할 때 html과 css, javascript를 웹개발자가 따로따로 만들어서 서로 통합해야 하겠지만, 이 부트스트랩 프레임워크는 이를 일정한 형태로 만들어져 배포되었기 때문에 우리는이 코드(컴포넌트 등)들을 이용해서 더욱 쉽게 웹사이트를 제작할 수 있게 되었지요. 


따라서 이 강좌는 부트스트랩의 프레임을 워드프레스에 적용하여 쉽고 예쁘고 사용과 관리가 편한 웹사이트를 구현하게 하는 기초편 강좌입니다. 

초보자들 역시 html과 css의 기본 지식 정도만 알고 있어도 손쉽게 이 강좌를 통해 웹사이트 제작의 방법과 자신이 구현하고 싶은 기능을 찾아 해결할 수 있는 단서들을 배울 수 있습니다. 수강자들은 하루 1시간 씩이면 10일에서 15일이면 충분히 만들 수 있습니다. 웹 프로그래밍을 하고 싶은 분들에 많은 도움이 되기를 기대합니다. 

또한 오히려 처음 웹 코딩에 입문한 사람들에게 부정확한 정보를 제시할까 무척 떨리고 두렵기도 합니다. 

하지만 QnA 등을 통해 잘못이나 오류를 알려 주시면 빠르게 수정하여 반영하겠습니다. 

감사합니다.

Who this course is for:

  • 워드프레스를 이용하여 웹사이트를 구축하고 싶은 분
  • 워드프레스의 기본 개념을 배워보고 싶은 분
  • 좀 더 깊이 워드프레스 코딩을 통해 테마를 완성시켜보고 싶은 분
  • 부트스트랩을 워드프레스와 연계시켜 웹사이트 프레임을 짜보고 싶은 분
  • 이상의 니즈를 갖고 있으나, 한국어로 된 워드프레스 코딩 강좌를 듣고 싶은 분
  • 또한 제작 업체에 맡기지 않고 스스로 자신의 홈페이지를 만들고 관리해 보고자 하는 분

Report abuse