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

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

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

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

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

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

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

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

같은 카테고리의 다른 글

모니터 / 색 영역 / NTSC(National Television System Committee)

모니터 NTSC는 NTSC(National Television System Committee) 색 영역을 의미합니다. 이는 컬러 비디오 신호의 표준을 정의하는 용어로, 모니터의 색 재현 능력을 평가하는 데 사용됩니다. 모니터 스펙에 나오는 NTSC 퍼센트 값은 해당 모니터가 NTSC 색 공간의 몇 퍼센트를 재현할 수 있는지를 나타냅니다. NTSC 색 공간 정의 NTSC 색 공간은 미국과 일본의 아날로그 텔레비전 방송 시스템에서 ...

Ubuntu 18.04 Server / 언어 변경하는 방법

현재 언어 확인하기 locale 명령어로 현재 언어가 무엇인지 확인할 수 있습니다. # locale LANG=en_US.UTF-8 LANGUAGE= LC_CTYPE="en_US.UTF-8" LC_NUMERIC="en_US.UTF-8" LC_TIME="en_US.UTF-8" LC_COLLATE="en_US.UTF-8" LC_MONETARY="en_US.UTF-8" LC_MESSAGES="en_US.UTF-8" LC_PAPER="en_US.UTF-8" LC_NAME="en_US.UTF-8" LC_ADDRESS="en_US.UTF-8" LC_TELEPHONE="en_US.UTF-8" LC_MEASUREMENT="en_US.UTF-8" LC_IDENTIFICATION="en_US.UTF-8" LC_ALL= 언어 변경하기 사용할 언어를 먼저 설치합니다. 한국어를 사용하고 싶다면 다음과 같이 명령합니다. # apt-get install language-pack-ko /etc/default/locale을 열고 다음과 같이 만듭니다. LANG=ko_KR.UTF-8 테스트하기 새로 로그인하거나 재부팅하면 변경한 언어가 적용됩니다. 의미 없는 문자열을 입력해보거나... # 123 123: 명령을 찾을 수 없습니다 locale 명령어로 확인할 수 있습니다. # locale LANG=ko_KR.UTF-8 LANGUAGE= LC_CTYPE="ko_KR.UTF-8" LC_NUMERIC="ko_KR.UTF-8" LC_TIME="ko_KR.UTF-8" LC_COLLATE="ko_KR.UTF-8" LC_MONETARY="ko_KR.UTF-8" LC_MESSAGES="ko_KR.UTF-8" LC_PAPER="ko_KR.UTF-8" LC_NAME="ko_KR.UTF-8" LC_ADDRESS="ko_KR.UTF-8" LC_TELEPHONE="ko_KR.UTF-8" LC_MEASUREMENT="ko_KR.UTF-8" LC_IDENTIFICATION="ko_KR.UTF-8" LC_ALL=

버추얼박스 / 공유 폴더 만드는 방법

버추얼박스 / 공유 폴더 만드는 방법

버추얼박스에서 호스트와 게스트 간 파일을 주고 받는 방법 중 가장 쉬운 것은 드래그 앤 드롭을 이용하는 것입니다. 그런데 단점이 있습니다. 게스트에서 수정한 파일을 호스트에서 사용하려면 또 옮겨야 하고, 호스트에서 수정한 파일을 게스트에서 사용하려면 또 옮겨야 합니다. 호스트와 게스트가 동시에 사용하면서 수정이 잦다면, 드래그 앤 드롭보다 공유 폴더를 이용하는 것이 더 ...

아이피타임(ipTIME) 공유기 / Easy Mesh 구성하는 방법

아이피타임(ipTIME) 공유기 / Easy Mesh 구성하는 방법

ipTIME의 Easy Mesh는 여러 개의 공유기를 묶어서 하나의 무선 네트워크를 만드는 기능이다. 구형 제품도 펌웨어 업그레이드로 구성 가능하다고 한다. 이지메시(EasyMesh) 기술은 무선 네트워크 장치(AP 또는 공유기)를 그물망(Mesh)처럼 연결하여 통합 무선 네트워크를 구축하는 기술로 일반적으로 중앙 제어를 위한 컨트롤러 공유기와 여기에 여러 개의 에이전트 공유기를 연결하여 구성된다. ipTIME의 이지메시(EasyMesh)는 특정모델에서만 지원하는 타사 메시(Mesh) ...

DSLR / 캐논 / DPP 프로그램 다운로드 하는 방법

DSLR / 캐논 / DPP 프로그램 다운로드 하는 방법

캐논 DSLR 카메라를 구입하면 CD를 하나 받습니다. 각종 소프트웨어가 들어있는 CD로, 그 안에는 이미지 편집 프로그램인 Digital Photo Professional이 있습니다. 줄여서 DPP라고 많이 부릅니다. 사진을 JPG 형식으로 찍고 보정을 별로 하지 않는다면 DPP가 필요하지 않습니다. 하지만, RAW 형식으로 찍는다면 DPP로 편집하는 게 좋습니다. 캐논이 만든 전용 프로그램이고, 캐논 카메라 사용자라면 무료로 사용할 수 있습니다. 그런데 ...

당구 / 3쿠션 에버리지와 적정 핸디

당구 / 3쿠션 에버리지와 적정 핸디

당구 3쿠션 프로 경기는 같은 점수를 누가 먼저 따내느냐로 승패를 가립니다. 하지만 프로가 아닌 개인들이 게임을 할 때는 실력에 따라 핸디를 정하고 그 핸디를 먼저 치는 사람이 이기죠. 그래서 핸디를 얼마로 하냐가 승패의 주요 조건이 됩니다. 계속 이기면 핸디를 올리게 되고, 계속 지면 핸디를 내려야 하는데... 내리는 것은 눈치가 보여서 잘 ...

모니터 / 색 영역 / DCI-P3

DCI-P3는 디지털 시네마 이니셔티브(Digital Cinema Initiatives)에서 정의한 색 공간으로, 영화 산업에서 널리 사용됩니다. DCI-P3 색 공간은 sRGB보다 더 넓은 색 영역을 포함하여, 더 풍부하고 생생한 색상을 표현할 수 있습니다. 최근에는 고급 모니터와 TV에서도 DCI-P3 색 공간을 지원하여 더 뛰어난 색 재현성을 제공합니다. DCI-P3 색 공간 정의 DCI-P3는 디지털 영화 프로젝트를 위해 만들어진 색 ...

줌(Zoom) / 설문 조사 만드는 방법

줌(Zoom) / 설문 조사 만드는 방법

줌(Zoom) 미팅을 하면서 설문 조사를 할 수 있다. 유료 요금제 상품에 있는 기능으로, 무료 버전에서는 사용할 수 없다. 설문 조사 기능 켜기 기본적으로 비활성화되어 있으므로, 사용을 하려면 활성화해야 한다. 를 활성화한다. 즉, 개인별로, 그룹별로, 전체 계정에 대하여 ...

Ubuntu 24.04 Server / 고정 IP 설정하는 방법

네트워크 설정 파일은 /etc/netplan 디렉토리 안에 있는 yaml 파일입니다. 파일 이름은 시스템마다 다를 수 있습니다. # ll /etc/netplan total 12 drwxr-xr-x 2 root root 4096 Apr 27 23:00 ./ drwxr-xr-x 108 root root 4096 Apr 27 23:06 ../ -rw------- 1 root root 389 Apr 27 23:00 50-cloud-init.yaml DHCP라면 설정 파일이 다음과 ...

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

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

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