워드프레스 엔폴테마에서 fullpage.js 적용하는 방법

, ,
워드프레스에서 Enfold 테마에 fullPage.js를 적용하는 과정은 몇 가지 단계로 구성됩니다. fullPage.js는 전체 화면을 섹션으로 나누어 스크롤을 각 섹션으로 이동시키는 JavaScript 라이브러리입니다. 아래는 Enfold 테마에 fullPage.js를 적용하는 기본적인 단계입니다.

Ajax 로드 방법

,
Ajax(Asynchronous JavaScript and XML)는 웹 페이지에서 비동기적으로 서버와 데이터를 교환하기 위한 기술입니다. Ajax를 사용하면 웹 페이지의 새로고침 없이 서버로부터 데이터를 요청하고 응답을 받아와 동적으로 페이지를 갱신할 수 있습니다.

Html 선택자에 대해 알아보자

, ,
선택자(Selector)는 CSS에서 HTML 요소를 선택하여 스타일을 적용하는 데 사용되는 패턴입니다. 선택자는 HTML 문서의 요소를 식별하기 위해 사용되며, 해당 요소에 스타일 규칙을 적용할 수 있습니다.

Html에서 ID와 CLASS 대해 알아보자

, ,
ID와 CLASS는 HTML 요소에 고유한 식별자를 부여하여 스타일이나 스크립트에서 해당 요소를 선택하고 조작하는 데 사용되는 속성입니다.

html 에서  box-size에 대한 정리

, ,
html 코딩중에 개체 (오브젝트)  등을  구성하는 box 들에 대한  넓이(widht) 와 높이(height) 에 대한 부분과 box의 padding(box의 안쪽 공간) margin(box의 밖같 공간)의 크기를 의미하며, padding 과 margin 의 사이에는 테두리(bording)가 존재 합니다.  각 속성은 크기(size)를 정의하여 사용하며, 수치를 정의하기 때문에 해당 부분에 px, rem등의 단위를 적용 할 수 있습니다.

웹 폰트 사이즈 가변크기 단위

,
웹 폰트 사이즈를 가변 크기 단위로 지정할 수 있는 몇 가지 옵션이 있습니다. 이러한 가변 크기 단위를 사용하면 사용자의 화면 크기나 설정에 따라 폰트 크기가 자동으로 조정됩니다.

css를 이용한 이미지 multiply 효과 주기

, ,
적용 필요 조건으로는 같은 위치에 있는 두개의 이미지 (겹친 이미지) 에서 적용 가능하며 여러가지 활용이 가능합니다.

워드프레스 호스팅 이전시 sql파일 업로드 용량 변경하기

, ,
워드프레스 호스팅 이전시 SQL 파일의 용량이 크다면, 업로드 용량을 늘려야 할 수 있습니다. 다음과 같은 방법들을 사용해볼 수 있습니다:

Input 스타일 CSS로 제어하기

,
input 코드로 구성된 입력창을 클릭했을 때 보여지는 테두리를 CSS로 제어하는 방법은 다양합니다. 일반적으로는 :focus 가상 클래스를 사용하여 테두리 스타일을 지정할 수 있습니다. 아래는 간단한 예시 코드입니다:

웹페이지에서 Back-button 추가하기

,
워드프레스 사이트 구축시 별도의 뒤로가기 버튼이 없을 경우 자바스크립트 코드를 추가하여 사용하기

Font awesome에 대해 알아보자

, ,
font awesome은 웹 개발에서 아이콘을 사용할 때 유용한 무료 아이콘 라이브러리입니다. 이 라이브러리를 사용하면 다양한 아이콘을 쉽게 웹사이트에 추가할 수 있습니다. font awesome에는 6,000개가 넘는 아이콘이 포함되어 있으며, 이 아이콘들은 CSS 클래스를 통해 쉽게 사용할 수 있습니다.
sheldon work & tip

포토샵 텍스트 폰트 자간 장평 설정 알아보기

, ,
포토샵에서 텍스트의 폰트, 자간, 장평 설정값은 디자인에 중요한 영향을 미칩니다. 각각의 설정값에 대해 알아보겠습니다.