워드프레스 서식 만들기

워드프레스 서식 만들기 썸네일

워드프레스 글을 쓰기 전 가끔 막막할 때가 있습니다. 이때 만약 본인의 글 스타일 형식의 서식을 불러와서 채워 넣기만 한다면 훨씬 속도가 빠를 것입니다. 워드프레스 서식 만들기 방법을 소개합니다.

1. 워드프레스 서식 만들기

재사용 가능한 블록 관리 들어가서 서식을 만들어 추가하는 방법이 있습니다. 수동광고나 멀티플렉스 광고 코드를 블록으로 만들어 사용하기엔 좋았습니다. 본인 글 중간 중간에 광고를 수동으로 달고 싶으시다면 이용하세요.

그러나 글 전체를 재사용 가능한 블록으로 서식화하면 큰 문제가 생깁니다. 바로 글 전체를 하나의 블록안에서 쓰게 된다는 점이죠. 각 문단과 이미지, 광고들 모두 각각의 블록으로 지정되있어야 정상입니다. 그러나 재사용 가능한 블록 관리에 서식을 만들면 하나의 블록이 돼서 광고도 뜨지않고 글 배열도 이상해집니다.

2. 슬래시(/)키 사용하기

서식화를 하는 궁극적인 이유는 평소 자주 쓰는 글 형식을 빠르게 불러올 수 있도록 만드는 겁니다. 그래서 저는 아주 근본적으로 서식화 하기로 했습니다. 글을 작성할 때 아무 메모장에 슬래시 키를 사용해서 목록을 만드는 것입니다.

/이미지
메타
/애드센스 (애드센스 광고 지정 블록)
/여백
/제목
본문
/여백
/제목
본문
/여백
함께보면 좋은 글
/사전 서식화
/사전 서식화
/멀티플렉스 (멀티플렉스 광고 지정 블록)

이렇게 쓴글을 글을 쓰자 마자 바로 붙여넣기 하고 하나씩 클릭하여 지정해 줍니다. 물론 붙여넣기만 하면 바로 쓸 수 있게 나오면 좋지만 하나씩 클릭해서 바꿔 주어야 합니다.

3. 코드 편집기 복사 붙여넣기

만약 붙여넣자마자 나오길 바라면 오른쪽 상단 점 3개를 눌러 코드 편집기로 들어가서 본인이 쓰는 형식의 글을 코드로 복사하여 붙여넣으면 바로 모든 항목을 사용가능 하게 됩니다.

자세한 방법은 이렇습니다. 일단 본인이 평소에 쓰는 글 형태를 다 작성하시고 코드 편집기에서 코드를 복사해서 아무 메모장에 붙여 넣습니다. 그리고 글을 쓸 때 코드 편집기에 들어가서 복붙하시고 다시 비주얼 편집기로 넘어오시면 본인이 만들어 놓은 글쓰기 형식이 나옵니다.

제가 쓰는 글쓰기 서식을 코드 편집기에서 복사한 것입니다.

<!-- wp:image -->
<figure class="wp-block-image"><img alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>메타</p>
<!-- /wp:paragraph -->

<!-- wp:block {"ref":192} /-->

<!-- wp:heading -->
<h2>1.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>본문</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2>2.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>본문</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2>3.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>본문</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2>참고하면 좋은 글들</h2>
<!-- /wp:heading -->

<!-- wp:preformatted -->
<pre class="wp-block-preformatted">📌</pre>
<!-- /wp:preformatted -->

<!-- wp:preformatted -->
<pre class="wp-block-preformatted">📌</pre>
<!-- /wp:preformatted -->

<!-- wp:block {"ref":194} /-->

참고하면 좋은 글들

📌이미지 사이즈 최적화 워드프레스 플러그인 추천
📌워드프레스 로고 만들기

Leave a Comment