워드프레스 엔폴테마에서 fullpage.js 적용하는 방법
워드프레스에서 Enfold 테마에 fullPage.js를 적용하는 과정은 몇 가지 단계로 구성됩니다. fullPage.js는 전체 화면을 섹션으로 나누어 스크롤을 각 섹션으로 이동시키는 JavaScript 라이브러리입니다. 아래는 Enfold 테마에 fullPage.js를 적용하는 기본적인 단계입니다.
웹디자인은 사용자 경험과 인터페이스를 고려한 웹사이트의 시각적 구성과 디자인이며, 이를 통해 사용자의 편리한 이용과 유용한 경험 제공, 반응형 디자인 적용, 웹 표준과 접근성 이해가 필요함을 의미합니다.
Ajax 로드 방법
/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldonAjax(Asynchronous JavaScript and XML)는 웹 페이지에서 비동기적으로 서버와 데이터를 교환하기 위한 기술입니다. Ajax를 사용하면 웹 페이지의 새로고침 없이 서버로부터 데이터를 요청하고 응답을 받아와 동적으로 페이지를 갱신할 수 있습니다.
Html 선택자에 대해 알아보자
/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon선택자(Selector)는 CSS에서 HTML 요소를 선택하여 스타일을 적용하는 데 사용되는 패턴입니다. 선택자는 HTML 문서의 요소를 식별하기 위해 사용되며, 해당 요소에 스타일 규칙을 적용할 수 있습니다.
Html에서 ID와 CLASS 대해 알아보자
/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldonID와 CLASS는 HTML 요소에 고유한 식별자를 부여하여 스타일이나 스크립트에서 해당 요소를 선택하고 조작하는 데 사용되는 속성입니다.
html 에서 box-size에 대한 정리
/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldonhtml 코딩중에 개체 (오브젝트) 등을 구성하는 box 들에 대한 넓이(widht) 와 높이(height) 에 대한 부분과 box의 padding(box의 안쪽 공간) margin(box의 밖같 공간)의 크기를 의미하며, padding 과 margin 의 사이에는 테두리(bording)가 존재 합니다. 각 속성은 크기(size)를 정의하여 사용하며, 수치를 정의하기 때문에 해당 부분에 px, rem등의 단위를 적용 할 수 있습니다.
웹 폰트 사이즈 가변크기 단위
/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon웹 폰트 사이즈를 가변 크기 단위로 지정할 수 있는 몇 가지 옵션이 있습니다. 이러한 가변 크기 단위를 사용하면 사용자의 화면 크기나 설정에 따라 폰트 크기가 자동으로 조정됩니다.
css를 이용한 이미지 multiply 효과 주기
/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon적용 필요 조건으로는 같은 위치에 있는 두개의 이미지 (겹친 이미지) 에서 적용 가능하며 여러가지 활용이 가능합니다.
워드프레스 호스팅 이전시 sql파일 업로드 용량 변경하기
/카테고리: 배움의길 (Week I Learned), 워드프레스 (Wordpress), 웹디자인 (Web design)/작성자: sheldon워드프레스 호스팅 이전시 SQL 파일의 용량이 크다면, 업로드 용량을 늘려야 할 수 있습니다. 다음과 같은 방법들을 사용해볼 수 있습니다:
Input 스타일 CSS로 제어하기
/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldoninput 코드로 구성된 입력창을 클릭했을 때 보여지는 테두리를 CSS로 제어하는 방법은 다양합니다. 일반적으로는 :focus 가상 클래스를 사용하여 테두리 스타일을 지정할 수 있습니다. 아래는 간단한 예시 코드입니다:
웹페이지에서 Back-button 추가하기
/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon워드프레스 사이트 구축시 별도의 뒤로가기 버튼이 없을 경우 자바스크립트 코드를 추가하여 사용하기
Font awesome에 대해 알아보자
/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldonfont awesome은 웹 개발에서 아이콘을 사용할 때 유용한 무료 아이콘 라이브러리입니다. 이 라이브러리를 사용하면 다양한 아이콘을 쉽게 웹사이트에 추가할 수 있습니다. font awesome에는 6,000개가 넘는 아이콘이 포함되어 있으며, 이 아이콘들은 CSS 클래스를 통해 쉽게 사용할 수 있습니다.
포토샵 텍스트 폰트 자간 장평 설정 알아보기
/카테고리: 배움의길 (Week I Learned), 디자인 (Design), 웹디자인 (Web design)/작성자: sheldon포토샵에서 텍스트의 폰트, 자간, 장평 설정값은 디자인에 중요한 영향을 미칩니다. 각각의 설정값에 대해 알아보겠습니다.
Working Times
Weekdays Monday - Friday
09:00 - 18:00