- HTML 코드:
- 워드프레스 포스트나 페이지 편집기에서 ‘Custom HTML’ 블록을 추가합니다.
- 그곳에 HTML 코드를 입력합니다.
<div class="custom-box"> 여기에 텍스트를 입력하세요. </div>
- CSS 코드:
- 워드프레스 관리자 대시보드에서
외모
>Customize
메뉴로 이동합니다. 추가 CSS
섹션을 찾아 들어가서 CSS 코드를 입력합니다..custom-box { background-color: blue; color: white; width: 100%; padding: 20px; box-shadow: 5px 5px 0px 0px black; }
- 코드를 입력한 후 상단에
게시
버튼을 클릭하여 저장합니다.
- 워드프레스 관리자 대시보드에서
HTML 코드는 ‘Custom HTML’ 블록에, CSS 코드는 Customizer의 ‘추가 CSS’ 섹션에 각각 입력해야 합니다. 그러면 원하는 스타일이 적용된 박스가 페이지나 포스트에 표시됩니다.