워드프레스 / 플러그인 / HTML Editor Syntax Highlighter / 에디터 텍스트 모드 코드 하이라이트 플러그인

워드프레스에 글을 작성할 때 보통은 비주얼 모드를 사용하지만, 텍스트 모드로 들어가서 코드를 직접 수정하는 경우도 많다. 그런데, 텍스트 모드에서 코드를 보면 흰색 바탕에 검정 글자여서 읽기가 쉽지 않다.

이 문제를 해결해주는 플러그인이 HTML Editor Syntax Highlighter이다.

플러그인을 설치하고 활성화한 후 텍스트 모드로 들어가면 하이라이트된 코드를 볼 수 있다.

설정 아이콘을 클릭하면...

코드를 보거나 편집할 때 도움이 되는 기능을 볼 수 있고, more를 클릭하면...

좀 더 많은 설정을 볼 수 있다.

텍스트 모드를 애용한다면 아주 유용한 플러그인이다.

같은 카테고리의 다른 글
MSI / 메인보드 / 장착 가능한 메모리와 크기 확인하는 방법

MSI / 메인보드 / 장착 가능한 메모리와 크기 확인하는 방법

컴퓨터 조립은 쉽다. 케이스, 파워 서플라이, 메인보드, CPU, 메모리, 디스크 등을 구입한 후 적절한 위치에 꽂기만 하면 된다. 잘못 꽂을까 걱정할 것도 없다. 맞지 않는 위치라면 아예 끼워지지도 않는다. 아, 케이스에 있는 Power, Reset 선 등을 메인보드에 꽂을 때는 주의를 해야한다. 메인보드 설명서를 보고 잘 꽂아야 전원이 들어오고 LED가 깜빡인다. 문제는 ...

스팀 / 게임 숨기기, 숨긴 게임 보기

스팀 / 게임 숨기기, 숨긴 게임 보기

언제할지도 모르면서 세일할 때 하나씩 사다보니 스팀에서 산 게임이 많아지고 있습니다. 그 중에는 엔딩까지 봐서 다시는 안 할 게임도 있고, 사긴 했지만 정말 언제 할지 모를 게임도 있고, 원래 것과 리마스터가 같이 있는 것도 있습니다. 그러다보니 라이브러리에 하지도 않을 게임이 잔뜩 보이는데요... 다행히도 목록에서 그 게임들을 숨길 수 있습니다. 방법은... 게임을 선택하고 ...

DSLR / 캐논 / 펌웨어(firmware) 업데이트하는 방법

DSLR / 캐논 / 펌웨어(firmware) 업데이트하는 방법

펌웨어(firmware) 펌웨어(firmware)는 하드웨어를 제어하기 위한 소프트웨어입니다. 소프트웨어와 하드웨어의 중간 정도의 것이라고 보기도 합니다. 그리고 그 펌웨어는 계속해서 업데이트됩니다. 하드웨어를 제대로 사용하기 위해서는 펌웨어를 최신 버전으로 유지하는 것이 좋습니다. 캐논 DSLR도 마찬가지입니다. 구입한지 오래되었다면 펌웨어가 업데이트되었는지 확인하고, 최신 버전이 아니라면 업데이트해야 합니다. 펌웨어 버전 확인하기 사용하는 DSLR의 펌웨어 버전은 메뉴에서 확인할 수 있습니다. 아래는 EOS 650D의 펌웨어 ...

안드로이드 / PING 테스트 하는 방법

안드로이드 / PING 테스트 하는 방법

외부 네트워크에서 PING 테스트를 해야 할 때가 있다. 그럴 때 가장 편한 방법은 스마트폰의 와이파이를 끊고 테스트 하는 것. PING으로 검색하면 여러 가지 앱이 나오는데, 사용법은 비슷하다. 예를 들어 Ping이라는 앱으로 한다고 하면... IP를 입력하고 버튼을 누르면 된다.

안드로이드 / 앱 / 알파카 / 공유 전동 킥보드 / 가입하는 방법과 요금, 탈 수 있는 곳

안드로이드 / 앱 / 알파카 / 공유 전동 킥보드 / 가입하는 방법과 요금, 탈 수 있는 곳

집 앞에서 버스를 타고 전철역으로 이동 후 전철을 타는데, 이 버스의 배차 간격이 좀 길다. 그리고 주말에는 더 길다. 버스 정류장에서 버스를 기다리다가 근처에 공유 전동 킥보드가 있는 것을 보고, 언제 올지 모르는 버스를 기다리는 것보다 편할 거 같아 가입을 해보았다. 알파카라는 회사에서 운영하는 건데, 앱에서 회원 가입이 가능하다. 플레이스토어에서 알파카로 ...

Microsoft Office 2016 / 마이크로소프트 계정에서 로그아웃하는 방법

Microsoft Office 2016 / 마이크로소프트 계정에서 로그아웃하는 방법

MS OFFICE 2016은 마이크로소프트 계정에 로그인되어 있지 않아도 사용할 수 있습니다. 어떻게 로그아웃하는지 알아보겠습니다. 오른쪽 위에 있는 계정 이름을 클릭하면 조그만 창이 나오는데, 제일 아래에 있는 을 클릭합니다. 을 클릭합니다. 계정 옆에 나오는 을 클릭합니다. 로그아웃할 때 발생하는 문제를 안내하는 창이 나옵니다. 를 클릭하면 로그아웃되고, 오른쪽 위에 계정 이름 대신 링크가 생깁니다.

안드로이드 / 앱 / 카카오뱅크 / 계좌번호 없이 카카오톡 친구에게 이체하는 방법

안드로이드 / 앱 / 카카오뱅크 / 계좌번호 없이 카카오톡 친구에게 이체하는 방법

카카오뱅크의 가장 큰 장점은 절차가 단순하고 빠르다는 것입니다. 이체를 할 때 공인인증서가 필요한 것도 아니고, 몇 번의 터치로 쉽게 돈을 보낼 수 있습니다. 또한 상대방의 계좌번호 없이도, 카카오톡 친구에게 돈을 보낼 수도 있습니다. 돈을 보내기 위해 계좌번호를 묻고 입력할 필요가 없는 것이죠. 물론 받는 사람은 자신의 계좌번호를 입력해야 하기에 조금 번거로울 ...

크롬 / 저장된 비밀번호 확인하는 방법

크롬 / 저장된 비밀번호 확인하는 방법

크롬에는 아이디와 암호 저장 기능이 있습니다. 상당히 편한 기능인데, 계속 사용하다보면 비밀번호를 잊게 됩니다. 만약 비밀번호를 알아야 한다면 Google 비밀번호 관리자에서 확인할 수 있습니다.

Ubuntu 18.04 Server / Apache / 사용자 인증 만드는 방법

Ubuntu 18.04 Server / Apache / 사용자 인증 만드는 방법

웹사이트의 콘텐츠를 특정 사용자만 볼 수 있게 하는 방법은 여러 가지가 있습니다. 만약 웹서버에 대한 충분한 권한이 있다면, Apache를 이용하여 구현할 수 있습니다. 비밀번호 파일 만들기 비밀번호 파일은 htpasswd 명령어로 만듭니다. /home/auth/ 디렉토리에 passwords라는 이름의 파일을 만들고, 사용자 user1의 비밀번호를 정하고 싶다면 다음과 같이 명령합니다. # htpasswd -c /home/auth/passwords user1 .htaccess 파일 만들기 웹사이트의 루트 ...

인디자인 / 이미지 크기 변경하는 방법

인디자인 / 이미지 크기 변경하는 방법

인디자인에서 이미지를 삽입하는 방법은 Ctrl+D를 누르는 것입니다. 이미지를 선택하고 을 클릭하면 이미지가 삽입됩니다. 그리고 그림의 꼭짓점 등 네모 아이콘을 누르고 드래그하면 이미지의 크기가 바뀝니다. 그런데, 보통의 프로그램처럼 이미지의 크기가 바뀌지 않습니다. 이미지는 그대로인 상태에서 보이는 부분만 바뀝니다. 이유는 이미지는 그대로인 상태에서 프레임의 크기만 바뀌었기 때문입니다. 마우스를 이미지 위에 올리고, 원을 선택 후 ...