모델에이드 운영과 관련한 다양한 이야기들을 주고 받는 곳입니다. 편하게 의견을 전해주세요.
용어사전 툴팁이 노출되는 과정에서 레이어 순서의 문제인지 경계 부근에서는 배경 뒤로 들어가서 제대로 보이지 않는 문제가 발생했습니다.
시점은 기존에 사용하던 테마가 업데이트되면서 발생한 것으로 보여집니다.
그래서 비슷한 레이아웃을 유지할 수 있는 다른 테마로 변경했습니다.
테마를 변경한 이후 우측 사이드 바의 타이틀 노출 방식이 들락날락하는 것이 신경쓰여 플러그인 단위에서 수정해서 기록해 둡니다.
추후 Display Post Type 플러그인이 업데이트되면 이 내용을 반복해서 적용해야 할 필요가 있습니다.
수정하는 파일은 display-post-types/frontend/class-register.php 파일이고 타이틀 노출 부분의 표현 태그만 수정했습니다.
기존
<div class="dpt-main-title"> <span class="dpt-main-title-text">%1$s</span> </div>
대체
<div class="dpt-main-title" class="widget morenews-widget"> <h2 class="widget-title widget-title-1"> <span class="heading-line-before"></span> <span class="heading-line">%1$s</span> <span class="heading-line-after"></span> </h2> </div>
그래도 밑 줄이 제대로 보이는 곳이 있고 그렇지 않은 곳이 있네요.
DPT 이 아닌 일반 태그에서도 제대로 보이는 곳이 있구요.
어딘가 다른 곳을 손대야 할지도 모르겠습니다.
그럼에도 WP 포럼의 최근 글이나, 워드프레스의 최근 댓글 표현 부분은 텍스트 크기가 들쭉날쭉해서 조금은 신경쓰이고 있는 상태입니다.
원했던 기능이 한두가지 없기는 하지만 그래도 일관적으로 보여지는 것이 더 중요한 관계로 컬러매그 테마를 기반으로 다시 옮겨갑니다.
위에서 이야기했던 DPT 파일 중 아래에 있는 코드 부분은 모두 주석처리했습니다.
<div class="dpt-main-title"> <span class="dpt-main-title-text">%1$s</span> </div>
그 이후에 위젯에서 자동으로 타이틀이 잡히는 것을 포기하고 아래와 같이 제목을 입력하는 방식으로 일관성을 가지도록 했습니다.
<h3 class="cm-widget-title"><span>About ModelAid</span></h3>
이것으로 사이드바의 타이틀 모양은 통일했네요.
급하게 모어뉴스로 다시 복구시키고...
사용자정의 CSS에서 아래 코드를 넣어서 정리해 주었습니다.
/* Side Bar Title */
.widget-title .heading-line, .dpt-main-title .dpt-main-title-text {
font-size: 120%;
color: #1f1f1f;
padding: 0 0 5px;
font-weight: 700;
}
/* Recent Comment */
.widget ul li a {
font-size: 100%;
font-weight: 200;
letter-spacing : -0.5px;
word-spacing : -0.5px;
}
/* Forum Post Link */
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle, #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle, #wpf-widget-recent-replies .wpforo-list-item-right p.posttext {
font-size: 100%;
font-weight: 200;
letter-spacing : -0.5px;
word-spacing : -0.5px;
}
/* DPT List */
.dpt-title-link {
font-size: 100%;
font-weight: 200;
letter-spacing : -0.5px;
word-spacing : -0.5px;
}
/* Linked Contents */
.wp-block-buttons a {
margin-bottom:0;
border-radius: 20px 40px;
}
.wp-block-buttons .wp-block-button__width-100 {
margin-bottom:0;
}
이로써 사이드바의 제목 사이즈 통일...
사이드 바 텍스트 링크의 글자 사이즈 통일
만 한 줄 알았더니 마우스오버 툴팁 삐져 나간 것도 바로 잡히고...
핑백/댓글이 넘치는 현상도 바로 잡혔습니다.
아래 두가지는 모어뉴스로 변경하면서 잡힌 것같습니다.
테스트를 위해 찾아놓은 테마가 20여가지 되는데 맛보기 테스트만 진행하고 불필요한 것들은 삭제해야겠습니다.
