워드프레스 텍스트 단락 및 줄 바꿈, wpautop

다음 그림은 완성 예제의 싱글 이미지 포스트 페이지의 텍스트로 이번 장에서 구성하는 최종 목표입니다.

그림의 html 소스는 다음과 같습니다.

<p>CC0 Public Domain<br>
상업적 용도로 사용 가능<br>
출처 안 밝혀도 됨</p>

wpautop

앞의 그림과 소스는 다음의 코드로 가능합니다.

$license_text = '
CC0 Public Domain
상업적 용도로 사용 가능
출처 안 밝혀도 됨';

echo wpautop( $license_text );

연습장 파일에 존재하는 기존 코드를 지우고, 위의 코드를 추가하고 저장하여 연습장 페이지를 새로 고치면 결과를 확인할 수 있습니다. Html 소스도 확인해보세요.

만약, 위의 코드 6번 줄을 다음처럼 변경하고 저장한 후 연습장 페이지를 확인하면 줄 바꿈이 되지 않고 한 줄로 출력됩니다. Html 소스를 확인하면 br 태그가 나오지 않을 것입니다.

// false, 한 줄로 출력
echo wpautop( $license_text, false );

또, 다음처럼 변경하면 단락으로 구분하여 출력됩니다. 각 줄에 p 태그가 추가되어 단락으로 구분됩니다.

$license_text = '
CC0 Public Domain

상업적 용도로 사용 가능

출처 안 밝혀도 됨';

echo wpautop( $license_text );

예제에 추가할 최종 코드는 다음으로, pic-single-side.php 파일 아래에 이어서 추가하고 저장합니다.

<?php
$license_text = '
CC0 Public Domain
상업적 용도로 사용 가능
출처 안 밝혀도 됨';

echo '<div class="license_side">' . wpautop( $license_text ) . '</div>';
//라이센스 ?>

‘달나라 여행’ 포스트의 싱글 페이지를 확인하여 다음 그림처럼 출력된다면 현재 과정까지 올바른 결과입니다.

이번 장에서 변경한 다음 링크의 파일을 받고 압축을 풀어 테마 루트에 덮어쓰세요.

다음 장에서는 사진 촬영 정보와 관련한 데이터를 출력합니다.