티스토리를 워드프레스로 이전한 후에 인라인 CSS 스타일 제거하기

티스토리 블로그의 소스를 살펴보면 인라인으로 CSS 스타일이 추가된 부분이 많습니다. 워드프레스로 이전한 후에도 글자 크기 등의 스타일이 추가되어 CSS로 제어가 되지 않는 경우가 있습니다.

티스토리 게시글을 워드프레스로 이전하더라도 이런 인라인 스타일은 유지됩니다.

티스토리를 워드프레스로 이전한 후에 인라인 CSS 스타일 제거하기

font-size 등의 스타일이 HTML 태그에 인라인으로 추가되어 있는 경우 워드프레스 테마에서 글자 크기를 조정해도 글자 크기가 바뀌지 않습니다. Better Search Replace와 같은 플러그인을 사용하면 편리하게 전체적으로 바꿀 수 있습니다.

다른 방법으로 다음과 같은 코드를 테마 함수 파일에 추가할 수 있습니다.

function remove_inline_styles($content) {
    // Use preg_replace() to remove inline style attributes
    $content = preg_replace('/(<[^>]+) style=".*?"/i', '$1', $content);
    return $content;
}
add_filter('the_content', 'remove_inline_styles');

위의 코드를 차일드 테마 내의 함수 파일에 추가하면 본문에서 style="..."로 된 부분이 모두 제거됩니다.

차일드 테마를 설치하지 않은 경우 플러그인으로 만들어 업로드하는 것도 가능합니다.

<?php
/*
Plugin Name: Remove Inline Styles
Plugin URI: https://www.thewordcracker.com/
Description: Removes inline styles from the content of posts.
Version: 1.0
Author: WordCracker
Author URI: https://www.thewordcracker.com/
*/

function remove_inline_styles($content) {
    $content = preg_replace('/(<[^>]+) style=".*?"/i', '$1', $content);
    return $content;
}
add_filter('the_content', 'remove_inline_styles');
?>

티스토리를 워드프레스로 이전하는 다양한 방법이 있습니다. Crawlomatic이라는 워드프레스 플러그인을 사용하면 코딩 지식이 부족해도 비교적 쉽게 티스토리 게시물을 워드프레스로 이전이 가능합니다. 

웹 스크래핑 플러그인으로 티스토리에서 워드프레스로 이전하기 - 워드프레스 정보꾸러미

참고

https://avada.tistory.com/3277

플러그인을 사용하여 티스토리 블로그를 쉽게 워드프레스로 옮기는 방법

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)

https://avada.tistory.com/2897

엘리멘터 무료 버전 vs. 프로 버전 비교