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

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

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

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

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

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

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

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

같은 카테고리의 다른 글
스토리지 / SAN / iSCSI / 특징, 장점

스토리지 / SAN / iSCSI / 특징, 장점

현대 데이터 센터와 기업 환경에서 스토리지 솔루션은 그 어느 때보다 중요해지고 있습니다. 데이터 양은 기하급수적으로 증가하고 있으며, 이에 따른 저장 및 관리의 필요성도 함께 증가하고 있습니다. 이러한 환경에서 iSCSI(Internet Small Computer Systems Interface)는 매우 유용하고 비용 효율적인 스토리지 솔루션으로 자리잡고 있습니다. iSCSI란? iSCSI는 IP 네트워크를 통해 데이터 저장 장치에 액세스하기 위해 사용하는 ...

CPU / 코어(Core)

CPU(Central Processing Unit)에서 "Core(코어)"란 프로세서의 중앙 처리 장치를 구성하는 기본적인 처리 유닛을 의미합니다. 현대의 CPU는 다중 코어로 구성되어 있으며, 각 코어는 독립적으로 작업을 처리할 수 있습니다. 코어의 정의 코어는 CPU 내에서 실제로 명령을 처리하는 개별적인 처리 유닛입니다. 각 코어는 자체적인 연산 장치(ALU), 레지스터, 그리고 명령어 집합을 가지고 있으며, 독립적으로 작업을 수행할 수 ...

Gmail / 수신한 메일을 자동으로 다른 메일로 전달하는 방법

Gmail / 수신한 메일을 자동으로 다른 메일로 전달하는 방법

지메일(Gmail)을 주로 사용하는 경우도 있지만, 어쩔 수 없이 구글에 계정을 만들고 사용하는 경우도 있다. 예를 들어 Google Ads나 AdSense, Analytics 등 구글의 서비스를 이용하려면 구글 계정이 필요하다. 그렇게 만들어진 지메일로 메일이 온 것을 확인하려면 웹브라우저로 로그인하거나 아웃룩 같은 메일 클라이언트에 추가하면 된다. 그 모든 게 다 귀찮다면 그 계정으로 들어오는 메일을 내가 ...

CPU / 소켓(Socket)

CPU 소켓(CPU Socket)은 마더보드에 CPU를 장착할 수 있는 물리적 인터페이스입니다. 이는 CPU와 마더보드 간의 전기적 연결을 제공하며, CPU를 쉽게 교체하거나 업그레이드할 수 있도록 합니다. 다양한 CPU 소켓 유형이 존재하며, 특정 소켓은 특정 CPU 아키텍처 및 모델과 호환됩니다. CPU 소켓의 정의와 기능 정의 CPU 소켓은 CPU를 마더보드에 물리적으로 고정하고 전기적으로 연결하는 소켓입니다. 이는 CPU ...

워드프레스 / 샘플 데이터 만드는 방법

워드프레스 / 샘플 데이터 만드는 방법

워드프레스를 공부하거나, 테마를 만들 때 글, 페이지, 이미지, 댓글 등이 필요하다. 이러한 샘플 데이터를 만드는 방법 중의 하나는 플러그인을 사용하는 것이다. 플러그인 추가 페이지에서 dummy로 검색하면 꽤 많은 결과가 나온다. 하지만, 개인적으로 애용하는 건 Theme Unit Test이다. 다양한 형식의 글과 페이지들을 포함하고 있기 때문이다. 사용하는 방법은... XML 파일 다운로드 Theme Unit Test 사이트에 ...

글꼴 파일 TTF·TTC·OTF·OTC 차이와 선택 방법

글꼴 파일 TTF·TTC·OTF·OTC 차이와 선택 방법

TTF·OTF는 단일 글꼴, TTC·OTC는 여러 글꼴을 담는 컬렉션 파일입니다. 각 확장자의 차이와 글꼴 파일을 선택·설치할 때 확인할 점을 설명합니다.

크롬 / 즐겨찾기 내보내기, 즐겨찾기 가져오기

크롬 / 즐겨찾기 내보내기, 즐겨찾기 가져오기

크롬에는 동기화 기능이 있습니다. 구글 계정으로 로그인하고 동기화 허용 설정을 하면, 클라우드에 즐겨찾기 등이 저장되고, 다른 기기에서 크롬에 로그인하면 그 정보들을 가져옵니다. 유용한 기능이기는 하나, 비밀번호 등 중요한 정보도 같이 동기화되므로 주의해서 사용해야 합니다. 만약 동기화 기능을 사용하지 않고 즐겨찾기를 백업하고 복원해야 한다면, 다음과 같은 방법으로 하면 됩니다. 크롬에서 내보낸 북마크는, 마이크로소프트 ...

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

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

워드프레스에 글을 작성할 때 보통은 비주얼 모드를 사용하지만, 텍스트 모드로 들어가서 코드를 직접 수정하는 경우도 많다. 그런데, 텍스트 모드에서 코드를 보면 흰색 바탕에 검정 글자여서 읽기가 쉽지 않다. 이 문제를 해결해주는 플러그인이 HTML Editor Syntax Highlighter이다. 플러그인을 설치하고 활성화한 후 텍스트 모드로 들어가면 하이라이트된 코드를 볼 수 있다. 설정 아이콘을 클릭하면... 코드를 보거나 편집할 ...

PhotoScape X / 여러 사진, 이미지 크기 일괄 변경하는 방법

PhotoScape X / 여러 사진, 이미지 크기 일괄 변경하는 방법

여러 이미지의 크기를 한 번에 변경하는 방법을 알아봅니다. 이미지 사이즈 일괄 변경 기능을 활용하면 사진 편집 시간을 줄이고 블로그용 이미지를 더 효율적으로 정리할 수 있습니다.

일러스트레이터(Illustrator) 대체 프로그램 7가지

Adobe Illustrator는 벡터 그래픽 디자인 소프트웨어의 표준이지만, 고가의 가격 때문에 대체 프로그램을 찾는 사람들이 많다. 아래는 다양한 기능을 제공하면서 저렴하거나 무료로 사용할 수 있는 Illustrator 대체 프로그램이다. 1. Inkscape 특징 : 무료 오픈 소스 벡터 그래픽 에디터로, Illustrator와 유사한 기능을 제공한다. SVG 파일 포맷을 기본으로 사용하며, 다양한 파일 포맷을 지원한다. 장점 : 무료, ...