뉴스페이퍼 테마 업데이트 후 포스트 레이아웃 오류가 발생하는 경우

어제 워드프레스 뉴스페이퍼(Newspaper) 테마가 업데이트되어 저녁에 새로운 버전으로 업데이트했습니다. 하지만 업데이트 후에 tagDiv Composer 등을 업데이트하고 활성화하니 개별 포스트의 레이아웃이 이상하게 표시되었습니다. 뉴스페이퍼의 테마 옵션에서 설정한 옵션이 전혀 적용되지 않고 사이드바 없이 전체 폭으로 글이 표시되는 문제가 나타났습니다.

뉴스페이퍼 테마에서 기본 포스트 템플릿이 Default로 지정된 경우에 이런 문제가 나타나는 것 같습니다. 이 문제가 나타나면 Newspaper > Theme panel > Layout Settings > Post Settings에서 Default site post template(기본 사이트 포스트 템플릿)을 Default 이외의 다른 템플릿을 설정하면 문제가 해결될 것입니다.

tagDiv Cloud Library를 활성화하면 미리 만들어진 다양한 포스트 템플릿을 로드하여 원하는 대로 수정한 후에 기본 포스트 템플릿으로 설정할 수 있습니다.

저는 현재 기본적으로 제공되는 템플릿 중에서 Style 1을 선택했습니다. Default 템플릿과 비교하여 특성 이미지 크기만 제외하고는 거의 동일한 것 같습니다.

Style 1을 선택하니 기존에 '고전 편집기'에서 작성한 글에 삽입된 이미지에 캡션이 추가된 경우 이미지가 가운데로 정렬되지 않는 문제가 발생했습니다. 이런 문제가 나타나는 경우 다음 CSS 코드를 차일드 테마 내의 스타일시트 파일(style.css)에 추가하면 문제가 해결될 것입니다.

.single .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

그리고 Style 1을 선택하니 Article top ad(글 상단에 표시되는 광고)가 작동하지 않는 문제가 발생하네요. Article top ad를 비활성화하고 Header ad(헤더 광고)로 바꾸어보았습니다.

참고로 개별 글에 '발행일' 대신 '업데이트 날짜'를 표시하려면 wp-content/plugins/td-composer/legacy/Newspaper/parts/single 폴더 내의 해당 템플릿 파일(예: loop-single-1.php)에서 다음 라인을 찾아서 바꾸어주면 됩니다.

<?php echo $td_mod_single->get_date(false);?>

이 라인을 다음 내용으로 대체합니다.

 <span class="td-post-date">                       Last Updated: <time class="entry-date updated td-module-date" datetime="<?php echo esc_html(date(DATE_W3C, get_the_modified_time('U'))) ?>" ><?php the_modified_date(get_option('date_format')) ?></time>                    </span>

tagDiv Cloud Library를 사용하는 경우 쉽게 '수정된 날짜'를 표시할 수 있습니다. 템플릿 편집 화면에서 Add element를 클릭하고 "modified"로 검색하여 "Single Post Modified Date" 요소를 추가하면 글 수정 날짜가 표시됩니다.

뉴스페이퍼 테마가 블로그/매거진 테마로서는 만족스럽지만 업데이트가 될 때마다 조금씩 대응이 필요한 부분이 있네요. 다른 테마와 비교하여 콘텐츠를 효과적으로 표시할 수 있고 구글 애드센스 광고를 수월하게 배치할 수 있는 것 같습니다.

참고:

• Newspaper 테마로 제작된 워드프레스 사이트
• 쿠팡 뉴스룸 사이트, 워드프레스 테마로 제작