워드프레스에서 화면을 따라 아래로 내려가는 요소(배너/메뉴/위젯 등) 만들기

워드프레스에서 화면을 따라 아래로 내려가는 요소(배너/메뉴/위젯 등) 만들기

페이지 영역 외부에 배너나 메뉴 등을 고정하여 사용자가 마우스를 스크롤해도 화면을 따라 아래로 내려가는 효과를 구현하고자 하는 경우: 비반응형 사이트에서 요소 고정하기 비반응형(Non-responsive) 사이트에서는 아래와 같은 CSS 코드로 비교적 수월하게 div 요소를 고정할 수 있습니다. 예를 들어, 페이지 너비가 1,000px인 경우 다음과 비슷한 코드를 사용할 수 있습니다. position: fixed; top: 0; left: 50%; margin-left:...
워드프레스 메뉴와 헤더를 고정하자

워드프레스 메뉴와 헤더를 고정하자

이전 글에서 메뉴를 상단에 고정하는 방법을 살펴보았습니다. 계속하여 메뉴와 헤더를 상단에 고정하는 플러그인인 Sticky Menu (or Anything!) on Scroll에 대해 살펴보겠습니다. 제목에서 알 수 있듯이 이 플러그인은 메뉴뿐만 아니라 모든 요소를 고정할 수 있는 플러그인입니다. Sticky Menu (or Anything!) on Scroll 설정 이 플러그인을 설치하고 활성화하면 알림판의 설정 메뉴 아래에 “Sticky Menu (or...
워드프레스 메뉴 고정 플러그인 – myStickymenu

워드프레스 메뉴 고정 플러그인 – myStickymenu

개요 이 글에서는 워드프레스에서 플러그인을 사용하여 메뉴와 헤더를 고정하는 방법을 살펴보겠습니다. 플러그인 페이지에서 검색해보면 몇 가지 플러그인이 검색되는데 두 가지 플러그인을 다루어보려고 합니다. 이 글에서는 메뉴만을 고정할 수 있는 myStickymenu라는 플러그인을 테스트해보았습니다. 메뉴를 고정하는 myStickymenu 플러그인 먼저 myStickymenu을 다운로드하여 설치합니다. 설치하여 활성화하면 알림판에서 설정 아래에 myStickymenu라는 항목이...