게으른 개발자의 끄적거림

워드프레스 글에 코드 삽입하는 방법

끄적잉 2024. 1. 16. 22:15
반응형

워드프레스에서 코드를 삽입하는 방법은 다양하지만, 일반적으로는 다음과 같은 두 가지 방법을 사용합니다: '코드 블록'과 '인라인 코드'입니다.

 

 


 1. 코드 블록 (Code Block):

코드 블록을 사용하면 여러 줄의 코드를 보기 좋게 표시할 수 있습니다. 아래는 코드 블록을 사용하는 방법입니다.

 a. Gutenberg 에디터 (블록 에디터)를 사용하는 경우:

1. **새로운 글을 작성하거나 편집할 때**, "코드" 블록을 추가합니다.
   - 에디터의 위쪽에 있는 '+' 아이콘을 클릭하고 "코드" 블록을 선택합니다.

2. 코드 블록에 코드를 붙여넣습니다.
   - 코드 블록 안에 코드를 붙여넣을 수 있습니다.

 b. 클래식 에디터를 사용하는 경우:

1. **새로운 글을 작성하거나 편집할 때**, "코드" 버튼을 클릭합니다.
   - 에디터 상단에 있는 도구 모음에서 "코드" 버튼을 찾을 수 있습니다.

2. 코드 블록에 코드를 넣습니다.
   - 코드를 넣은 후 "업데이트" 버튼을 클릭하여 변경 사항을 저장합니다.

반응형

 

2. 인라인 코드 (Inline Code):

인라인 코드는 글 중간에 짧은 코드 조각을 삽입할 때 사용됩니다.

1. 코드를 삽입하고자 하는 위치에서 백틱(`)을 사용하여 코드를 감쌉니다.
   - 예: \`이 부분이 코드\`

이제 코드 블록이나 인라인 코드를 추가하는 방법을 사용하여 WordPress 글에 코드를 삽입할 수 있을 것입니다. 코드 블록은 여러 줄의 코드를 삽입하는 데 유용하며, 인라인 코드는 한 줄 이하의 짧은 코드를 삽입하는 데 사용됩니다.

반응형