2022년 워드프레스를 이용한 홈페이지 제작 엘리먼트 에드온 기능 플러그인 사용법

엘리먼트 에드온 플러그인 사용법

Essential Addons for Elementor  기능설명과 사용법

2022년 워드프레스를 이용한 홈페이지 제작 margin position 적용방법

elementor margin position 적용방법

엘리먼트 마이너스 margin position 적용방법

2022년 워드프레스를 이용한 홈페이지 제작 elementor gallery widget 사용법

엘리먼트 갤러리 위젯 사용법

elementor gallery widget (엘리먼트 갤러리) 사용과 여백 설정 방법

2022년 워드프레스를 이용한 홈페이지 제작 folders plugin 사용방법

folders plugins 사용방법

알림판-미디어 라이브러리의 이미지와 자료등을 폴더별로 관리 할 수 있으며, 글과 페이지에서 직접 folder를 생성해서 폴더별로 관리 할 수 있습니다.

folder plugin

폴더 플러그인이 도움이 되는 방법

전문가가 폴더 파일 관리자 플러그인을 사용하여 WordPress 콘텐츠를 구성하는 방법에는 여러 가지가 있습니다.

  • 사진, 비디오, 음악, 주요 웹사이트 페이지, 블로그 게시물을 포함한 모든 미디어 파일을 폴더에 정리. 다른 페이지에 사용된 이미지와 같이 미디어를 여러 폴더에 넣을 수도 있습니다.
  • 웹 개발자: 개발 중 및 개발 후에 클라이언트의 웹사이트 페이지를 올바른 순서로 유지하여.  폴더에 별표를 표시하거나 클라이언트가 중요하고 터치해야 하는 항목을 이해할 수 있도록 고유한 이름을 지정할 수도 있습니다.
  • 블로거: 이 파일 관리자 플러그인을 사용하여 자신의 콘텐츠를 쉽게 관리가능하며. 주제, 카테고리 및/또는 날짜별로 사진과 콘텐츠를 정리가 됩니다.
  • 페이지, 미디어 및 콘텐츠를 WordPress에 빠르게 업로드하고 쉽게 디렉토리로 구성하여 잃어버리지 않도록 합니다.
  • WordPress 프로젝트 및 작업에 필요한 콘텐츠를 빠르게 찾으려면 특정 폴더를 중요 폴더로 표시하여. 콘텐츠가 디렉토리를 잃을 염려가 없습니다.
  • 미디어 교체: 미디어 파일을 다른 파일로 교체합니다. 미디어를 교체할 때마다 변경 사항은 웹사이트 전체에 걸쳐 모든 페이지, 게시물 등에 반영됩니다

2021년 워드프레스를 이용한 홈페이지 제작 section / position_12

section / position의 차이점과 사용설명

엘리먼트 페이지 빌더로 편집 시 레이아웃 과 위젯의 편집방법
내부 section 위젯은 기본  section의 안에 들어 갈수 있지만 추가 적인 내부 적용은 되지 않습니다.
이럴 때는 원하는 위젯의 위치를 position의 명령어로 이용 하여 수평 정렬로 편집합니다.

2021년 워드프레스를 이용한 홈페이지 제작_11

아이콘 박스 정렬

아이콘 박스 위젯의 마진과 포지션을 이용한 수평 정렬!! 쉽지는 않아요...
위젯과 아이콘 박스를 어떻게 선택해서 설정하는지 중요합니다.

2021 워드프레스 플러그인 사용방법 MetForm

MetForm elementor addon 소개 및 셋팅방법

엘리먼트 에드온 기능 중에 하나인 컨텍폼 플러그 (metform)인 사용방법

 

2021년 elementor 3.6 version flexbox, text 주요기능 설명

elementor 3.6 version flexbox, text 주요기능 설명

css의 주요기능 중에 레이아웃  속성 flexbox (container) 을 elementor에  적용 시킨 위젯과 text 기능 설명

2021년 워드프레스를 이용한 홈페이지 제작10

아스트라 테마 인포박스 마진과 패딩을 이용한 입체감 편집방법

엘리먼트 페이지 빌더의 고급기능 중에서 마진(바깥쪽 여백) 과 패딩 (안쪽 여백)을 이용하여 입체감 있는 인포박스 편집

엘리먼트 페이지빌더 css 적용 기초원리

엘리먼트 페이지 빌더 css 적용 기초원리

엘리먼트 페이지 빌더에 무료 플러그인을 이용하여 css 적용방법

참고사이트

https://elementor.com/help/how-to-use-selector-in-the-custom-css-tab/