텍스트 돌아가는 배너 만들기 (javascript)

외부 라이브러리 라이브러리는 Zepto와 anime.js를 이용했다. Zepto는 편리하게 엘리먼트를 선택하기 위해서이고, anime.js는 편하게 loop를 설정하기 위하여 이용했다. css animation을 꼭 이용해보고 싶었지만, css에 변수를 어떻게 전달할지에 대한 마땅한 대책이 떠오르지 않아서 애니메이션 라이브러리를 이용했다. 아래 전체 코드에서 확인할 테지만, head 태그 부분에서 스크립트를 불러올 수 있도록 했다. 전체 코드 아래 Result를 눌러보면 바로 결과를 확인할 […]

워드프레스 동적 블록 만들기 튜토리얼 (Gutenberg)

개요 기본 개념 이 글은 독자들이 워드프레스의 기본적인 작동 원리를 안다는 가정하게 작성되었다. 어쨌거나 직접 ftp를 통해서든, 로컬 개발 환경을 만들어 개발하든 직접 php 파일을 개선시켜나가는 사람들에게 유용한 글이다. babel이나 node.js, webpack, wp-cli 등은 사용하지 않았다. 제대로 개발하려면 위와 같은 개발환경을 세팅하고 빌드 및 배포의 과정까지 자동화하면 더욱 더 생산성 높게 개발할 수 있겠지만 필자의 […]

워드프레스 초기화 순서

개요 워드프레스에서 실행되는 순서가 알아야 알맞게 코딩을 할 수 있다. 초기화(Initialisation) 기본 상수 정의 : wp-config.php 파일 실행 파일이 존재하면, wp-content/advanced-cache.php 파일 실행 데이터베이스 연결 : 파일이 존재하면, wp-content/db.php 파일 실행 오브젝트 캐시 로드 (object-cache.php, 없을 시 wp-include/cache.php 파일 실행) (멀티사이트의 경우) 파일이 존재하면, wp-content/sunrise.php 실행 l10n 라이브러리 로딩 mu 플러그인 (Must Use Plugins) 로딩 […]

Scroll to top