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

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

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

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

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

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

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

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

같은 카테고리의 다른 글

모니터 / HDR

HDR(High Dynamic Range)는 모니터와 TV에서 더 넓은 범위의 밝기와 색상을 제공하여 보다 생생하고 현실감 있는 이미지를 구현하는 기술입니다. HDR은 어두운 부분과 밝은 부분 모두에서 더 많은 디테일을 표현할 수 있어, 일반적인 SDR(Standard Dynamic Range) 화면보다 더욱 풍부한 시청 경험을 제공합니다. HDR의 작동 원리 넓은 밝기 범위 HDR은 더 높은 밝기(니트, nits 단위로 측정)와 ...

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

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

메인보드에 메모리 슬롯이 4개 있고, 최대 인식 메모리가 64GB라고 하면, 16GB 메모리를 4개 끼울 수 있다. 그리고 메모리 규격(DDR4, DDR5 등)만 맞으면 삼성 메모리 사용하든 하이닉스 메모리를 사용하든 상관 없을 거라 생각했는데... ASUS의 경우 메모리 제조사에 따라 메인보드가 인식할 수 있는 크기가 다를 수 있다. 예를 들어 ADATA 메모리는 32GB까지 가능하지만 ...

IEEE 1394VT EX / 비디오 테이프를 파일로 변환할 때 필요한 카드

IEEE 1394VT EX / 비디오 테이프를 파일로 변환할 때 필요한 카드

캠코더가 있습니다. SONY Digital Handycam. 6mm 테이프를 넣어서 녹화를 하는 제품입니다. 메모리카드를 사용할 수도 있는, 한때 고급 기종이었으나, 지금은... 이것으로 찍은 테이프가 몇 개 있는데, 그동안 캠코더와 TV를 연결해서 봤었습니다. 보는 데는 문제 없지만, 보고 싶은 곳 찾기도 힘들고, 다른 사람에게 전달하기도 힘들고... 그래서 파일로 변환해보기로 했습니다. 화살표가 가리키는 곳을 이용해서 컴퓨터와 ...

PhotoScape X / 여러 이미지에 워터마크 한 번에 넣는 방법

PhotoScape X / 여러 이미지에 워터마크 한 번에 넣는 방법

캡처는 보통 픽픽으로 하고, 픽픽에 있는 워터마크 넣는 기능을 이용하여 워터마크를 넣고 있습니다. 그런데, 불편한 것은 하나씩 해야 한다는 것입니다. 많은 이미지에 워터마크를 넣을 때 손이 많이 갑니다. 이럴 때 포토스케이프 X의 일괄 편집을 이용하면, 많은 이미지에 한 번에 워터마크를 넣을 수 있습니다. 에 워터마크를 넣을 이미지를 추가합니다. 오른쪽에 ...

워드프레스 / 언어 변경하기

워드프레스 / 언어 변경하기

워드프레스를 특정 언어로 설치한 후에 다른 언어로 변경할 수 있다. 언어 변경에는 사이트 언어 변경과 사용자 언어 변경 두 가지가 있다. 사이트 언어 변경은 사이트 방문자에게 보여지는 페이지에 적용되는 언어이다. 사용자 언어는 사용자 페이지(예를 들어 관리자라면 관리자 페이지)에 적용되는 언어이다. 사용자 언어는 기본적으로 사이트 언어를 따르게 되어 있다. 즉, 사이트 언어가 영어면 ...

국세청 홈택스 / 지급명세서 조회하는 방법

국세청 홈택스 / 지급명세서 조회하는 방법

종합소득세 신고를 해야하는 5월이 되었습니다. 종합소득세 신고를 위해 제일 먼저 해야할 것은 총 수입을 계산하는 것이죠. 원천징수를 한 소득이라면 국세청 홈택스에서 쉽게 확인할 수 있습니다. 근로소득만 있다면 에서 받은 금액과 원천징수한 금액을 확인할 수 있습니다. 근로소득 외에 다른 소득도 있다면 로 가세요. 을 클릭하면... 원천징수를 당한 모든 소득에 ...

PuTTY / 사용법 / SSH / 자동 로그인하는 방법

PuTTY / 사용법 / SSH / 자동 로그인하는 방법

PuTTY로 리눅스 서버에 접속할 때 사용자 이름과 비밀번호를 입력합니다. 그 과정이 번거롭다면 Key를 이용하여 자동으로 로그인하도록 만들 수 있습니다. 그 방법을 정리합니다. 서버에서 Key 생성 서버에 root으로 로그인했고, 현재 디렉토리는 /root이라고 가정합니다. 다음과 같이 명령하여 Key를 생성합니다. 몇 가지 질문을 하는데 계속 엔터를 치면 됩니다. ssh-keygen .ssh 디렉토리로 이동합니다. cd .ssh id_rsa와 id_rsa.pub 두 개의 파일이 있습니다. id_rsa.pub 파일의 ...

크롬 / 주소 표시줄 없애는 방법

크롬 / 주소 표시줄 없애는 방법

웹브라우저 상단에 주소 표시줄이 있습니다. 현재 페이지의 URL을 보여주는 곳이고, 검색도 가능합니다. 일반적인 상황에서는 주소 표시줄이 있는 게 편한데, 특별한 경우 없애야 할 때가 있습니다. 예전엔 Focus Mode라 하여 설정에서 안 보이게 할 수 있었는데, 지금은 사라졌습니다. 그 기능은 사라졌지만, 다른 방법으로 주소 표시줄을 없앨 수 있습니다. 상단 오른쪽의 점 세 개 ...

버추얼박스 / 가상 머신 PXE 네트워크 부팅 하는 방법

버추얼박스 / 가상 머신 PXE 네트워크 부팅 하는 방법

버추얼박스 가상 머신에 OS 설치용 ISO를 탑재하고 부팅하면 설치 화면으로 진입한다. 이유는 DVD로 부팅하는 것이 우선 순위로 설정되어 있기 때문이다.  그런데 PXE를 이용한 네트워크 설치를 하고 싶다면 어떻게 할까? 방법 1 가상 머신의 설정을 열고 으로 들어간다. 부팅 순서에 플로피, 광 디스크, 하드 디스크, 네트워크가 있고, 네트워크는 활성화되어 있지 않다. 네트워크 앞에 있는 체크 박스에 ...

미디어 인코더 / 동영상을 움직이는 GIF로 만드는 방법

미디어 인코더 / 동영상을 움직이는 GIF로 만드는 방법

동영상을 움직이는 GIF로 만드는 방법은 여러 가지가 있습니다. 그 중 하나는 Adobe Media Encoder를 사용하는 것입니다. Adobe Premiere를 설치하면 같이 설치되는 프로그램이고, Premiere 없이 단독으로 설치할 수도 있습니다. Adobe Media Encoder를 실행하고, 대기열의 + 아이콘을 클릭하여 변환할 동영상을 추가합니다. 출력물을 애니메이션 GIF로 설정하고 변환하면 잠시 후 GIF가 생성됩니다.