워드 프레스 사 이 드 바 숨 기기

사 이 드 바 가 제공 되 었 습 니 다. 일부 최신 글 에서 가장 뜨 거 운 글 의 정 보 는 일정한 페이지 를 차지 합 니 다. 가끔 은 제 가 글 의 내용 을 읽 기 위해 사 이 드 바 를 숨 길 수 있 습 니 다. 필요 할 때 다시 나 와 제어 단 추 를 추가 하면 매우 편리 합 니 다. 주로 Js 를 통 해 이 루어 집 니 다.
먼저 자신의 테마 디자인 을 볼 때 페이지 글 주제 의 ID 와 사 이 드 바 의 ID 는 js 가 쉽게 얻 을 수 있 습 니 다. 아래 의 내용 사 이 드 바 입 니 다.  ID="side", 페이지 테마  ID="main", 당신 의 것 이 아니라면 아래 의 내용 을 수정 하 세 요.1. 자신의 주제 의 js 에 추가
//      
function pr() {
var R=document.getElementById("side");
var L=document.getElementById("main");
if (R.className=="sidebar")
	{
		R.className="widget-area";
		L.className="content-area";
	}
else
	{
		R.className="sidebar";
		L.className="primary";
	}
}

2. HTML 구조
페이지 에 통합 할 수도 있 고 고정 단 추 를 따로 만 들 수도 있 습 니 다. css 는 디 스 플레이 스타일 을 제어 할 수 있 습 니 다.
  • 사 이 드 바 숨 기기

  • 3. 주제 의 style. css 에 css 추가
    /**       **/
    #primary.primary {width: 100%;}
    .sidebar {display: none;}

    4. 버튼 스타일 미화 단 추 는 스타일 을 참고 합 니 다. 사실 당신 은 css 고수 입 니 다. 이 단 계 는 불필요 합 니 다.
    .r-hide li a {
    	color: #999;
    	line-height: 26px;
    	margin: 0 5px 0 0;
    	padding: 0 10px;
    	display: block;
    	border: 1px solid #ddd;
    	border-radius: 2px;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    }
    .r-hide a:hover {
    	background: #568abc;
    	color: #fff;
    	border: 1px solid #568abc;
    }

    원문:http://www.Timle.CN
    관심 있 을 만 한 글:
    ▪ 워드 프레스 함수: commentform () 개성 화 된 평론 양식 여러 가지 방법
    ▪ WordPress 의 가장 간결 한 테마 iDevise 테마
    ▪ wordpress 수 동 업그레이드 상세 절차
    ▪ wordpress 는 웹 페이지 에 다른 제목 을 표시 하도록 합 니 다.
    ▪ wordpress 배경 에 글 과 분류 ID 를 표시 할 플러그 인 이 없습니다.
    ▪ Super Static Cache 고급 정적 플러그 인 Wordpress 속도 최적화 신기
    ▪ 워드 프레스 비 플러그 인 사용자 정의 좋아요 기능 스타일
    ▪ wordpress 사이트 의 고정 링크 를 최적화 설정 하면 SEO 에 유리 합 니 다.
    ▪ WordPress 성능 최적화: nginx 서버 사용
    ▪ WordPress 생 성 사이트 방문 로그 와 거미 파행 분석 로그

    좋은 웹페이지 즐겨찾기