강의할 때 자주 특수 기호 읽는 방법이 잘 생각이 안나서 정리를 합니다.


# : crosshatch / sharp / hash / pound / tictoctoe (샵, 해시, 우물井...;)


^ : caret / circumflex (캐릿, 꺽쇠...;)


[ ] : left · right bracket (브라킷, 대괄호)


{ } : left · right brace (브레이스, 중괄호)


! : exclamation point (느낌표)


? : question point (물음표)


" : double quotation / quotation mark (더블 쿼테이션, 쌍따옴표)


' : single quotation / quotation mark / apostrophe / acute accent (싱글 쿼테이션, 따옴표)


$ : dollar sign (달러)


% : percent sign (퍼센트)


@ : at sign (앳, 골뱅이...;)


& : ampersand (앰퍼샌드, 앤드...;)


* : asterisk (아스테리스크, 별표...;)


- : hyphen / dash (하이픈)


_ : underscore / underline / under bar (언더스코어, 언더바...;)


. : period / point (피리어드, 포인트, 닷...; 쩜...;)


/ : slash (슬래시)


\(\) : back slash (백슬래시, 원...;)


| : vertical bar / pipe (버티컬 바, 작대기...;)


: : colon (콜론, 땡땡...;)


; : semicolon (세미콜론, 쉬프트 땡땡...;)


` : grave (그래이브)


~ : tilde (틸드, 물결...;)

블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

워드프레스 웃는 얼굴 삭제하기

워드프레스로 만들어진 홈페이지의 경우 가끔 홈페이지 하단에 웃는 얼굴 이모티곤 :) 을 90도 돌려놓은 이미지가 있는 경우가 있습니다. 아마도 워드프레스의 이모티콘 변환 기능인 스마일리와 관련이 있는 것 같은데... 확실치는 않네요.

아래의 홈페이지를 보면 그냥은 잘 모르겠는데 브라우저 가장 밑에 뭔가가 있는 것을 볼 수 있습니다.

브라우저 최하단 확인브라우저 최하단 확인

확대해서(500%) 보면 웃는 얼굴 이모티콘 입니다.

5배 확대 웃는 얼굴5배 확대 웃는 얼굴

요소 검사를 통해 보면 이미지가 들어간 것을 확인할 수 있으며 id 가 부여되어 있는 것을 확인할 수 있습니다.

요소검사 속성 확인요소검사 속성 확인

스타일 속성을 "display: none" 으로 적용하면 사라집니다.

속성 수정속성 수정 - display:none

style.css 를 열어서 

#wpstats { display: none; }

을 추가하여 웃는 얼굴을 삭제할 수 있습니다.

한가지 우려되는 것은 스마일리 기능에 문제가 생기지 않을까 하는 점인데... 그다지 사용하지 않는 기능이라서 확인은 못해봤습니다.

블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

워드프레스에서 그림문자(emoji) 사용하기

링크 : 에모지 - 워드프레스 코덱스

워드프레스 4.2부터 문자 입력 기능이 확장되어 어떤 언어 세팅에서라도 중국어, 일본어, 한국어 문자 및 음악, 수학기호, 상형문자 등을 입력할 수 있게 되었습니다. 이를 에모지(emoji = えもじ = 画文字 = 그림문자)라고 하며 어떤 운영체제에서도 입력을 할 수 있습니다. 이는 기존에 있던 스마일리(Smileys)와는 다릅니다.

에모지 - 그림 문자getemoji.com - 에모지 그림 문자

모바일

iOS (iPhone, iPad, iOS 5 이상)
    키보드 항목에 새 키보드를 추가합니다. iOS 8은 기본적으로 사용할 수 있게 되어 있습니다(이모티콘).
  1. "설정"으로 들어갑니다.
  2. "일반"을 선택합니다.
  3. "키보드"를 선택합니다.
  4. "키보드" 버튼을 탭하고 "새로운 키보드 추가..."를 선택합니다.
  5. 스크롤하여 "Emoji"를 찾아서 선택합니다(이모티콘).
Android

키보드 우측 하단 혹은 엔터 버튼을 누르고 있을 때 나타나는 "웃는 얼굴" 버튼을 탭해서 사용할 수 있습니다.

안드로이드 에모지 입력 버튼
안드로이드 에모지 입력 버튼 : 출처 - https://codex.wordpress.org/Emoji

데스크탑

Windows 8 이상
  1. 데스크탑 모드에서 테스크바(Taskbar)에 마우스 우측 버튼을 클릭합니다.
  2. 도구막대(Toolbars) 선택합니다.
  3. 터치 키보드(Touch Keyboard) 선택합니다.

시스템 트레이(스크린 우측 하단)에 새로운 키보드 아이콘이 생성됩니다.

Windows 7 이하
  1. getemoji.com으로 갑니다.
  2. 원하는 에모지를 선택하고 블록으로 선택하여 클립보드에 복사합니다.
  3. 컨텐츠 내용에 붙여 넣습니다.
OS X (10.7 이상)
  1. 메뉴 편집(Edit menu)를 클릭합니다.
  2. 특수문자(Special Characters)를 선택합니다.
  3. 작은 팝업 키보드에 에모지 및 다른 특수문자가 나타납니다.

command-control-space 키를 함게 눌러서 팝업 키보드를 띄울 수도 있습니다.

윈도우 운영체제에서 한글 자음+한자키로 쓸 수 있었던 특수문자 혹은 font-awesome 등의 웹폰트와 비슷하지만 그와는 약간 다른 형태의 그림 문자를 입력할 수 있는 에모지를 사용해서 컨텐츠 내용을 재미있게 꾸며 보는 것도 좋을 듯 합니다. 그러나 별로 사용 빈도가 많지는 않을 듯...

블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,


<Image URL - http://wpsmackdown.com/>

우연히 발견한 것이라 정확한 것은 아닙니다만 자식테마를 사용해서 테마를 커스터마이징하고 포스팅을 하는 경우에 페이지, 포스트의 본문에 삽입되는 "이미지 슬라이더"가 동작하지 않는 것을 알게 되었습니다.

주로 사용하는 Plugin인 "Meta Slider"도 동작을 하지 않았고, "Shortcode Ultimate"에서 제공하는 슬라이더도 동작을 하지 않고 등록된 이미지와 제목만 쭈욱 나열되는 현상이 있었습니다. 그런테 설정 창에서의 미리보기는 잘 되었습니다.

쇼트코드를 넣었다가 뺐다가 하면서 몇시간을 구글과 씨름을 했지만 원인을 못 찾았는데, 혹시나 싶어서 자식테마에 있던 "single.php"를 삭제하니 제대로 동작을 하더군요...이런;;;

(인터넷을 좀 더 찾아보니까 이런 문제 때문인지 워드프레스 사용자 사이에서 자식테마의 사용 여부에 대해서 말이 좀 있었습니다.)

그래서 앞으로는 테마를 그냥 통채로 복사해서 테마명 뒤에 -custom 이라고 추가만 하고 셋팅해서 작업을 할 생각입니다. 이번의 슬라이더 문제 말고도 다른 문제들이 곳곳에 숨어있을 것 같아서요. 커스텀포스트 타잎 이라던가 텍소노미 출력 부분에서도 왠지 문제가 생길 것 같은 예감이...



블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,


RSS Graffiti
apps.facebook.com/rssgraffiti
(구글 크롬 브라우저로 접속하는 것이 좋습니다.)


티스토리의 Tistory2Facebook(t2f) 을 사용하면 타임라인으로 곧바로 글이 연동되긴 하는데 개인 계정으로만 가능하고, 페이지로는 안되서 검색해보니 거의 유일하게 해당 기능을 지원하는 앱이더군요.

단점은 이미 포스팅 된 글들은 보낼 수 없는 듯하고(t2f는 글을 수정-저장하면 다시 보내집니다), 새로 포스팅 되는 글 부터 적용되는 것 같군요. 그리고 실시간 연동이 아니고 어느정도 시간이 지나야 된다는 것이군요.


페이스북 페이지는 https://www.facebook.com/warpwordpress 이고, 아직 운영 부분은 고민 중입니다.


블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,