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

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

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

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

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

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

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

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

같은 카테고리의 다른 글

모니터 / 해상도

모니터 해상도는 화면에 표시되는 픽셀의 수를 의미하며, 가로 픽셀 수와 세로 픽셀 수로 표현됩니다. 예를 들어, 1920x1080 해상도는 가로 방향에 1920개의 픽셀, 세로 방향에 1080개의 픽셀이 있다는 뜻입니다. 해상도는 화면의 선명도와 세부 표현에 직접적인 영향을 미칩니다. 주요 해상도 종류 HD (High Definition) 해상도: 1280x720 (720p) 특징: 기본적인 HD 해상도로, 저가형 모니터와 TV에서 사용됩니다. 일반적인 ...

아이피타임(ipTIME) 공유기 / 보안 문자(CAPTCHA) 비활성화 하는 방법

아이피타임(ipTIME) 공유기 / 보안 문자(CAPTCHA) 비활성화 하는 방법

ipTIME 공유기 관리자 페이지에 접속할 때 보안 문자(CAPTCHA)를 입력하게 되어 있다. 보안 상 사용하는 게 좋기는 한데, 역시 불편하다. 만약 이 기능을 끄고 싶다면 에서 변경할 수 있다. 의 값을 변경하면 되는데... 으로 설정하면 항상 보안 문자를 입력해야 하는 것이고... 으로 설정하면 보안 문자 ...

토스페이먼츠 / 결제내역 확인하는 방법

토스페이먼츠 / 결제내역 확인하는 방법

인터넷 쇼핑몰에서 결제를 할 때 토스페이먼츠로 하였다면, 신용카드 명세에 가맹점명이 토스페이먼츠 주식회사로 찍힌다. 그래서 실제 결제한 인터넷 쇼핑몰이 어딘지 알 수 없다. 이를 확인하고 싶다면 토스페이먼츠 홈페이지로 가야 하는데... 좀 많이 귀찮다. 토스페이먼츠 홈페이지로 접속하고 을 클릭하거나... https://www.tosspayments.com/ 아래 링크로 바로 접속한다. https://consumer.tosspayments.com/payment-history/card 이 부분이 많이 귀찮은데... 결제 관련 정보를 꽤 많이 입력해야 한다. 입력을 마쳤으면 ...

리눅스 / 명령어 / scp

scp는 ssh 프로토콜을 이용하여 파일을 송수신하는 명령어이다. local → remote remote → local remote → remote 모두 가능하다. local → remote 파일 복사 # scp a.txt root@192.168.3.211:/temp/a.txt root@192.168.3.211's password: 명령어를 실행한 디렉토리에 있는 a.txt 파일을 192.168.3.211 컴퓨터에 root 계정으로 연결하여 복사한다. 원격 컴퓨터에 /temp 디렉토리가 없으면 복사되지 않는다. 원격 컴퓨터에 /temp 디렉토리가 있으면 a.txt로 복사된다. a.txt 파일이 이미 있다면 덮어쓴다. root 계정의 ...

구글 포토 / 휴지통 비우는 방법

구글 포토 / 휴지통 비우는 방법

구글 포토에서 사진을 지우면 휴지통으로 이동합니다. 그리고 일정 기간이 지나면 완전히 삭제됩니다. 만약 지금 즉시 사진을 완전히 삭제하고 싶다면 휴지통을 비워야 합니다. 안드로이드 구글 포토에서, 그리고 웹용 구글 포토에서 휴지통 비우는 방법을 알아봅니다. 안드로이드 구글 포토 왼쪽 위의 메뉴바를 누릅니다. 을 누릅니다. 점 세 개 아이콘을 누릅니다. 를 누릅니다. 웹용 구글 포토 웹브라우저로 구글 포토에 접속합니다. 왼쪽 위에 있는 ...

Ubuntu 20.04 / 글꼴 설치하는 방법

Ubuntu 20.04 / 글꼴 설치하는 방법

Ubuntu 20.04 Desktop 설치하려는 글꼴을 더블 클릭하거나, 글꼴 선택 후 엔터키를 누르거나, 마우스 우클릭 후 를 클릭합니다. 상단에 있는 를 클릭합니다. 설치가 완료되면 으로 바뀝니다. 글꼴이 잘 설치되었는지 확인합니다.

MariaDB / 데이터베이스 이름에 하이픈(-) 또는 점(.) 포함하는 방법

MariaDB / 데이터베이스 이름에 하이픈(-) 또는 점(.) 포함하는 방법

MariaDB에 하이픈(-)이나 점(.)을 포함한 이름으로 데이터베이스를 만들면 에러가 납니다. 예를 들어 create database test-test; 라고 하면 다음과 같은 에러 메시지를 출력하면서 데이터베이스를 생성하지 못합니다. ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '-test' at ...

스팀 / 게임 구입하는 방법

스팀 / 게임 구입하는 방법

우연히 문명이라는 게임을 알게되었습니다. '문명하셨습니다'라는 유행어가 있었을 정도로 유명한 게임이라고 하네요. 게임을 시작하면 시간은 별로 안 가는데 날짜가 바뀐다는... 인터넷에 있는 온갖 글과 영상이 문명을 추천하고 있어서, 한 번 해보기로 했습니다. 문명 5와 문명 6에 대해서 호불호가 갈리는데, 전 그래도 최신판인 문명 6으로 결정했습니다. 어디서 구입을 해야 하나 알아보았더니, 스팀에 있네요. 게다가 ...

한화손해보험 / 실비보험 / 보장 내용 확인하는 방법

한화손해보험 / 실비보험 / 보장 내용 확인하는 방법

한화손해보험의 실비보험에 가입되어 있다. 손을 다쳐 체외충격파 치료를 받으려고 하는데, 실비보험 대상인지 확인하기 위해 전화로 문의를 했다. 보상 대상이 맞긴 하지만 정확한 것은 심사를 해야 한다는 답변을 들었고, 금액 한도와 횟수 등에 대한 것도 들었다. 그런데, 메모를 하지 않아 금액 한도와 횟수를 잊어버렸다. 전화 문의는 연결이 쉽지 않고, 또 잊어버릴 수 ...

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

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

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