WordPress 용 위젯 사이드 바 사이의 공간을 제거하는 방법

WordPress에서 위젯을 사용하면 블로그의 사이드 바에 다양한 기능과 사용자 지정 콘텐츠를 추가 할 수 있습니다. 위젯을 사용하면 블로그 방문자에게 게시물 아카이브, 사용자 지정 검색 창 또는 최신 Twitter 게시물을 표시 할 수 있습니다. WordPress는 미적 목적으로 각 위젯 사이에 자동으로 간격을 둡니다. 그러나 이러한 간격은 독자가 아래로 스크롤해야하기 전에 페이지에서 볼 수있는 콘텐츠의 양을 줄입니다. 블로그의 custom.css 파일에 한 줄의 코드를 추가하면 이러한 공백을 제거 할 수 있습니다.

인터넷 브라우저를 열고 WordPress 웹 사이트로 이동합니다. 메시지가 표시되면 사용자 이름과 암호를 입력합니다. "로그인"을 클릭하십시오.

화면 왼쪽의 "모양"을 클릭합니다. "편집기"를 클릭하십시오.

스타일 제목 아래에있는 "custom.css"를 클릭하여 웹 사이트의 사용자 정의 스타일 시트를 봅니다.

custom.css 스타일 시트에 ".custom li.widget {margin-bottom : -10px! important;}"줄을 추가합니다. 줄을 추가 할 때 인용 부호를 제외하십시오.

"파일 업데이트"를 클릭하십시오.

변경 사항을 보려면 페이지 상단에서 사이트 이름을 클릭하십시오. 위젯 사이에 여전히 간격이 남아 있으면 custom.css 스타일 시트로 돌아가십시오.

"-10"을 "-15"로 변경합니다. 웹 사이트에서 변경 사항을 확인하십시오. 간격이 완전히 제거 될 때까지 더 큰 음수를 시도하십시오.

팁

두 위젯 사이의 간격 만 제거하려면 두 위젯 사이에 빈 텍스트를 추가하십시오. 코드 적용 "