워드프레스 아이콘 넣는 법 완벽 정리.zip (Feat. 카덴스 테마)

워드프레스 포스팅 시, 중간중간 글 안에 삽입된 이미지들은 독자들을 지루해 하지 않게 만들고, 글에 활기를 불어넣는 중요한 역할을 합니다. 하지만 이미지는 용량이 큰 것이 문제죠. 오늘은 워드프레스 카덴스 테마의 아이콘 블록을 사용해서 포스팅에 활력을 불어넣는 방법에 대하여 알아보겠습니다.

워드프레스 카덴스 테마의 아이콘 블록

워플에서는 워드프레스를 처음 시작하시는 여러분들께 추천하는 테마로 워플 ALL100 테마를 추천드리고 있습니다. 사실 워플의 올백 테마는 워드프레스 카덴스 테마를 제가 생각하는 가장 기본적이고, 빠른 성능이 나오도록 살짝 변경시켜놓은 차일드 테마입니다.

따라서, 워플에서 가르쳐드린 워드프레스 카덴스 테마에서 제공하는 기본 블록들을 모두 사용할 수 있죠.

워드프레스 카덴스 테마에서 제공하는 블록 중에는 ‘아이콘(icon)’ 블록이 있습니다. 이 블록은 아래와 같이 간단한 이미지를 아이콘으로 작게 표현해줄 수 있는 기능을 제공합니다.

위에서 볼 수 있듯 카덴스 테마의 워드프레스 아이콘 블록은 수백가지가 넘는 아이콘을 무료로 제공합니다. 무료로 글 안에 넣을 수 있는 조그마한 스티커를 수백개 제공한다는 것이나 마찬가지죠. 🙂

이런 스티커가 문서 곳곳에 잘 배치한다면, 여러분의 글을 훨씬 여유있고, 아기자기하게 만들 수 있겠죠? 그럼 워드프레스에 아이콘을 삽입하는 방법을 알아봅시다.

워드프레스 아이콘 삽입 방법

워드프레스에서 아이콘 블록을 삽입하는 방법은 간단합니다. 블록 편집기의 편집모드에서 슬래쉬(/)를 입력하면 아래와 같은 블록 입력 팝업이 나오게 됩니다.

여기에서 위에서 보이는 원 안의 별 표시를 누르면 아이콘 블록을 입력할 수 있습니다.

워드프레스 아이콘 설정창 살펴보기

아이콘 블록을 삽입하면 오른쪽 창에 해당 블록에 대한 설정 창이 나옵니다. (아래 그림 참조) 정말 많은 기능들이 있지만, 그 중 대표적인 다섯가지 기능을 살펴보도록 하겠습니다.

아이콘 선택

이 곳에서 원하는 아이콘을 선택 합니다.

아이콘 크기 조절

수치를 직접 입력하거나, 좌우 드래그로 아이콘 크기를 조절 할 수 있습니다.

테두리 설정

수치를 직접 입력하거나, 좌우 드래그로 아이콘 크기를 조절 할 수 있습니다.

• DEFAUT : 자동으로 설정되어 있는 테두리 없는 상태 입니다.
• STACKED : 선택시, 테두리와 배경색을 추가로 설정할 수 있습니다.

컬러 설정

이 곳에서 원하는 아이콘을 선택 합니다.

• 좌: 아이콘 컬러
• 우: 마우스 호버(Hover) 시 컬러

링크 설정

아이콘 클릭시, 접속할 링크를 설정 합니다.

아이콘 블록과 호환 가능한 카덴스 블럭들

카덴스 테마에서 제공하는 ‘아이콘 블럭’은 독립적으로 사용도 가능하지만, 카덴스 테마의 다른 다른 블럭들 안에서도 아이콘 활용이 가능합니다. 대표적인 블록들은 다음과 같이 4개 입니다.

• 텍스트 블록
• 버튼 블록
• 인포 블록
• 아이콘 리스트

Text 블록

텍스트 블록을 입력하면 활성화되는 메뉴 중에서 하단부에 위치한 아이콘 세팅 섹션에서 아이콘을 입력 할 수 있습니다. 이 기능을 잘 이용하면 개성 넘치는 제목을 만들 수 있습니다.

Button 블록

워드프레스 버튼 안에도 아이콘을 함께 넣을 수 있습니다. 버튼에 링크 된 페이지의 특성을 잘 나타낼 수 있는 아이콘을 넣어주면 사이트 사용자들의 훨씬 편하게 돌아다닐 수 있는 장점이 생깁니다.

버튼을 삽입 한 후 보여지는 메뉴에서 아이콘 세팅 섹션을 클릭하면 아이콘을 삽입할 수 있는 메뉴가 보여지게 됩니다.

Info Box

Icon List 블록

워드프레스에서 제공하는 리스트 블록에 좀 더 기능을 붙여서 제공하는 카덴스 테마의 아이템 리스트 블록의 경우, 기본적으로 제공하는 점에서 확장 된 여러 아이콘을 사용할 수 있게 해줍니다. 예를 들어, 다음과 같은 체크 표시 같이 말이죠.

아래 그림과 같이 아이콘 리스트를 삽입한 후 나타나는 메뉴에서 셀렉트 아이콘 드랍다운 메뉴를 클릭하면 넣을 수 있습니다.

워드프레스 아이콘 확장! 나만의 아이콘 만들기

앞에서 살펴본 아이콘들을 문단별, 혹은 챕터마다 내용과 관련이 있는 아이콘을 섞어준다면, 독자들이 글을 읽을 때 답답함을 완화시켜주고 포스팅을 더 풍성하게 보이게 할 수 있습니다. 기본 제공 아이콘만 수백가지이기 때문에 이것만으로도 포스팅에 활용하기 충분하죠.

하지만, 만약 기본으로 제공되는 아이콘 중 마음에 드는것이 없다면, 원하는 아이콘을 직접 만들어서 넣을 수 있는 방법이 있습니다. 카덴스 테마 프로에서 제공하는 커스텀 아이콘 기능을 이용하는 것이죠! 커스텀 아이콘 기능에 대해 알고 싶으시다면 아래 버튼을 눌러주세요!

여러분의 포스팅이 아이콘들로 한층 풍성해지길 바랍니다.

워플은 워드프레스와 관한 여러 꿀팁들, 사업 홈페이지 제작, 온라인 수익화에 대한 지식들을 공유합니다. 워플 커뮤니티에 가입해주시면 정기적으로 워드프레스와 관련한 유용한 지식들을 공유드리니, 많은 관심 부탁드립니다!