워드프레스 강좌 | 글에 코드 입력하는 방법

워드프레스에서 글을 쓸 때 다른 곳에 있는 글을 복사해서 붙여넣기를 하면 의도하지 않은 결과가 나올 수 있습니다. 그 중 하나가 코드입니다. 코드를 짠 텍스트 에디터에서 코드를 복사하여 붙여넣으면 줄 앞에 있는 공백이 다 사라집니다. 예를 들어

<!doctype html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<title>HTML</title>
	</head>
	<body>
		<h1>Lorem Ipsum Dolor</h1>
	</body>
</html>

를 붙여넣으면 다음과 같이 됩니다.

이를 해결하는 방법은 pre 태그를 이용하는 것입니다. 단락을 Preformatted로 변경하면 회색 음영이 생기고...

그 음영에 코드를 붙여넣으면 공백이 사라지지 않습니다.

Created on 2018-11-18 00:20 | Updated on 2018-11-18 00:20

Book