[워드프레스] jQuery를 사용하여 전면 페이지/카테고리 페이지를 그리드 레이아웃으로 바꾸기
위의 그림은 워드프레스 Attitude 테마의 전면 페이지에 표시되는 블로그(최신 글)을 2 컬럼 형식의 그리드로 배열한 모습니다. 이런 모양으로 만드는...
위의 그림은 워드프레스 Attitude 테마의 전면 페이지에 표시되는 블로그(최신 글)을 2 컬럼 형식의 그리드로 배열한 모습니다. 이런 모양으로 만드는...
이 글에서는 CSS를 사용하여 텍스트를 다른 문구로 바꾸는 방법을 살펴보았습니다. CSS 대신 jQuery를 사용하면 보다 수월하게 텍스트를 원하는 대로 바꿀...
jQuery를 사용하여 DIV 요소의 위치를 바꾸고 싶은 경우 참고해보세요. jQuery를 사용하여 요소(DIV) 위치 바꾸기 jQuery 샘플 1 예를...
$(document).ready()는 여러 번 사용이 가능합니다. 아래와 같이 두 가지 형식으로 두 개 이상을 사용할 수 있습니다. 다만 가독성에...
가령 class="abc" 요소를 가진 체크박스가 모두 선택되었는지 확인하는 방법입니다. 간단한 방법으로 다음 조건을 확인하는 것입니다. $('.abc:checked').length == $('.abc').length 다음과...
jQuery를 사용하여 DIV를 화면 중앙(가운데)에 정렬하려면 다음 jQuery 스크립트를 사용할 수 있습니다. jQuery.fn.center = function () { this.css("position","absolute");...
$("div").eq(n).css()를 사용하여 "n-1"번째 요소의 CSS 스타일을 설정합니다. .eq() 선택자(selector)는 특정 인덱스 번호로 된 요소(element)를 선택하는 데 사용됩니다. 인덱스...
일부 워드프레스 테마에서 마우스를 아래로 스크롤할 때 컨텐츠 영역이 슬라이드 위로 올라가는 효과를 구현하는 경우를 본 적이 있을...
앵커(anchor) 링크로 페이지 내에서 스크롤하도록 링크를 만든 경우, 링크를 클릭할 때 부드럽게 스크롤되도록 하려면 다음과 같은 jQuery 스크립트를...
링크 URL 변경하기 링크 URL을 다른 URL 주소로 변경하는 작업은 매우 간단한 작업으로 .attr 메소드의 사용으로 가능합니다(.attr 메소드에...