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

연재고품격 고품질 워드프레스 무료 사진 저장소완결2

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

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

그림의 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>';
//라이센스 ?>

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

현재 과정까지의 싱글 이미지 포스트 페이지

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

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

워드프레스 8 - 무료 이미지 저장소

예제 목차

0. 고품격 고품질 워드프레스 무료 사진 저장소

1. 예제 구성 환경과 파일

2. XAMPP, 워드프레스, 테마, 플러그인 설치와 설정

3. 테마 Pics Press

4. page 포스트 타입과 페이지 템플릿, 메뉴 구성

5. 워드프레스 핵심 용어 짚기

6. 워드프레스 포스트 타입 attachment

7. 워드프레스 이미지 사이즈

8. 워드프레스 이미지 사이즈 추가 및 변경

9. 워드프레스 이미지 파일 제어

10. 타입 attachment 템플릿과 image.php

11. 워드프레스 이미지 메타 데이터

12. GPS 데이터를 워드프레스 메타 데이터로 저장

13. 이미지 메타 데이터를 포스트 메타 데이터에 추가

14. Attachment 타입을 위한 워드프레스 커스텀 분류 등록

15. 이미지 메타 데이터를 워드프레스 분류와 필드 데이터에 저장

16. 이미지를 편집할 때 포스트 데이터와 메타 데이터 업데이트

17. 워드프레스 미디어 파일 업로드

18. 워드프레스 싱글 이미지 포스트 페이지

19. 워드프레스 아바타와 Author Archives

20. 워드프레스 이미지 사이즈별 데이터 출력

21. 워드프레스 폼 요소로 원하는 이미지 사이즈 다운로드

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

23. 워드프레스 사진의 EXIF 데이터 출력

24. 구글 지도에 표시하는 사진 촬영 위치

25. 워드프레스 attachment 포스트 타입의 아카이브

26. 워드프레스 함수로 자바스크립트 변수 데이터 생성

27. 워드프레스 커스텀 검색 – 쿼리 변수

28. 워드프레스 커스텀 검색 – 검색 폼과 쿼리 데이터

29. 워드프레스 커스텀 포스트 타입 ‘pic_album’

30. 커스텀 포스트 타입의 싱글 페이지

31. 워드프레스 WP_Query

32. 커스텀 쿼리, 페이지 템플릿, 포스트 아카이브

33. 분류 기준의 관련 포스트 커스텀 쿼리

34. wpdb 클래스로 구글 지도에 마커와 섬네일 표시

35. 워드프레스 분류 데이터 쿼리 클래스, WP_Term_Query

36. 워드프레스 템플릿 태그

37. 워드프레스 옵션 페이지, 옵션 필드

38. 워드프레스 사이트 프런트 페이지

39. 사이트 메뉴 및 포스트 페이지 링크

40. 워드프레스 Transient API

41. 워드프레스 분류의 term 데이터를 캐시 데이터로 생성

42. 워드프레스 역할 그룹과 권한으로 구성 요소 제어

43. 간단한 워드프레스 코멘트 폼 수정

44. 워드프레스 대시보드 위젯 추가

45. 워드프레스 REST API 간략 이해

46. 워드프레스 REST API 응답에 커스텀 필드 추가

47. 워드프레스 REST API 커스텀 라우트 및 엔드포인트

48. 워드프레스 REST API 커스텀 엔드포인트로 구글 클러스터 지도 마커와 인포 윈도 표시

49. 워드프레스 REST API, Underscore.js 자바스크립트 템플릿, 포스트 Ajax Load More

50. 워드프레스 REST API, Underscore.js 자바스크립트 템플릿, 코멘트 Ajax Load More

51. 워드프레스 REST API 인증과 제한 및 제어

이메일로 소식 받기

이메일로 새로운 포스트를 받으려면 아래에 이메일 주소를 입력하고, 구독합니다! 버튼을 클릭하세요. 그리고 입력한 이메일 계정에 접속하여 구독 확인 메일 내용을 확인하세요.