요즘 워드프레스를 사용하는 분들이 많아졌지만, 아직 많은 분들이 다양한 편의 기능에 대해 잘 모르는 것 같습니다. 그중 하나가 바로 ‘패턴’이나 ‘서식’으로 불리는 재사용 가능한 블록입니다. 이 글에서는 워드프레스에서 패턴 서식을 만들어 사용하는 방법에 대해 자세히 알아보겠습니다.
워드프레스에서 패턴 서식 만들고 사용하기, 수동광고 패턴 만들기
1. 워드프레스 패턴 서식을 사용하는 이유
워드프레스에서 글을 작성할 때 자주 사용하는 형식이나 문구, 그림이 있을 경우 이것을 등록을 해두고, 필요할 때마다 사용하는 것을 패턴이라고 합니다. (티스토리에서는 서식이라고 합니다)
패턴의 형식은 동기화 패턴과 비동기화 패턴 2가지가 있으며, 아래와 같은 특징과 차이가 있습니다.
| 구분 | 동기화 패턴 | 비동기화 패턴 |
| 특징 | 동기화된 패턴을 수정하면 해당 패턴이 포함된 모든 글에 수정된 패턴이 적용됨 | 패턴을 수정해도 해당 패턴을 사용한 글에만 적용됨 |
| 장점 | 패턴을 수정하면 수정 사항이 일괄 적용되므로 개별적인 수정이 필요 없으며, 관리가 단순해 짐 | 상황에 따라 등록된 패턴을 개별적으로 수정하고 적용할 수 있어 유연성이 있음 |
| 단점 | 동기화된 패턴은 개별적으로 수정사항을 적용할 수 없음 | 패턴의 수정사항을 개별적으로 적용해야 하므로 관리가 복잡해질 수 있음 |
2. 워드프레스 패턴 만들기
워드프레스에서 패턴을 만들기 위해서는 ‘새 글 추가’를 클릭하여 글쓰기 화면으로 들어간 후, 다음의 순서로 패턴을 생성합니다.
저는 동기화된 광고 코드를 삽입하는 패턴을 만들어 사용해 보겠습니다. 광고 코드를 동기화된 패턴으로 만드는 이유는, 글마다 광고를 다르게 적용하는 것보다 동일하게 적용하는 경우가 대부분이기 때문입니다.
① 아래와 같이 반복해서 사용할 문장이나 이미지등을 삽입합니다. 저는 사용자정의 HTML 를 활용하여 광고 코드를 삽입했습니다.
② 패턴으로 만들 광고 코드와 글을 작성한 후에는, 아래의 같이 패턴으로 생성할 수 있도록 마우스로 모두 선택한 후, 세로 3개점 → 패턴 생성을 순서대로 클릭합니다. (위에서 작성한 상단 광고 코드를 삽입하는 패턴 예제부터 광고 코드 아래에 있는 입력/블록 선택까지 마우스로 선택하면 하늘색으로 표시됩니다.)
③ 패턴 생성 창에서 패턴 이름을 입력하고, 동기화된 패턴은 ‘Synced’를 ‘on’으로 하고, 비동기화된 패턴은 ‘Synced’를 ‘off’로 설정한 후 ‘생성’ 버튼을 클릭합니다.
④ 아래와 같이 ‘상단광고 삽입’ 패턴이 만들어졌습니다.
3. 워드프레스 패턴 사용하기
위에서 만든 ‘상단 광고 삽입’ 패턴을 사용하기 위해 ‘새 글 추가’를 해 보겠습니다.
‘새 글 추가’를 클릭하여 글쓰기 화면으로 들어간 후, 패턴을 삽입할 위치로 이동합니다. 그 다음, 아래 화면과 같이 + 기호를 클릭합니다.
아래와 같이 ‘패턴’ → ‘내 패턴’을 클릭한 후, 삽입할 패턴을 확인하고 클릭합니다.
삽입할 패턴을 선택하면, 아래와 같이 원하는 위치에 패턴이 삽입됩니다. 이 패턴은 동기화된 패턴이므로, 내용을 수정하면 이 패턴을 사용한 다른 글에도 동일하게 반영되어, 일일이 찾아서 수정할 필요가 없습니다.
4. 워드프레스 패턴 수정 및 삭제하기
지금까지 패턴을 만들고 사용하는 방법을 알아보았습니다. 다음으로, 패턴을 수정하고 필요 없는 패턴을 삭제하는 방법을 알아보겠습니다.
글쓰기 화면의 오른쪽 상단에 있는 세로 3개 점 → ‘패턴 관리’를 순서대로 클릭합니다.
패턴 관리 화면으로 들어가면, 아래와 같이 지금까지 만든 패턴을 확인할 수 있으며, 패턴을 수정하거나 삭제하려면 해당 패턴에 마우스를 가져가서 편집이나 휴지통 아이콘을 클릭하면 됩니다.
오늘은 워드프레스로 블로그를 하시는 분들이라면 꼭 알아야 하는 패턴 생성 및 활용 방법에 대해 알아보았습니다. 블로그 글 작성 시 반복되는 문장이나 서식을 패턴으로 만들어 두면 작업 효율을 크게 향상시킬 수 있습니다. 어렵지 않게 패턴을 만들고 사용할 수 있기 때문에, 이 글을 참고하여 반복 작업을 줄이시기 바랍니다.