다른 워드프레스 웹사이트를 방문하면, ✅ ➡️📍등의 귀엽고 눈에 띄는 이모지가 많이 보입니다. 워드프레스 이모지나 이모티콘을 사용하면 보기에도 좋고, 글의 감정, 표정, 분위기 등을 보다 쉽게 전달해줘서 저는 즐겨 사용하는 편입니다.
워드프레스 이모지와 특수문자, 이모티콘 뜻과 특징을 알아보고, 워드프레스에 이모지와 이모티콘 및 특수문자를 입력하는 꿀팁 5가지를 소개해드리겠습니다.
워드프레스 이모지·이모티콘·특수문자란?
이모지 (emoji)
이모지는 그림과 문자의 합성어로, 사물이나 개념을 상징적으로 나타낸 그림 문자입니다. 이모지는 1999년 일본의 통신사 NTT 토코모의 개발자 구리타 시게타카가 휴대폰 문자메시지의 대중화를 위해 개발했으며, 애플과 구글 등의 기업이 이모지를 지원하기 시작하면서 전 세계적으로 사용이 확산되었습니다.
이모지는 텍스트의 조합이 아니라 이미지 자체가 하나의 문자로 취급되는 점에서 이모티콘과 다릅니다. 이모지는 유니코드라는 국제 표준 문자 인코딩 시스템에 등록되어 있으며, 이모지의 종류와 의미는 유니코드 컨소시엄이 정합니다.
이모지는 텍스트 입력이 아니라, 특정 키보드나 메뉴에서 선택합니다.
이모티콘
이모티콘은 emotion과 icon의 합성어로, 감정이나 표정을 텍스트의 조합으로 나타낸 그림 문자입니다. 1982년 미국의 컴퓨터 과학자 스콧 팔먼이 최초로 사용했으며, 온라인 대화에서 감정을 표현하거나 오해를 방지하는 데 유용하게 사용됩니다.
이모티콘은 국가마다 다른 모양과 의미를 가지고 있습니다. 예를 들어, 서양에서는 수직으로 텍스트를 작성하는 이모티콘을 많이 사용하고, 한국과 일본에서는 가로로 텍스트를 작성하는 이모티콘을 많이 사용합니다.
이모티콘은 키보드로 입력할 수 있는 문자와 기호로만 구성되어 있습니다
특수문자
특수문자는 알파벳이나 숫자와 같은 일반적인 문자와는 다른 기호나 부호를 말합니다. 예를 들어, @, #, $, %, &, *, +, -, =, /, , (, ), [, ], {, }, <, >, ?, !, ., , ;, :, ‘, “, ` 등이 특수문자입니다.
특수문자는 수학, 과학, 컴퓨터, 인터넷 등의 분야에서 다양한 의미와 기능을 가지고 있습니다. 예를 들어, @는 이메일 주소에서 사용자 이름과 도메인을 구분하는 기호이고, #는 해시태그나 주석을 나타내는 기호이고, $는 미국 달러나 수학식에서 변수를 나타내는 기호입니다.
특수문자는 키보드로 입력할 수 있는 문자와 기호로만 구성되어 있습니다
워드프레스 이모지·이모티콘·특수문자 사용하는 이유
📍 텍스트만으로는 표현하기 어려운 감정, 표정, 분위기 등을 쉽고 재미있게 전달해줍니다
📍 블로그 글의 가독성과 흥미도를 높여주고, 독자와의 교감을 증진시킵니다.
📍 다양한 주제와 스타일에 맞게 선택하고 조합할 수 있어, 블로그의 개성과 취향을 표현할 수 있습니다.
워드프레스 이모지·이모티콘·특수문자 입력 방법
1️⃣ 스마일리 (smileys)
스마일리는 워드프레스에서 기본적으로 제공하는 이모티콘(스마일리)입니다. 이 방법은 텍스트 입력시 2개 이상의 문장부호를 입력하면 자동으로 이미지로 변환되는 방식입니다. 미리보기 또는 공개할 때 그림 이미지로 바뀌어서 이모티콘으로 보이게 됩니다.
다음은 제가 입력한 스마일리 텍스트를 미리보기 화면으로 캡쳐한 이미지입니다.
편집기 입력 텍스트
🙂 😀 🙁 😮 😯 😕 😎 😡 😛 😐 😉 😆 😳 😥 👿 😈 🙄 ❗ ❓ 💡 ➡
미리보기
🙂 😀 🙁 😮 😯 😕 😎 😡 😛 😐 😉
😆 😳 😥 👿 😈 🙄 ❗ ❓ 💡 ➡ 
스마일리 아이콘 + 텍스트 표
- 스마일리 이미지 출처 : https://codex.wordpress.org/ko:Using_Smilies
2️⃣ 윈도우 + 마침표 ( . ) 이모지
윈도우키 + 마침표 ( . ) 또는 윈도우키 + 세미콜론 ( ; ) 동시에 클릭하면 아래와 같은 ‘이모지’ 선택창이 나옵니다.
얼굴, 동굴, 기호 이모지, Gif, 문장부호, 클래식 이모티콘, 클립보드 등 종류가 다양합니다. 문장이나 단어에 어울리는 것을 선택하면 됩니다. 핸드폰에서 출력되는 모양이 PC에서 보이는 것과 다르기도 합니다.
3️⃣ 이모지·이모티콘 사이트
워드프레스 이모지 css를 직접 만들어 쓰기도 하는데, 더 쉬운 방법은 소개해드리겠습니다. 아래의 사이트에 가면 이모지 목록이 있는데, 필요한 이모지를 클릭 및 복사해서 사용할 수 있습니다. HTML 문자코드도 있어서 내가 원하는 위치,사이즈.배경 등 스타일 설정이 가능합니다.
Texteditor : https://texteditor.com/emoji/ Icons and Symbols : https://html-css-js.com/html/character-codes/icons/
※ 워드프레스 이모지 CSS 워드프레스의 테마 파일에 이모지의 이미지와 스타일을 정의하고, 원하는 곳에 이모지의 클래스 이름을 적용하는 방식입니다. 이 방법은 워드프레스 스마일스와 윈도우의 이모지와는 다르게, 원하는 이모지의 이미지를 직접 만들거나 다운로드할 수 있고, 크기나 색상 등을 자유롭게 조절할 수 있다는 장점이 있습니다. 다만 이 방법은 워드프레스의 테마파일을 수정할 수 있는 권한과 css의 기본적인 지식이 필요합니다.
4️⃣ 자음 + 한자키 특수문자
• 일반 키보드 : 한글 자음 + 한자키 를 누르면 아래와 같이 특수문자표가 나오니 필요한 것을 선택하면 됩니다. 각각의 자음마다 특수문자 종류가 다릅니다. 보통 ㅁ+한자키 (도형문자) 를 가장 많이 사용합니다.
• 영문 키보드 : 윈도우키 + R 을 눌러 실행 창을 열고 charmap을 입력하여 문자맵을 실행하는 방식입니다. 문자맵에서는 키보드로 입력할 수 없는 특수문자표를 볼 수 있으며, 원하는 특수문자를 선택하고 복사하여 워드프레스에 붙여넣기 할 수 있습니다.
• 한자키가 없는 키보드 : 자음 + Ctrl 또는 자음 + Alt + ctrl
< 자음 + 한자 특수문자표>
| 자음 | 특수문자 | 자음 + 한자 특수문자 목록 |
|---|---|---|
| ㄱ | 문장부호 | ！ ＇ ， ． ／ ： ； ？ ＾ ＿ ｀ ｜ ￣ 、 。 · ‥ … ¨ 〃 ― ∥ ＼ ∼ ´ ～ ˇ ˘ ˝ ˚ ˙ ¸ ˛ ¡ ¿ ː |
| ㄴ | 괄호기호 | ＂ （ ） ［ ］ ｛ ｝ ‘ ’ “ ” 〔 〕 〈 〉 《 》 「 」 『 』 【 】 |
| ㄷ | 수학기호 | ＋ － ＜ ＝ ＞ ± × ÷ ≠ ≤ ≥ ∞ ∴ ♂ ♀ ∠ ⊥ ⌒ ∂ ∇ ≡ ≒ ≪ ≫ √ ∽ ∝ ∵ ∫ ∬ ∈ ∋ ⊆ ⊇ ⊂ ⊃ ∪ ∩ ∧ ∨ ￢ ⇒ ⇔ ∀ ∃ ∮ ∑ ∏ |
| ㄹ | 단위기호 | ＄ ％ ￦ Ｆ ′ ″ ℃ Å ￠ ￡ ￥ ¤ ℉ ‰ ?? ㎕ ㎖ ㎗ ℓ ㎘ ㏄ ㎣ ㎤ ㎥ ㎦ ㎙ ㎚ ㎛ ㎜ ㎝ ㎞ ㎟ ㎠ ㎡ ㎙㏊ ㎍ ㎎ ㎏ ㏏ ㎈ ㎉ ㏈ ㎧ ㎨ ㎰ ㎱ ㎲ ㎳ ㎴ ㎵ ㎶ ㎷ ㎸ ㎹ ㎀ ㎁ ㎂ ㎃ ㎄ ㎺ ㎻ ㎼ ㎽ ㎾ ㎿ ㎐ ㎑ ㎒ ㎓ ㎔ Ω ㏀ ㏁ ㎊ ㎋ ㎌ ㏖ ㏅ ㎭ ㎮ ㎯ ㏛ ㎩ ㎪ ㎫ ㎬ ㏝ ㏐ ㏓ ㏃ ㏉ ㏜ ㏆ |
| ㅁ | 도형문자 | ＃ ＆ ＊ ＠ § ※ ☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼ → ← ↑ ↓ ↔ 〓 ◁ ◀ ▷ ▶ ♤ ♠ ♡ ♥ ♧ ♣ ⊙ ◈ ▣ ◐ ◑ ▒ ▤ ▥ ▨ ▧ ▦ ▩ ♨ ☏ ☎ ☜ ☞ ¶ † ‡ ↕ ↗ ↙ ↖ ↘ ♭ ♩ ♪ ♬ ㉿ ㈜ № ㏇ ™ ㏂ ㏘ ℡ ?? ª º |
| ㅂ | 괘선문자 | ─ │ ┌ ┐ ┘ └ ├ ┬ ┤ ┴ ┼ ━ ┃ ┏ ┓ ┛ ┗ ┣ ┳ ┫ ┻ ╋ ┠ ┯ ┨ ┷ ┿ ┝ ┰ ┥ ┸ ╂ ┒ ┑ ┚ ┙ ┖ ┕ ┎ ┍ ┞ ┟ ┡ ┢ ┦ ┧ ┩ ┪ ┭ ┮ ┱ ┲ ┵ ┶ ┹ ┺ ┽ ┾ ╀ ╁ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊ |
| ㅅ | 원.괄호(한글) | ㉠ ㉡ ㉢ ㉣ ㉭ ㉥ ㉦ ㉧ ㉨ ㉩ ㉪ ㉫ ㉬ ㉭ ㉮ ㉯ ㉰ ㉱ ㉲ ㉳ ㉴ ㉵ ㉶ ㉷ ㉸ ㉹ ㉺ ㉻ ㈀ ㈁ ㈂ ㈃ ㈄ ㈅ ㈆ ㈇ ㈈ ㈉ ㈊ ㈋ ㈌ ㈍ ㈎ ㈏ ㈐ ㈑ ㈒ ㈓ ㈔ ㈕ ㈖ ㈗ ㈘ ㈙ ㈚ ㈛ |
| ㅇ | 원.괄호(영어.숫자) | ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓖ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵ ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ |
| ㅈ | 전각숫자 | ０ １ ２ ３ ４ ５ ６ ７ ８ ９ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ |
| ㅊ | 분수/첨자 | ½ ⅓ ⅔ ¼ ¾ ⅛ ⅜ ⅝ ⅞ ¹ ² ³ ⁴ ⁿ ₁ ₂ ₃ ₄ |
| ㅋ | 현대 한글 낱자 | ㄱ ㄲ ㄳ ㄴ ㄵ ㄶ ㄷ ㄸ ㄹ ㄺ ㄻ ㄼ ㄽ ㄾ ㄿ ㅀ ㅁ ㅂ ㅃ ㅄ ㅅ ㅆ ㅇ ㅈ ㅉ ㅊ ㅋ ㅌ ㅍ ㅎ ㅏ ㅐ ㅑ ㅒ ㅓ ㅔ ㅕ ㅖ ㅗ ㅘ ㅙ ㅚ ㅛ ㅜ ㅝ ㅞ ㅟ ㅠ ㅡ ㅢ ㅣ |
| ㅌ | 옛한글 낱자 | ㅥ ㅦ ㅧ ㅨ ㅩ ㅪ ㅫ ㅬ ㅭ ㅮ ㅯ ㅰ ㅱ ㅲ ㅳ ㅴ ㅵ ㅶ ㅷ ㅸ ㅹ ㅺ ㅻ ㅼ ㅽ ㅾ ㅿ ㆀ ㆁ ㆂ ㆃ ㆄ ㆅ ㆆ ㆇ ㆈ ㆉ ㆊ ㆋ ㆌ ㆍ ㆎ |
| ㅍ | 전각 로마자 | Ａ Ｂ Ｃ Ｄ Ｅ Ｆ Ｇ Ｈ Ｉ Ｊ Ｋ Ｌ Ｍ Ｎ Ｏ Ｐ Ｑ Ｒ Ｓ Ｔ Ｕ Ｖ Ｗ Ｘ Ｙ Ｚ ａ ｂ ｃ ｄ ｅ ｆ ｇ ｈ ｉ ｊ ｋ ｌ ｍ ｎ ｏ ｐ ｑ ｒ ｓ ｔ ｕ ｖ ｗ ｘ ｙ ｚ |
| ㅎ | 그리스 문자 | Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ω |
| ㄲ | 확장 라틴문자 | Æ Ð Ħ IJ Ŀ Ł Ø Œ Þ Ŧ Ŋ æ đ ð Ł Ø ij ĸ ŀ ł ø œ ß þ ŧ ŋ ʼn |
| ㄸ | 히라가나 | ぁ あ ぃ い ぅ う ぇ え ぉ お か が き ぎ う ぐ け げ こ ご さ ざ し じ す ず せ ぜ そ ぞ た だ ち ぢ っ つづ て ぞ た だ ち ぢ っ つ づ て で と ど な に ぬ ね の は ば ぱ ひ び ぴ ふ ぶ ぷ へ べ ぺ ほ ぼ ぽ ま みむ め も ゃ や ゅ ゆ ょ よ ら り る れ ろ ゎ わ ゐ ゑ を ん |
| ㅃ | 가타카나 | ァ ア ィ イ ゥ ウ ェ エ ォ オ カ ガ キ ギ ク グ ケ ゲ コ ゴ サ ザ シ ジ ス ズ セ ゼ ソ ゾ タ ダ チ ヂ ッ ツヅ テ デ ト ド ナ ニ ヌ ネ ノ ハ バ パ ヒ ビ ピ フ ブ プ ヘ ベ ペ ホ ボ ポ マ ミ ム メ モ ャ ヤ ュ ユ ョ ヨラ リ ル レ ロ ヮ ワ ヰ ヱ ヲ ン ヴ ヵ ヶ |
| ㅆ | 키릴문자 | А Б В Г Д Е Ё Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ё ж з и й к л м н о п р с т ф х ц ч ш щ ъ ы ы ь э ю я |
5️⃣ 워드프레스 이모지 플러그인
워드프레스에서 이모티콘과 이모지를 쉽게 입력하고 관리할 수 있는 플러그인도 있습니다. 플러그인을 사용하면 이모지의 저작권이나 라이선스에 주의해야 합니다
워드프레스의 기본 이모지(스마일리)를 비활성화 또는 다른 이모지 세트로 변경할 수 있게 해줘서, 웹사이트의 속도를 향상시킬 수 있습니다.
단점은 이모지를 비활성화하면, 이모지를 사용하고 싶은 경우에는 키보드나 문자맵 등의 다른 방법을 이용해야 합니다. 또한 이모지를 다른 이모지 세트로 변경하면, 이모지의 의미나 표현이 달라질 수 있습니다.
마무리
이상으로 워드프레스 이모티콘, 특수문자, 이모티콘 뜻과 사용이유 및 입력하는 꿀팁 5가지를 모두 알아보았습니다. 워드프레스 이모지, 이모티콘, 특수문자는 각각 다른 방식으로 감정이나 정보를 전달할 수 있는 도구입니다.
워드프레스 이모티콘과 이모지는 블로그 글의 가독성과 흥미를 높여주고, 독자의 만족도를 증진시켜줍니다. 워드프레스 이모티콘과 이모지를 적절하게 사용해서 내 블로그의 개성과 취향을 표현하는데 도움이 되시길 바랍니다. 감사합니다.
✔️ 참고
- 나무위키 이조지, 이모티콘, 특수문자
- 워드프레스 홈페이지
- https://wordpress.org/plugins/emoji-settings/
- https://codex.wordpress.org/ko:Using_Smilies
