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

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

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

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

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

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

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

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

같은 카테고리의 다른 글
삼성 SSD / 삼성 매지션으로 펌웨어 업그레이드하는 방법

삼성 SSD / 삼성 매지션으로 펌웨어 업그레이드하는 방법

삼성 SSD 850을 사용하고 있습니다. 구입한지는 꽤 되었습니다. 구입 당시 사용하던 메인보드가 AHCI를 지원하지 않아서 성능에서 손해를 좀 보고 있었죠. 이번에 메인보드를 교체하면서 제대로 SSD를 사용해보자라고 마음 먹었습니다. 제일 먼저 한 것은 삼성 매지션 설치입니다. 삼성 매지션은 삼성 SSD 관리를 위한 소프트웨어로, 벤치마크, 최적화, 데이터 완전 삭제 등을 할 수 있습니다. 다운로드는 여기에서 ...

리눅스 / 명령어 / passwd / 사용자 암호 설정 명령어

사용자의 비밀번호 설정은 passwd 명령어로 한다. 비밀번호 만들기, 변경하기 사용자 jb의 비밀번호를 만들거나 변경한다. passwd jb 사용자을 적지 않으면 현재 로그인한 사용자의 비밀번호를 만들거나 변경한다. 비밀번호 삭제하기 사용자 jb의 비밀번호를 삭제한다. 사용자는 비밀번호 입력 없이 로그인 가능하다. passwd -d jb 비밀번호 잠그기, 잠금 풀기 사용자 jb를 잠근다. 즉, 사용자는 로그인하지 못한다. passwd -l jb 사용자 jb의 잠금을 푼다. passwd -u jb 비밀번호 만료시키기 사용자 ...

안드로이드 / 앱 / 카카오뱅크 / 사용법

안드로이드 / 앱 / 카카오뱅크 / 사용법

설정 지문으로 이체, 로그인 가능하게 등록, 설정하는 방법 계좌 미성년자 카카오뱅크 계좌 개설 카카오뱅크는 비대면으로 계좌를 개설한다. 그렇기에 신분증은 필수인데, 만 17세 미만은 신분증이 없다. 따라서 계좌 개설이 불가능하다. 즉, 만 17세 이상 미성년자는 핸드폰과 신분증이 있다면 계좌 개설이 가능하다. 계좌를 개설해도 만 18세 미만이라면 후불교통카드를 사용할 수 없다. 계좌(통장) 이름 변경하는 방법, 색상 변경하는 방법 국내 ...

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

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

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

Ubuntu 20.04 Desktop / 설치하기

Ubuntu 20.04 Desktop / 설치하기

다음은 Ubuntu 20.04 Desktop을 설치하는 과정입니다. Windows를 설치하는 것만큼 쉽고, 시간도 오래 걸리지 않습니다. Ubuntu Desktop을 다운로드하고 설치용 CD 또는 USB를 만듭니다. Rufus를 사용하면 편합니다. 컴퓨터에 설치용 미디어를 장착하고 부팅합니다. 잠시 기다리면... GUI로 설치를 시작합니다. 언어를 한국어로 정하고 를 클릭합니다. 키보드 레이아웃을 정하고 를 클릭합니다. 일반 설치와 최소 설치 중 하나를 선택합니다. 최소 설치를 하고 나중에 ...

미디어위키 / 메모

MediaWiki ShortURL Builder https://shorturls.redwerks.org/ Extension AutoSitemap https://www.mediawiki.org/wiki/Extension:AutoSitemap 사이트맵 만들어주는 확장기능 사이트맵 주소는 /sitemap.xml 확장기능 설치 후 글을 새로 작성하거나 기존 글을 수정해야 사이트맵이 생성된다. SimpleMathJax https://www.mediawiki.org/wiki/Extension:SimpleMathJax LaTeX 문법으로 수식 입력하게 해주는 확장기능 CSS 편집 모든 스킨에 적용되는 CSS 미디어위키:Common.css Vector 스킨에 적용되는 CSS 미디어위키:Vector.css MobileFrontend, Minerva Neue 설치하고 설정하기 미디어위키 공식 홈페이지를 PC로 접속하면 Vector 스킨으로, 모바일로 접속하면 Minerva Neue 스킨으로 보여준다. 그렇게 구현하기 위해서는 MobileFrontend 확장 ...

기가바이트 메인보드 / 바이오스 업데이트 하는 방법

기가바이트 메인보드 / 바이오스 업데이트 하는 방법

기가바이트 메인보드 지원 페이지에서 갖고 있는 메인보드를 검색하여 다운로드 페이지로 이동한다. 원하는 버전의 BIOS를 다운로드한다. 다운로드한 파일의 압축을 풀면, 설치 파일과 함께 매뉴얼이 있는데... 따라하기 쉬워 보이지 않는다. 위 매뉴얼대로 하기 힘들다면 APP Center를 설치하고... APP Center에서 @BIOS를 설치하고, 실행한다. 서버에 있는 것은 최신이 아닐 수 있으므로, 을 클릭하고... 다운로드한 파일을 선택하고 진행한다. 잠시 기다리면 재부팅을 ...

KT 공유기 / GiGA WiFi Wave 2 / 초기화하는 방법

KT 공유기 / GiGA WiFi Wave 2 / 초기화하는 방법

KT 공유기를 사용하고 있습니다. 겉면에 GiGA WiFi Wave 2라고 써있네요. 장기고객 혜택이었는지 결합할인 때문이었는지는 기억이 나지 않지만, 공짜로 사용하고 있습니다. 오랫동안 사용해서인지 작동하는 게 좀 이상해져서 초기화를 했습니다. 방법은 간단한데, 모든 설정이 사라지므로 중요한 설정은 메모해두는 것이 좋습니다. KT 공유기 옆면에 초기화 버튼이 있습니다. 펜 같은 걸로 꾸욱 누르고 잠시 기다랍니다. 전면에 LED가 ...

픽픽 / 워터마크 넣는 방법

픽픽 / 워터마크 넣는 방법

픽픽은 캡처 프로그램이지만 간단한 이미지 편집을 할 수도 있고 동영상 녹화도 가능합니다. 그리고 기타 유용한 기능들을 포함하고 있는데, 그 중 하나가 워터마크를 넣는 기능입니다.(여러 이미지에 워터마크를 넣고 싶다면 PhotoScape X를 이용하는 게 편합니다.) 워터마크를 넣고 싶은 이미지를 엽니다. 를 클릭합니다. 이미지 또는 텍스트를 선택하고 위치를 정합니다. 에 체크하면, ...

Brackets / HTML, CSS 실시간 미리보기 사용하는 방법

Brackets / HTML, CSS 실시간 미리보기 사용하는 방법

Brackets의 장점 중의 하나는 실시간 미리보기입니다. HTML, CSS 등을 만들 때 유용합니다. 만약 실시간 미리보기가 안되는 상황이라면, 문서를 편집하고 저장하고 웹브라우저에서 새로 고침을 해야 하는데, Brackets의 실시간 미리보기를 이용하면 입력 또는 저장만 해도 바로 웹브라우저에 반영됩니다. 실시간 미리보기를 하려면 오른쪽에 있는 번개(?) 모양 아이콘을 클릭합니다. 실시간 미리보기를 처음 실행하는 거라면 다음과 같은 메시지가 ...