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

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

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

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

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

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

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

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

같은 카테고리의 다른 글

위키(Wiki) / 위키 만드는 소프트웨어 / 미디어위키(MediaWiki)

미디어위키(MediaWiki)는 오픈 소스 위키 소프트웨어로, 위키백과(Wikipedia)와 같은 대규모 협업 프로젝트를 위해 설계되었습니다. PHP로 작성되었으며, MySQL 및 MariaDB를 데이터베이스로 사용합니다. 미디어위키는 다양한 기능과 확장성을 제공하여 복잡한 위키 사이트를 운영하는 데 적합합니다. 역사 미디어위키는 처음에는 위키백과 프로젝트를 지원하기 위해 개발되었습니다. 2002년, 매그너스 만스케(Magnus Manske)가 PHP로 작성한 초기 버전이 공개되었으며, 이후 개발자들이 지속적으로 기여하여 현재의 ...

법 / 소송 진행 과정 조회하는 방법, 판결서 조회하는 방법

법 / 소송 진행 과정 조회하는 방법, 판결서 조회하는 방법

소송 진행 과정 조회 소송이 어떻게 진행되고 있는지는 에서 확인할 수 있다. 필요한 것은 사건번호와 소송 당사자 이름. 특별한 인증 과정 없이 사건번호와 소송 당사자 이름만 알면 조회가 되는데, 그래도 되는 것인지 의아하다. 에 접속한다. 사건번호 등 정보를 입력하고 을 클릭한다. 에 전체 개요가 ...

모니터 / 색 영역 / Adobe RGB(Adobe Red Green Blue)

모니터 Adobe RGB는 모니터가 Adobe RGB 색 공간을 얼마나 잘 재현하는지를 나타내는 지표입니다. Adobe RGB는 주로 사진 편집, 그래픽 디자인, 인쇄 작업 등에서 사용되는 넓은 색 공간으로, sRGB보다 더 많은 색상을 포함합니다. Adobe RGB 색 공간 정의 Adobe RGB(Adobe Red Green Blue)는 Adobe Systems에서 1998년에 개발한 색 공간으로, 특히 인쇄와 그래픽 디자인 분야에서 ...

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

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

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

안드로이드 / 앱 / 카카오뱅크 / 후불교통카드 사용 내역 확인하는 방법

안드로이드 / 앱 / 카카오뱅크 / 후불교통카드 사용 내역 확인하는 방법

카카오뱅크에서 체크카드를 만들 때 후불 교통 카드 기능을 넣을 수 있습니다. 대중 교통을 이용할 때 바로 돈이 나가는 게 아니라, 한 달치를 모아서 다음 달 10일에 납부하게 됩니다. 잔고가 없어도 사용할 수 있으므로, 가능하다면 후불 교통 카드가 편합니다. 대신 교통 카드 이용 내역을 확인하는 것은 좀 번거롭습니다. 통장 거래 내역에 나오지 ...

엣지 / Internet Explorer 모드 사용하는 방법

엣지 / Internet Explorer 모드 사용하는 방법

Windows 11에는 인터넷 익스플로러(Internet Explorer)가 아예 없다. 오로지 마이크로소프트 엣지(Microsoft Edge)만 있다. 대부분의 사이트가 엣지에서 잘 돌아가기에 별 문제가 없지만, 아직도 IE로만 접속해야 하는 곳이 있다. 그런 곳에 엣지로 접속하면 모양이 이상하게 나오거나 기능이 작동하지 않는다. IE로 접속해야 하는데 IE가 없는 상황, 어떻게 하면 될까? Microsoft Edge의 Internet Explorer 모드 사용하면 ...

크롬 / 유튜브 영상 끊김 해결하는 방법

크롬 / 유튜브 영상 끊김 해결하는 방법

노트북을 샀다. 모니터 주사율 144Hz의 게이밍 노트북. 별도의 모니터와 연결하여 듀얼 모니터로 사용하고 있는데, 예상치 못한 문제가 발생했다. 외부 모니터와 연결된 상태에서, 크롬 웹브라우저로, 노트북 모니터로 유튜브 영상을 보면 뚝뚝 끊긴다. 외부 모니터에서 볼 때는 문제가 없고... 주사율을 변경하는 등 여러 가지 방법을 시도해보았는데, 해결책은 크롬 설정에 있었다. 에서 [가능한 경우 하드웨어 가속 ...

마이크로소프트 무선 디스플레이 어댑터 / 펌웨어 업데이트 하는 방법

마이크로소프트 무선 디스플레이 어댑터 / 펌웨어 업데이트 하는 방법

Microsoft 무선 디스플레이 어댑터를 이용하여 노트북 화면을 큰 TV나 프로젝터로 보고 있다. 사용하는 노트북이 여러 대인데, 최신 노트북일수록, 최신 윈도우일수록 연결에 실패하는 경우가 생기고 있다. 여러 가지 설정을 변경해보아도 연결되는 척 하다가 끊긴다. 며칠 고생하다가 해결을 했는데, 방법은 Microsoft 무선 디스플레이 어댑터의 펌웨어를 업데이트 하는 것. 기존 펌웨어가 최신 하드웨어나 OS를 ...

워드프레스 / 함수 / wp_is_mobile() / 모바일 접속 여부 판단하는 함수

워드프레스 / 함수 / wp_is_mobile() / 모바일 접속 여부 판단하는 함수

wp_is_mobile() wp_is_mobile()은 모바일 기기로 접속하면 true, 모바일 기기가 아니라면 false를 반환하는 함수이다. 모바일인지 아닌지 구분하는 기준은 $_SERVER 이다. wp_is_mobile()은 wp-includes/vars.php에 정의되어 있다. 예제 1 모바일이면 A를 출력한다. <?php if ( wp_is_mobile() ) { echo 'A'; } ?> 예제 2 모바일이 아니면 A를 출력한다. <?php if ( !wp_is_mobile() ) { echo 'A'; ...

파이어폭스 / 계정 만들고 동기화하는 방법

파이어폭스 / 계정 만들고 동기화하는 방법

크롬에 구글 게정으로 로그인하면 즐겨찾기를 포함한 여러 데이터를 동기화할 수 있다. 예를 들어, A 컴퓨터의 크롬에서 즐겨찾기를 추가하면, B 컴퓨터의 크롬에도 반영된다. 컴퓨터를 포맷하고 크롬을 새로 설치해도 로그인하면 데이터를 가져온다. 파이어폭스에도 그런 기능이 있다. 파이어폭스를 자주 사용하지 않아서 미루고 있었는데, 요즘 여러 PC에서 사용할 일이 생겨 동기화 기능을 사용하기로 했다. 계정을 ...