워드프레스 이모티콘(스마일리) 사용법과 리스트

워드프레스

워드프레스를 이용해 블로그를 하다 보면 외국에서 사용하는 이모티콘을 입력하는 경우 텍스트 대신 이미지로 표현되는 것을 본적이 있을 겁니다.

워드프레스를 설치하게 되면 기본적으로 이모티콘(스마일리, smileys)이 활성화 되며 해당하는 텍스트를 입력할 경우 텍스트 대신 이미지로 표현되는데 흔히 스마트폰에서 사용하는 emoji 같은 경우 해당 이미지를 직접 선택해서 사용하는 반면 워드프레스는 텍스트를 이미지로 변환하는 역할을 하고 있습니다.

wordpress smileys 02 1

워드프레스 이모티콘의 단점으로는 이모티콘 SVG 이미지를 외부에서 불러오고 CSS를 별도로 사용하기 때문에 이모티콘을 잘 사용하지 않거나 블로그 속도를 1ms라도 올리고 싶다면 워드프레스 관리자 메뉴의 설정 > 쓰기 > 표시 방식에서 이모티콘 사용을 끌수 있습니다.

wordpress smileys 01 3

필자 같은 경우에도 글을 쓸 때 :):D 같은 이모티콘을 섞어 사용하고 있는데요. 문득 워드프레스에서 지원하는 이모티콘의 종류는 얼마나 되나 궁금해서 워드프레스 코덱스를 뒤적여 보니 사용할수 있는 여러 텍스트들을 확인했습니다.

하지만 이모티콘이 예전 이미지여서 현재 버전과는 느낌이 다르기 때문에 따로 표를 만들어 봤습니다.

이미지를 삽입한 것이 아닌 텍스트를 입력한 것이기 때문에 워드프레스 버전에 맞춰 자동 출력되므로 워드프레스 이모티콘이 궁금하신 분은 아래의 표를 확인해 주세요.

(익스트림 매뉴얼은 항상 최신 워드프레스 버전을 유지하고 있습니다.)

이모티콘텍스트텍스트풀텍스트이모티콘풀텍스트
:):):-):smile: :lol::lol:
:D:D:-D:grin::oops::oops:
:(:(:-(:sad::cry::cry:
:o:o:-o:eek::evil::evil:
8O8O8-O:shock::twisted::twisted:
:?:?:-?:???::roll::roll:
8-) 8-):cool::!::!:
:x:x:-x:mad::?::?:
:P:P:-P:razz::idea::idea:
:|:|:-|:neutral::arrow::arrow:
;););-):wink::mrgreen::mrgreen:

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Fill out this field
Fill out this field
유효한 이메일 주소를 입력해주세요.

Wordpress Gutenberg Title
워드프레스 구텐베르크 CSS 삭제하는 방법
워드프레스 5.0에서 기본 에디터로 추가된 구텐베르크(Gutenberg)는 블록 스타일의 위지윅 에디터로 단순한 디자인의 활용도가 높은 CSS를 제공하고 있습니다. 하지만 기존의 클래식…
Wordpress Disable Emoji Title
워드프레스 이모지(Emoji) 비활성화 방법
워드프레스는 :-)나 :-P 같은 텍스트 이모티콘을 입력하면 이모지로 변환해서 보여주는 기능을 포함하고 있습니다. 참고 : 워드프레스 이모티콘(스마일리) 사용법과 리스트 그림(え)과 문자(もじ)의 합성어인…