워드프레스 특정 텍스트 박스로 꾸미기

Hot Issue
  1. HTML 코드:
    • 워드프레스 포스트나 페이지 편집기에서 ‘Custom HTML’ 블록을 추가합니다.
    • 그곳에 HTML 코드를 입력합니다.
    • <div class="custom-box"> 여기에 텍스트를 입력하세요. </div>
  2. 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’ 섹션에 각각 입력해야 합니다. 그러면 원하는 스타일이 적용된 박스가 페이지나 포스트에 표시됩니다.

Your Alt Text