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

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

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

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

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

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

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

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

같은 카테고리의 다른 글
워드프레스 / 플러그인 / 자동 업데이트 활성화 비활성화하는 방법

워드프레스 / 플러그인 / 자동 업데이트 활성화 비활성화하는 방법

워드프레스 플러그인에는 자동 업데이트 기능이 있다. 새 버전이 나오면 업데이트를 하고 관리자에게 메일을 보내준다. 커스터마이징 없이 그대로 사용하고 있다면 큰 문제가 없으나, 무언가 수정을 하거나 덧붙인 게 있다면 제대로 작동하지 않을 수 있다. 따라서 업데이트를 해도 문제가 없는지 테스트를 해보고 진행하는 것이 좋다. 그러기 위해서는 일단 자동 업데이트를 꺼야 한다. 플러그인 목록에 가면 ...

워드프레스 / 메모

워드프레스 / 메모

플러그인 유용한 플러그인 GS Logo Slider Lite / 파트너, 고객사 로고 슬라이더 만드는 플러그인 Enlighter / 코드 하이라이터(Code Highlighter) 플러그인 DW Question & Answer / 질문과 답변 게시판 플러그인 Google Site Kit by Google / 구글 서비스 통계 보여주는 플러그인 Search Exclude / 글 또는 페이지를 검색에서 제외시키는 플러그인 UpdraftPlus / 백업, 복원 플러그인 Advanced Custom Fields / ...

워드프레스 / Ultimate Member / 메모

워드프레스 / Ultimate Member / 메모

필수 입력 필드 별표(*) 표시 얼티밋 멤버 - 설정 - 기타 회원 가입 후, 로그인 후 이동할 페이지 설정 얼티밋 멤버 - 사용자 역할 사용자 정의 유효성 검사 만들기 예를 들어 0000-00-00 형식의 날짜를 입력 받고 싶다면, 테마의 functions.php에 다음 코드를 추가한다. function um_custom_validate_jb_date( $key, $array, $args ) { if ( isset( $args ) && ...

워드프레스 / 플러그인 / Classic Widgets / 블록 위젯을 이전 위젯으로 변경하는 플러그인

워드프레스 / 플러그인 / Classic Widgets / 블록 위젯을 이전 위젯으로 변경하는 플러그인

워드프레스 5.8이 출시되어 업데이트를 했습니다. 업데이트는 짧은 시간에 빠르게 마무리되었습니다. 업데이트를 하고 나면 어떤 변화가 있는지를 보여주는 페이지가 나오는데, 제일 먼저 나오는 것이 블록 위젯입니다. 위젯으로 들어가보니 UI가 확 바뀌었습니다. 기능도 많이 달라졌겠지요? 잠시 만져보았는데, 뭔가 어색하고 불편합니다. 다행히 이전 위젯을 선호하는 사람을 위한 플러그인이 있습니다. 이름은 Classic Widgets입니다. 설치하고 활성화하면 이전 모양으로 돌아옵니다.

워드프레스 / 무료 테마 구할 수 있는 사이트 모음

워드프레스 / 무료 테마 구할 수 있는 사이트 모음

워드프레스 무료 테마는 WordPress.ORG에서 구하는 것이 제일 쉽다. 관리자 페이지에서 설치와 업데이트를 바로 할 수 있기 때문이다. 또다른 방법은 워드프레스 테마를 무료로 배포하는 사이트를 찾는 것이다. 워드프레스는 세계적으로 널리 쓰이는 CMS라, 무료로 테마를 배포하는 사이트도 많다. 무료 테마를 사용할 때 주의할 점은... Free이고, 바로 다운로드 받을 수 있어도, 라이센스를 다시 한번 확인하는 것이 ...

워드프레스 / WP-Members / 회원 가입 필드, 페이지, 권한 관리 플러그인

워드프레스 / WP-Members / 회원 가입 필드, 페이지, 권한 관리 플러그인

설치하기 에서 WP-Members로 검색하여 설치하고 활성화한다. 설정은 에서 한다. 설정에 처음 접속하면 상단에 여러 가지 메시지가 나올 수 있다. 이런 메시지를 보고 싶지 않다면 에 체크하고 저장한다. 회원 가입 필드 설정하기 에 가면 회원 정보와 관련된 필드가 나온다. 사용 여부와 필수 여부, 순서 등을 정할 ...

워드프레스 / 글 / 사용자 정의 필드 입력하고 출력하기

워드프레스 / 글 / 사용자 정의 필드 입력하고 출력하기

사용자 정의 필드 사용자 정의 필드를 이용하여 글에 추가적인 정보를 입력하고 출력할 수 있습니다. 그 정보를 글 본문에 직접 입력할 수도 있지만, DB에 저장하면 출력하는 것 이외에도 여러 가지로 활용 가능하다는 장점이 있습니다. 사용자 정의 필드 입력하기 사용자 정의 필드는 글 쓰는 화면에서 입력합니다. 사용자 정의 필드를 입력하는 폼이 보이지 않는다면, 화면 옵션에서 ...

워드프레스 / 함수 / 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'; ...

워드프레스 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법과 주소

워드프레스 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법과 주소

사이트맵 활성화하기 로 이동한다. 에서... XML sitemaps를 활성화(Enable feature)한다. 사이트맵 주소 Yoast SEO의 사이트맵 주소는 /sitemap_index.xml 이다. 문제가 없다면 웹브라우저로 접속했을 때 아래와 같은 페이지가 나온다. 사이트맵에서 404 에러 나는 경우 사이트맵 페이지에서 404 에러가 나면 고유주소를 확인해본다. 인 경우 404 에러가 나므로, 다른 것으로 변경한다.

워드프레스 / Template_Tags

워드프레스 / Template_Tags

Template Tags는 정보를 불러오는 함수 정도로 이해하면 된다. 예를 들어 bloginfo( 'name' )는 블로그 이름을 가져온다. 정보는 DB에 있는 내용일 수도 있고, 파일일 수도 있다. Template tags are used within your blog's Templates to display information dynamically or otherwise customize your blog, providing the tools to make it as individual and ...