WordPress로 Div 사용 방법

HTML 코딩에서 구분선 또는 "Div"태그는 웹 사이트에 대한 새 섹션을 만들 수있는 코드입니다.이 섹션에는 자체 콘텐츠와 HTML 요소가 포함되어 있습니다. 사이트의 특정 위치 (예 : 포함 된지도의 비즈니스 위치, 특별 행사 및 프로모션 또는 연락처)를 구분할 수 있습니다. 구분선을 추가하려면 블로그의 테마 편집기에 HTML 및 CSS 코드를 추가하십시오.

1.

WordPress 관리 제어판에 로그인하십시오. 화면 왼쪽의 기본 메뉴에서 '모양'을 클릭 한 다음 '편집기'를 클릭하십시오.

2.

화면 오른쪽에있는 파일 목록에서 "style.css"를 클릭하십시오. 일반적으로 목록 하단에 위치합니다.

삼.

파일의 맨 아래로 스크롤하여 새 행을 시작하십시오. 다음 코드 스 니펫에 붙여 넣으십시오.

newdiv {

디스플레이 : 블록; 너비 : 100 %; 배경색 : 흰색; 검정색; 테두리 : 5px 단색 빨강; 여백 : 5px; 패딩 : 5px; }

"newdiv"를 디바이더에 더 적합한 이름으로 변경하고 Div가 갖기 원하는 스타일에 맞게 속성을 변경하십시오. "마진 (margin)"은 Div와 그 주변의 다른 웹 사이트 요소 사이에 간격을 만들고 "패딩"은 Div의 가장자리와 그 안에 포함 된 내용 사이에 간격을 만듭니다.

4.

편집 창 바로 아래에있는 "파일 업데이트"버튼을 클릭하십시오.

5.

Div.를 추가 할 사이트 부분에 해당하는 파일 목록에서 템플리트 파일을 클릭하십시오. 예를 들어, 게시판에 게시하려면 "single.php"를 클릭하십시오.

6.

파일을 스크롤하고 커서를 파일에서 새 칸막이자를 추가 할 위치에 놓습니다.

7.

파일에 다음 코드를 입력하십시오.

구분 기호에이 두 태그 사이에 포함 할 내용을 추가 한 다음 "파일 업데이트"를 클릭하십시오. 이제이 태그를 다른 템플릿 파일에 추가하거나 필요에 따라 새 Div를 작성할 수 있습니다.

인기 게시물