CSS 클래스 추가 블록 옵션으로 구텐베르크 에디터에서 Prism Syntax Highlighter 플러그인 사용하기

CSS 클래스 추가 블록 옵션으로 구텐베르크 에디터에서 Prism Syntax Highlighter 플러그인 사용

워드프레스 5.0 버전에서 구텐베르크 에디터가 기본 에디터로 설정되면서 사용하던 플러그인을 클래식 에디터(TinyMce Editor)에서 사용할 수 없는 때가 있습니다. 여러 플러그인이 해당할 수 있으나 ‘코드하이라이터’ 적용을 돕는 Prism For WP(Prism Syntax Highlighter) 플러그인도 그중 하나입니다. 다음 그림은 클래식 에디터의 Prism Syntax … 더보기 “CSS 클래스 추가 블록 옵션으로 구텐베르크 에디터에서 Prism Syntax Highlighter 플러그인 사용”

제트팩 Mapbox 지도 블록

멀티마커 가능한 워드프레스 제트팩 Mapbox 지도 블록으로 구글지도 대체

구글 정책의 잦은 변화로 구글지도 사용하기가 번거로워진 것이 사실입니다. 키를 발급받고 지도에 마커를 출력하기 위해서 카드정보를 넣어야 하는 과정이 필수가 되버린 게 사용을 꺼리는 주 원인이 된것으로 생각합니다. 그런데, 프로그래밍적으로 멀티마커나 인포윈도 등이 아닌 지도 활용의 목적이 단순하다면, 예로 일반 … 더보기 “멀티마커 가능한 워드프레스 제트팩 Mapbox 지도 블록으로 구글지도 대체”

개인정보취급정책 페이지 자동 링크 워드프레스 함수

워드프레스 4.9.6 버전부터 코어에서 개인정보취급정책 정보를 제공할 수 있도록 제공하는데, 개인정보취급정책 페이지 포스트 링크를 출력할 수 있는 함수도 함께 제공합니다. 다음은 사이트 아래에 자동으로 개인정보취급정책 페이지가 노출된 그림입니다. 그림의 요소는 테마에서 미리 정의한 코드에 의해 출력되는데, twentynineteen 테마를 예로 들면 … 더보기 “개인정보취급정책 페이지 자동 링크 워드프레스 함수”

워드프레스 제트팩(Jetpack) 포스트 공유의 이메일 서비스 구글 리캡챠(reCAPTCHA) 사용

워드프레스 제트팩(Jetpack) 포스트 공유 모듈은 소셜네트워크서비스( Social Network Service) 포함 이메일로 공유할 수 있습니다. 이때 이메일 공유는 기본으로 리캡챠(reCAPTCHA) 적용이 되지 않은 상태입니다. 제트팩에서는 간단하게 구글 reCAPTHCA 적용을 지원하고 있습니다. 관련 스크립트를 추가하는 번거로움 없이 두 줄의 코드로 가능합니다. 그 … 더보기 “워드프레스 제트팩(Jetpack) 포스트 공유의 이메일 서비스 구글 리캡챠(reCAPTCHA) 사용”

워드프레스 twenty nineteen 테마

워드프레스 twenty nineteen 테마와 구텐베르크 에디터

워드프레스 5.0 버전은 2018년 11월 19일에 출시 예정이며, 구텐베르크 편집기가 기본으로 포함되며, 이때 twenty nineteen 코어 테마도 함께 포함될 예정입니다. 물론 전부 예정이므로 나올 때까지는 시기와 실제 모양을 확정할 수는 없습니다. 하지만, 워드프레스 5 버전에 맞춰 twenty nineteen 테마 준비가 … 더보기 “워드프레스 twenty nineteen 테마와 구텐베르크 에디터”

회원가입할 때 사용자 아이디와 이메일 제한

워드프레스 사이트에 가입할 때 사용자 아이디와 이메일 도메인 제한

워드프레스 회원제 사이트를 운용할 때 가입자의 ‘사용자 아이디’와 ‘이메일’에 관하여 최소한의 제어가 필요한데, 기본으로 특정 문자 아이디와 일부 기호, 이메일 규칙 정도의 검증을 제외하면 까다롭지 않습니다. 사용자 아이디 워드프레스는 방문자가 사이트에 가입할 때 사용자 아이디 규칙을 느슨하게 제어합니다. 예를 들어, … 더보기 “워드프레스 사이트에 가입할 때 사용자 아이디와 이메일 도메인 제한”

워드프레스 포스트 저장 후 바로 보기

워드프레스 포스트 저장 후 특정 페이지로 이동

워드프레스 포스트 작성할 때 ‘검토(pending)’, ‘임시(draft)’, ‘공개(publish)’, ‘비공개(private)’ 등의 포스트 상태(post_status)를 선택하여 저장할 수 있습니다. 워드프레스 포스트 상태에 관한 정보는 다음을 참고할 수 있습니다. Default Statuses 워드프레스의 기본은 포스트 저장 후 편집 화면을 다시 보여줍니다. 회원제 사이트에서 특정 그룹(Role)이나 회원의 … 더보기 “워드프레스 포스트 저장 후 특정 페이지로 이동”

고정 헤더일 때 워드프레스 어드민바 높이 대응

고정 헤더일 때 모바일과 데스크톱에서 워드프레스 어드민바가 헤더 영역을 가리지 않게 조절

사이트 헤더영역 등을 고정(fixed)으로 사용하는 때가 있습니다. 워드프레스를 사용한다면 로그인 후 기본으로 어드민바가 출력되는데, 사용하는 테마가 세세한 상황까지 생각하지 않았을 때 고정 헤더를 사용하면 어드민바가 헤더 영역을 일부 덮게 됩니다. 데스크톱, 모바일 화면 크기 모두 마찬가지로 다음 그림을 보면 어떤 상황인지 … 더보기 “고정 헤더일 때 모바일과 데스크톱에서 워드프레스 어드민바가 헤더 영역을 가리지 않게 조절”

회원가입환영 및 암호초기화 이메일 변경

암호변경링크 수정과 함께 워드프레스 회원가입환영 및 암호초기화 이메일 변경

워드프레스 사이트에 회원가입 후 환영이메일로 제공하는 ‘암호변경링크’가 메일 서비스마다 달라 링크 오류나 하이퍼링크의 편리를 누리지 못하는 때를 다음 포스트에서 살폈습니다. 암호 초기화 링크가 올바르지 않은 것 같습니다 아래에서 새 링크를 요청해주세요 포스트에서는, 이메일로 제공하는 암호변경링크에 <, > 기호가 있을 때 … 더보기 “암호변경링크 수정과 함께 워드프레스 회원가입환영 및 암호초기화 이메일 변경”