목차
워드프레스 박스 만들기, CSS 코드 생성 추가 블록 편집기, 글 상자, 사전 서식화
플러그인을 사용하지 않고 단순히 워드프레스의 사전 서식화 메뉴와 추가 CSS 클래스 만을 사용하여 다양한 버튼을 만드는 방법을 소개한다.
상세내용, 신청서식 등
상세내용, 신청서식 등은 아래를 클릭
워드프레스 박스 만들기, 추가 CSS 클래스, 글 상자
워드프레스 박스 만들기, 추가 CSS 클래스, 글 상자 플러그인을 사용하지 않고 단순히 워드프레스의 사전 서식화 메뉴와 추가 CSS 클래스 만을
www.wpcom.co.kr
아래는 요약글 입니다.
박스 결과물 보기
아래 이미지는 실제 다양한 색상과 아이콘이 삽입된 박스의 결과물이다.
워드프레스 박스 만들기
① 워드프레스 기본 메뉴인 사전 서식화를 삽입하고, 아무것도 설정하지 않고 기본 그대로 놔둔다.
② 박스안에 필요한 글을 작성하거나 애드센스 광고를 삽입한다.
③ 글 중간을 클릭하고 워드프레스 오른쪽 메뉴 하단부 고급 – 추가 CSS 클래스에 아래 글자를 입력한다.
워드프레스 박스 만들기 예시
위 박스 결과물에 사용한 예시 이미지를 예로 추가 CSS 클래스 작성 방법을 알아본다.
'PC' 카테고리의 다른 글
| 워드프레스 테이블 만들기, 표 넣기, 추천 플러그인 Advanced Editor Tools, 고급 편집기 도구 (0) | 2023.12.15 |
|---|---|
| 타이틀 제목 있는 박스 만들기, 티스토리 서식, 워드프레스 재사용 가능 블록 (0) | 2023.12.15 |
| 워드프레스 버튼 만들기, CSS 코드 생성 추가 블록 편집기 (0) | 2023.12.15 |
| 티스토리 애드센스 숏코드 스크립트 서식 만들기 (0) | 2023.12.15 |
| 구글 애드센스 자동 광고 오류 및 해결 방법, Autoptimize 설정 방법 (0) | 2023.12.15 |
