반응형 웹페이지에도 사용할 수 있는 이미지 영역별 링크를 지정하는 방법
HTML, CSS로 이미지 영역별 링크 지정하기 위의 사진과 같이 붉은 영역에 마우스를 갖다대면 버튼이 나오고,...
자바스크립트로 fade 효과있는 갤러리 만들기
위의 이미지와 같은 갤러리를 만드는 방법이다! 이미지를 사용하려면 div안에 img를 넣어주면 된다.
CSS를 이용한 타이핑 애니메이션+커서깜빡임 효과 (타이핑 효과) 만드는 방법
위의 영상과 같이 순차적으로 타이핑이 되고, 커서 깜빡임 효과까지 있는 애니메이션을 만드는 방법이다! 의뢰받은 사이트에...
끊김없는 롤링배너 만들기 : 워드프레스, 일반사이트 둘 다 적용가능!
“끊김없는” 무한으로 돌아가는 배너 만드는 방법 위와 같은 끊김없는 돌아가는 배너를 만들 수 있습니다 🙂...
우커머스 플러그인 / 훅 적용 안 되는 문제 해결방법
우커머스 체크아웃 페이지를 커스터마이징 하려고 플러그인을 사용하였는데 적용이 안되는 문제가 발생했다. action_action 등 우커머스 훅을...
워드프레스에 자바스크립트 코드 적용하는 방법
워드프레스 파일 매니저같은 파일관리 프로그램을 설치한다 child-theme을 만든다 child-theme폴더의 root 경로에 custom.js 파일을 추가한다 functions.php 파일에 아래와 같이 코드를 추가한다…
워드프레스 폰트가 프론트 페이지만 적용되는 현상 해결방법
“Bebas Neue”라는 폰트를 사용하였는데 프론트 페이지만 적용이 되는 문제가 발생했다. 이상한 것은 맥에서는 모든 페이지가...
워드프레스 모바일 페이지 업데이트 안되는 문제 해결방법(캐시삭제, 인터넷 사용기록 삭제해도 안될 때)
워드프레스 수정사항이 모바일에서만 적용이 안 되는 현상이 발생했다. 데스크탑에서는 정상적으로 되고 오만가지 방법을 다 시도해...
No data was received to import. Either no file name was submitted, or the file size exceeded the maximum size permitted by your PHP configuration. 해결방법
phpmyadmin을 통해서 워드프레스 사이트의 DB를 Import 하다가 위의 문제가 발생하였다. 대충 해석해 보면 php설정에 의해...
HTML의 특정 위치에서 Javascript 코드 실행하기
웹페이지의 특정 위치(섹션)에 왔을 때 애니메이션 실행하는 방법 Javascript의 IntersectionObserver 기능을 사용하면 된다. IntersectionObserver는 요소가...