워드프레스 포스팅 할 때 제목이 안 보이는 현상 해결하기

워드프레스 포스팅을 할 때 제목이 안 보이는 현상이 발생하고 있습니다. 사용하고 있는 테마는 현재 Kadence 테마이고, 플러그인은 Ad-inserter와 Wp-rocket 정도이니 타이틀에서 에러가 나는 것과 무관할 것 같은데, 아무튼 여러 워프에서 일어나고 있습니다.

애드센스 타이틀 안 보임 현상

바로 아래와 같은 상황이죠. 글을 쓰려고 처음 에디터에 들어오면 아래와 같이 타이틀에 글자를 넣으라고 보입니다.

아래에 쓴 내용은 제목을 복사해서 붙여넣기 위해서 쓴 글입니다. 안 보이니까 바로 쓰면 이게 오타가 났는지 여부를 모릅니다. 따라서 궁여지책으로 아래에 문구를 먼저 쓰고 그것을 복사해서 붙이는 방법으로 포스팅 제목을 넣고 있습니다. 너무나 불편한 상황이기는 하지만, 아예 못 쓰거나 아니면 발행한 이후 오타가 있는지를 확인하고 나서 수정할 때 복사해서 붙여 넣는 방법을 써야겠죠.

어차피 이렇게 복사해서 붙여 넣을 생각이라면 처음부터 맞는 제목을 쓴 이후에 붙여 넣고 글을 쓰는게 낫겠다는 생각에서 저렇게 하는 중이지요. 그렇게 해서 붙여 넣으면 어떻게 되느냐. 바로 아래와 같이 아무런 글자가 남지 않는 상태가 됩니다.

어떤 해결 방법이 있는지 구글링을 해 봤습니다. 그 결과를 한 번 보겠습니다.

애드센스 글쓰기 제목 안 보임 해결 방안

사용하는 테마에 따라 조금씩 다를 수 있지만, 대체적으로 해결 방법은 비슷할 것입니다. 이런 증상 해결을 위해서는 한글로 검색하면 원하는 검색 결과를 얻기 어렵습니다. 상대적으로 우리나라의 워프 사용자수는 전세계와 비교하면 매우 적기 때문이지요. 잘 읽히지 않더라도 영어로 검색하는게 좋습니다.

워드프레스 Kadence 테마에서 포스팅 할 때 제목 안 보임 해결 방법을 확인해 보면 이것을 해결하는 방법을 제시해 줍니다.

문제가 발생하는 이유는 CSS 코드가 꼬여서 그렇다고 합니다. F12를 눌러서 타이틀에서 글자를 작성했을 때 아마도 흰색으로 바꿔주는 일이 있을 것이고 그것이 문제라고 합니다. 뭐 그럴 수 있죠. 그럴 때 해결하기 위해서는 CSS코드를 넣어서 항상 검정색이 되도록 하면 해결이 가능합니다.

해결 방법

코드 스니펫 플러그인을 사용하는게 아주 간편할텐데요, 거기에서 H1 컬러를 항상 원하는 컬러로 할 수 있게 해 놓는 것입니다.

add_action(‘admin_head’, ‘my_custom_fonts’);



function my_custom_fonts() {

echo ‘<style>

.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper h1 {

color:black;

}

</style>’;

}

위 코드를 넣어두면 편집기에서의 h1은 항상 검정색이 됩니다.

다른 코드는 아래와 같이 더 있습니다. CSS에 아래와 같이 넣는 것이죠.

.block-editor-page.post-type-page.post-content-style-boxed .editor-styles-wrapper::before {

	z-index: -1;

}

또는

.wp-block.wp-block-post-title.block-editor-block-list__block.editor-post-title.editor-post-title__input {

  position: relative;

}

그럼, 저도 이 방법을 사용해서 해결되는지 해 보고 나중에 피드백 올리겠습니다.