소셜 미디어 WordPress 20 기본 템플릿을 만드는 방법 15 - 더미

WordPress 20 기본 템플릿을 만드는 방법 15 - 더미

차례:

비디오: 두잇 워드프레스 강좌 #12. 페이지 템플릿 2024

비디오: 두잇 워드프레스 강좌 #12. 페이지 템플릿 2024
Anonim

기본 WordPress 템플릿 중 일부를 사용하여 새 WordPress 테마를 만듭니다.

  1. FTP를 통해 웹 서버에 연결하고 / wp-content 폴더를 클릭 한 다음 / themes 폴더를 클릭하십시오.

    이 폴더에는 현재 WordPress 사이트에 설치된 테마가 포함되어 있습니다.

  2. 새 폴더를 만들고 이름을 mytheme으로 지정합니다.

    대부분의 FTP 프로그램에서 마우스 오른쪽 버튼을 클릭하고 새 폴더를 선택할 수 있습니다. 폴더를 만드는 방법을 모르는 경우 FTP 프로그램의 도움말 파일을 참조하십시오.

  3. 메모장 (Windows) 또는 TextMate (Mac)와 같은 선호하는 텍스트 편집기에서 헤더 템플릿을 만든 다음 저장하십시오 파일 이름 헤더. php.

    템플릿을 입력 할 때는 메모장이나 텍스트 메이트와 같은 텍스트 편집기를 사용해야합니다. Microsoft Word와 같은 워드 프로세서 프로그램을 사용하면 코드에서 많은 문제가 발생합니다. 워드 프로세싱 프로그램은 숨겨진 문자를 삽입하고 WordPress에서 읽을 수없는 방식으로 따옴표를 묶습니다.

  4. 테마 함수 파일을 만들고 파일 이름 함수로 저장하십시오. php.

    테마 기능 파일은 대시 보드의 위젯 페이지에서 사용 가능한 WordPress 위젯을 사용하여 사이드 바에 위젯을 추가 할 수 있도록 사이트의 위젯 영역을 등록합니다.

  5. 사이드 바 템플릿 파일을 만든 다음 파일 이름 사이드 바를 사용하여 저장하십시오. php.

    여기에있는 코드는 WordPress 위젯을 테마에 표시 할 위치를 WordPress에 알려줍니다. 이 경우 위젯은 사이트의 사이드 바에 나타납니다.

  6. 바닥 글 템플릿 파일을 만든 다음 파일 이름 바닥 글과 함께 저장합니다. php.

  7. 스타일 시트 파일을 생성하고 파일 이름 스타일로 저장하십시오. CSS.

이 예제는 샘플 테마를 만들기위한 아주 기본적인 스타일링을 제공합니다.

다음은 헤더 템플릿을 만드는 코드입니다.

 
 

이제 테마 함수 파일을 만드는 코드를 확인하십시오.

'사이드 바')); ? >

다음으로 사이드 바에 대한 코드를 추가해야합니다.


그런 다음 바닥 글을 추가해야합니다. 바로 여기에 코드가 있습니다.

© 저작권 . All Rights Reserved

마지막으로 스타일 시트 파일의 코드를 추가해야합니다.

/ * Theme Name: My Theme Description: WordPress Dummies의 기본 테마 예제 저자: Lisa Sabin-Wilson 저자 URI: http: // lisasabin-wilson. com * / body {font-family: verdana, arial, helvetica, sans-serif; 글꼴 크기: 16px; color: # 555; 배경: #ffffff;} 헤더. 마스트 헤드 {너비: 950 픽셀; 여백: 0 자동; 배경: 검은 색; 색깔: 백색; 패딩: 5px; text-align: center;} 헤더.마스트 헤드 h1 a {색상: 흰색; 글꼴 크기: 28px; font-family: Georgia; 텍스트 장식: 없음;} 헤더. 마스트 헤드 h2 {글꼴 크기: 16px; font-family: Georgia; color: #eee;} 헤더. 마스트 헤드 nav {background: #ffffff; 텍스트 정렬: 왼쪽; 높이: 25px; padding: 4px;} 헤더. 마스트 헤드 nav ul {list-style: none; margin: 0;} #main {width: 950px; 여백: 0 자동; 패딩: 20 픽셀;} #main 섹션 {너비: 500 픽셀; float: left;} #main. hentry {마진: 10px 0;} 사이드 바 {width: 290px; 여백: 0 15px; float: right;} 따로. 사이드 바 ul {list-style: none;} 바닥 글 {clear: both; 너비: 960px; 높이: 50px; 배경: 검은 색; 색깔: 백색; margin: 0 auto;} 꼬리말 p {text-align: center; 패딩: 15px 0;} 바닥 글 {색상: 흰색;}
WordPress 20 기본 템플릿을 만드는 방법 15 - 더미

편집자의 선택

캐논 EOS Rebel T3 시리즈 카메라의 플래시 모드 선택 - 더미

캐논 EOS Rebel T3 시리즈 카메라의 플래시 모드 선택 - 더미

내장 Canon Rebel T3 또는 T3i의 플래시는 너무 어두운 장면에 빛을 추가하는 쉽고 편리한 방법을 제공합니다. 그러나 플래시를 사용하거나 플래시없이 사용할 수 있는지 여부는 노출 모드에 따라 다릅니다. 완전 자동 모드에서 플래시 사용 다음 노출 모드에서 사용자는 제로를 제어 할 수 있습니다.

Canon Rebel T6 / 1300D에 맞춤 폴더를 만드는 방법 - 일반적으로

Canon Rebel T6 / 1300D에 맞춤 폴더를 만드는 방법 - 일반적으로

Rebel T6은 이미지를 저장할 폴더를 자동으로 생성합니다. 첫 번째 폴더의 이름은 100Canon입니다. 두 번째, 101Canon; 세 번째, 102Canon; 등등. 각 폴더에는 9,999 장의 사진을 저장할 수 있습니다. 기존 폴더가 가득 차기 전에 새 폴더를 만들려면 설정 메뉴 1에서 폴더 선택을 선택하고 ...

편집자의 선택

Mac 용 Office 2011 : Excel 워크 시트에 워터 마크 만들기 -

Mac 용 Office 2011 : Excel 워크 시트에 워터 마크 만들기 -

Mac 용 Excel 2011에서 머리글 / 바닥 글 도구 모음의 그림 기능을 사용하여 그림을 워터 마크로 삽입하십시오. 전자 환경에서는 텍스트와 그림의 서식을 희미하게 표시 한 다음 배경으로 가져와 워터 마크를 만듭니다. 워터 마크는 제지 프로세스에서 이름을 가져옵니다.

Mac 용 Office 2011 : Excel 양식 용 스크롤 막대 만들기 - 더미

Mac 용 Office 2011 : Excel 양식 용 스크롤 막대 만들기 - 더미

스크롤 Mac 용 Excel 2011에서 만든 양식의 막대 컨트롤은 지정된 범위 내에서 설정된 단위로 숫자를 생성합니다. 양식 사용자는 스크롤 막대 컨트롤을 왼쪽 및 오른쪽 또는 위아래로 끕니다. 사용자가 컨트롤을 끌면 숫자가 증가하거나 감소합니다. 양식 사용자가 ...

편집자의 선택

SharePoint 2010의 비즈니스 인텔리전스 센터 사이트 템플릿 - 더미

SharePoint 2010의 비즈니스 인텔리전스 센터 사이트 템플릿 - 더미

SharePoint 2010의 새로운 비즈니스 인텔리전스 센터 사이트 템플릿은 조직의 성과 데이터 및 결과를 모니터링, 분석 및 표현하기위한 모든 것을 제공합니다. 비즈니스 인텔리전스 센터 템플릿을 기반으로 사이트를 만들려면 PerformancePoint Services 사이트 모음 기능을 설정해야합니다. 그렇지 않은 경우 ...

SharePoint 2010의 대시 보드 디자이너 - 인형

SharePoint 2010의 대시 보드 디자이너 - 인형

BI (비즈니스 인텔리전스) 사이트의 홈 페이지에서 SharePoint 2010 비즈니스 인텔리전스 용. 두 가지 기본 시나리오는 Excel Services 및 PerformancePoint Services입니다. Excel Services를 사용하면 SharePoint 사이트에서 Excel 스프레드 시트의 일부를 표시 할 수 있습니다. Excel Services 샘플을 볼 수 있습니다.

SharePoint 2010 검색 상자 웹 파트, 결과 및 분석 - 더미

SharePoint 2010 검색 상자 웹 파트, 결과 및 분석 - 더미

대부분의 웹 사이트에서 사이트를 검색하십시오. 최종 사용자는 모든 SharePoint 2010 사이트의 오른쪽 위 모서리에있는 익숙한 검색 상자를 보지 않을 것입니다. 사용자는이 검색 창을 사용하여 자신이보고있는 사이트 또는 목록을 검색 할 수 있습니다. 사이트에 맞춤 검색 기능을 원할 수도 있습니다. By ...