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

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

<!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

워드프레스 프리미엄 테마 사이트

  • Elegant Themes
    80여 개의 테마를 한꺼번에 $89에 판매하는 경제적인 테마 사이트 / 1년 업데이트 / 무제한 사이트
  • ThemeForest
    10000여 개의 테마가 거래되는 세계 최대 워드프레스 테마 오픈 마켓 / 계속 업데이트 / 1개 애플리케이션

Book

워드프레스 인기 테마