워드프레스 모던한 코드블럭 간단하게 추가하기!

워드프레스 모던한 코드블럭 간단하게 추가하기!

워드프레스에서 글을 작성할때, 워드프레스 기본 편집기에 코드블럭을 추가하는 기능이 포함되어 있다. 하지만, 기본 코드블럭은 생각보다 엄청 별로여서 사용하고 싶지가 않다.

더 아름다운 코드블럭을 지원하는 플러그인을 소개하고자 한다.

그 이름은 바로.. “Code Block Pro”라는 플러그인이다.

이 플러그인을 설치하면, 아주 아름다운 코드블럭을 내 글에 삽입할 수 있다.

바로 아래와 같은 코드블럭이다!

코드블럭 예시

import numpy as np
import pandas as pd
import torch

print('안녕하세요 저는 soypablo입니다!')

## 저는 지금 "Code Block Pro"를 사용해 코드블럭에 코드를 작성중입니다!

이 플러그인은 VS Code engine을 사용해, vscode와 동일한 Code highlighting기능을 제공한다.

설정도 아주 간단한데, 플러그인을 다운로드 받고 활성화 하기만 하면 된다.

아래에서 다운로드 할 수 있다.

사용법

사용법도 아주 간단하다. 워드프레스 글 편집기에 들어가서, ‘/’를 누른뒤, ‘code pro’를 입력하면 관련 코드블럭이 나타날 것이다! 클릭한다.

그럼 코드블럭이 나타날 것이다.

그 다음 오른쪽에 블록 세팅에서, 관련 세팅을 해주면 된다.

관련 세팅은 Language, Theme, header, footer등이 있는데, 각자 입맛에 맞게 설정해주면 된다.(나는 개인적으로 MATERIAL DARKER나 DRACULA를 선호한다.)

그리고 폰트는 XL나 L사이즈, ‘FIRA CODE’폰트를 추천한다!

플러그인이 마음에 든다면 아래의 웃는 얼굴 눌러주세요!

3

soypablo

안녕하세요! SOYPABLO입니다!

답글 남기기