Skip to main content

DasomOLI는 다솜돌이라구요~!

  • Login

[태그:] footer

[WordPress] 워드프레스 기본 HTML & CSS 구조

2020년 5월 31일2020년 6월 10일 다솜돌이 Leave a comment

일단 테마를 위해서는 assets/style.css를 참조한다.

body element에는 모든 post page를 styling하는 post-template-default class를 볼 수 있다. postid-xxxx 같은 class도 있는데 이를 써서 각 개별 post를 style할 수 있다.


header 에는 h1.site-name element와 nav.navbar 가 있다. ul로 메뉴 아이템들을 둔다. li 에 id들이 붙는 것을 볼 수 있는데, 개별 li를 styling할 수 있다.

page content의 primary와 secondary sections이 div#content에 담긴다.

div#primary는 primary content가 담기는 곳이다. 이는 실제 post를 담는 article element를 포함하는 main#main element로 싸여 있다. article element는 많은 class를 갖고 있는데, 이들로써 그 post를 다양한 방법으로 지정할 수 있도록 한다.

article 안에는 article의 header, h2, 그리고 div.entry-meta 안에 metadata를 담고 있는 header element가 있다. datetime 속성을 가지는 time element와 작성자를 보이는 vcard 등이 있다.

div.entry-content에 article이 담긴다. h3 이하 제목과 p elements, link들 같은게 담긴다.

secondary content section은 툴바 같은 aside를 담는다.

맨 아래 footer element는 copyright 같은걸 담는다.

 

[HTML5&CSS] HTML5 structural elements

2020년 4월 18일2020년 4월 18일 다솜돌이 Leave a comment

HTML5에는 다음 page elements가 있다:

  1. header
  2. footer
  3. section
  4. article
  5. nav
  6. aside
  7. div

기존에 div 태그에 class 속성을 주어 썼던 것들을 태그로 분류했다. 구조는 다음과 같다.

 

License

크리에이티브 커먼즈 라이선스
이 블로그의 모든 글은 별도의 라이센스 표기가 없는 한, 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다.

블로그 안 구글 검색

최신 글

  • [Windows] 여러군데 소리 동시 출력
  • [English] ~부터 계속 Ever since ~
  • [English] Long time no speak
  • [English] 자주하는 전치사 실수 – discuss about, visit to, mensioned about
  • [OpenSSL] command line 명령으로 TLS 서버 실행하기

최신 댓글

  • moniwiki 설치의 다솜돌이
  • moniwiki 설치의 moniwikilover
  • [TLS] Letsencrypt로부터 https 사용을 위한 인증서 얻기의 [OpenSSL] command line 명령으로 TLS 서버 실행하기 – DasomOLI는 다솜돌이라구요~!
  • [MySQL] phpmyadmin 설치의 [Wordpress] WordPress를 다른 서버로 이전하기 – DasomOLI는 다솜돌이라구요~!
  • [MySQL] phpmyadmin에서 root 사용자 사용 불가 시 사용자 추가 방법의 [Wordpress] WordPress를 다른 서버로 이전하기 – DasomOLI는 다솜돌이라구요~!

보관함

카테고리

  • dasomoli
  • dasomoli/유럽여행2008
  • Development
  • Development/Python
  • Development/Web
  • Linux
  • Linux/Ubuntu
  • Mac
  • Reading
  • Reading/나는 죽을 때까지 재미있게 살고 싶다
  • Study
  • Study/English
  • Utility Tips!
  • 감옥으로부터의 사색
  • 맛집
  • 미분류

Powered by DNSEver

DNS Powered by DNSEver.com

메타

  • 로그인
  • 엔트리 피드
  • 댓글 피드
  • WordPress.org

자주 찾는 링크

100대 통계지표

Download Brave browser

Download Brave browser
sparkling Theme by Colorlib Powered by WordPress