Elementor Shortcodes 위젯 사용 방법 [초보자 가이드]

최근에 드래그 앤 드롭 빌더로 Elementor로 전환했습니다. 시작하자마자 학습 곡선은 매우 쉽고 시각적으로 재미있었습니다. 정확한 정확도와 함께 시각적으로 완벽한 웹 페이지를 만드는 데 사용할 수 있었습니다.

며칠 후 워드프레스 Elementor를 사용하면서 'Elementor Shortcodes'를 사용하는 것만으로도 빌드 프로세스를 10배까지 높일 수 있다는 것을 깨달았습니다.

우선 웹 사이트를 최적화하여 빠르게 만드는 것과 웹 사이트를 빠르고 쉽게 구축하는 것은 별개입니다. 그래서 WordPress Elementor 단축 코드를 매우 쉽게 사용하는 방법과 프로젝트에 Elementor 단축 코드를 사용하는 것이 좋은 아이디어인지에 대해 이야기해 보겠습니다.

Elementor 단축 코드는 무엇입니까?

Elementor 단축 코드는 웹사이트의 특정 구성요소를 복제하기 위해 복사하여 붙여넣을 수 있는 문자열 또는 스니펫입니다. 즉, 단축 코드는 특수 태그입니다. 무언가를 입력하면 볼 때 다른 구성 요소가 생성됩니다.

그것이 복잡하게 들린다면, 내가 당신을 위해 그것을 분해하겠습니다. Elementor 라이브러리에는 웹사이트 구축 프로세스의 속도를 높이는 데 사용할 수 있는 방대한 사전 제작 위젯 모음이 있습니다.

이제 개발에 손을 대고 구성 요소를 복제해야 하는 경우 단축 코드가 몇 초 만에 가장 좋은 방법입니다.

먼저 선택한 구성 요소의 스니펫을 복사하여 복제하려는 위치에 붙여넣어야 합니다.

다른 페이지에서 사용할 양식을 작성하는 중이라고 가정합니다. 일반적으로 Elementor를 사용하여 똑같은 양식을 만들며 그렇게 하는 데 몇 분 정도 걸립니다.

그러나 Elementor 템플릿 단축 코드를 사용하면 웹 페이지에서 미리 만들어진 구성 요소를 선택한 다음 다른 위치에 복제할 수 있습니다.

이것은 위젯 단축 코드의 가장 기본적인 용도 중 하나이며 솔직히 말해서 더 효율적인 사용이 있습니다. 그래서, 당신이 이미 생각하고 있다면 ...

Elementor Shortcodes를 언제 어떻게 사용합니까?

다음은 WordPress Elementor 단축 코드를 사용하는 데 가장 적합한 실제 사례입니다.

Elementor 단축 코드는 Elementor를 사용하여 부분적으로 디자인된 경우 웹 사이트에 더 많은 콘텐츠를 빠르게 추가하는 데 이상적인 선택입니다.

이전 콘텐츠를 조정하고 미리 디자인된 위젯을 페이지에 추가하려는 경우 전문가 제안에 따르면 단축 코드를 사용하는 것이 좋습니다. 따라서 원하는 템플릿의 단축 코드를 입력하고 짜잔!

조정을 위해 Elementor 단축 코드를 삽입하는 것이 최선의 선택입니다. 이 상황이 발생할 수 있는 일반적인 시나리오는 선택한 테마의 기본 페이지에서 작업하는 것입니다.

모든 테마가 Elementor를 사용하여 설계된 것은 아니므로 Elementor 웹 페이지로 변환하려고 하면 페이지 구조가 손상될 수 있습니다.

게다가 Elementor를 지원하지 않는 다른 플러그인은 해당 요소를 편집할 수 있는 액세스 권한을 부여하지 않으므로 재난 상태에 빠지게 됩니다.

하지만 걱정하지 마세요...

Elementor 단축 코드를 사용하면 다른 페이지 빌더 및/또는 플러그인과의 충돌 위험 없이 웹 사이트에 새 구성 요소나 요소를 추가할 수 있습니다. 또한 사용자 정의 템플릿을 추가할 수도 있습니다.

Elementor용 단축 코드를 설치하는 방법은 무엇입니까?

단축 코드를 설치하는 것은 정말 쉽고 완료하는 데 3단계만 거치면 됩니다. Elementor용 단축 코드를 설치하는 방법은 다음과 같습니다.

알림 – 이 설치 가이드의 세 단계 모두 WordPress에 Elementor가 설치되어 있어야 합니다. 따라서 지금까지 수행하지 않았다면 빠르게 수행하고 나중에 단계를 검토하십시오.

이 설치 가이드에는 자동 설치 및 수동 설치의 두 가지 프로세스가 있습니다.

자동 설치

1. '플러그인'으로 이동하여 같은 화면에서 '새로 추가'를 따르세요.
2. Elementor용 WordPress Shortcodes를 찾습니다.
3. 플러그인을 설치하고 활성화하십시오.

수동 설치

1. RS<a href=” #”> Elementor Shortcode를 다운로드합니다.
2. shortcode.zip 파일의 압축을 풉니다. 플러그인 파일은 rselements-lite라는 디렉토리에 있습니다.
3. 플러그인 파일을 WordPress 설치 위치에 업로드합니다. 디렉토리는 다음과 같아야 합니다 – /wp-content/plugins/elementor-short-code.
4. WordPress 메뉴의 '플러그인' 섹션에서 플러그인을 활성화합니다.

수동 설치는 하나의 특정 플러그인의 예일 뿐이며 프로세스는 수동으로 설치하려는 모든 플러그인과 유사합니다.

단축 코드를 사용하여 Elementor 템플릿을 입력하는 방법은 무엇입니까?

단축 코드를 사용하여 미리 디자인된 Elementor 템플릿을 입력하는 방법은 다음과 같습니다. 방법은 다음과 같습니다. 로 향하십시오 -

WordPress -> 템플릿 -> 저장된 템플릿

여기에서 라이브러리의 모든 위젯에 대한 단축 코드를 확인할 수 있습니다. 게다가, 당신은 또한 당신 자신의 템플릿을 만들고 그것에 대한 고유한 단축 코드를 생성할 수 있습니다.

저장된 각 템플릿에는 다른 페이지에서 항상 사용할 수 있는 고유한 단축 코드가 있습니다.

예를 들어 고객이 주문 상태를 볼 수 있는 WooCommerce 팝업을 만들고 싶습니다.

이를 위해서는 캔버스의 사이드바에서 팝업 위젯을 끌어다 놓기만 하면 됩니다. 이제 원본 팝업에서 단축 코드를 생성하여 새 팝업에 붙여넣으면 곧바로 동일한 팝업 위젯이 생성됩니다.

이제 단축 코드와 작동 방식에 대해 알았으니 Elementor가 웹 페이지의 모든 콘텐츠를 단축 코드로 변환하는지 궁금할 것입니다. 글쎄, 당신이 이미 그것을 묻는다면 여기에 당신의 대답이 있습니다.

Elementor는 단축 코드가 있거나 없는 웹 페이지에 콘텐츠를 입력합니까?

혼란을 없애기 위해 Elementor는 단축 코드를 사용하여 웹 페이지에 콘텐츠를 삽입하지 않습니다. 간단히 말해서 템플릿을 고유한 단축 코드로 변환한 다음 웹 페이지에 넣지 않습니다. 여기에 이유가 있습니다 ...

Elementor가 라이브러리에서 생성된 모든 템플릿에 대해 단축 코드를 사용한 경우 해당 라이브러리 요소는 Elementor 플러그인에 크게 의존합니다.

그리고 어떤 이유로 웹 페이지에 설치된 플러그인 목록에서 Elementor를 제거해야 하는 경우 기존 Elementor 라이브러리 구성 요소에 대한 모든 지원이 손실되고 단축 코드가 연결됩니다. 마치 그런 일이 일어나면 절대 악몽이 될 것처럼.

그러나 Elementor는 문제를 간단하게 해결하므로 그렇지 않습니다. Elementor는 복사하려는 선택한 템플릿에 대한 단축 코드를 생성합니다.

그러나 그렇게 하기 전에 디자인된 템플릿의 복사본을 페이지의 코드로 만듭니다.

따라서 다음에 한 위치에서 다른 위치로 무언가를 복사할 때 코드를 뒤에 붙여넣는 것입니다. 그러나 시각적으로 단축 코드를 사용하고 있습니다.

이전 페이지 빌더는 웹 사이트에서 다른 플러그인을 사용하기 어려웠던 특정 플러그인 및 템플릿에 이러한 종속성을 사용했습니다.

그러나 이제 종속성 없이 Elementor 페이지 빌더를 사용하는지 여부에 관계없이 웹 페이지를 쉽게 조정할 수 있습니다.

요약

이제 WordPress 웹 사이트에서 Elementor 단축 코드를 사용하는 데 필요한 모든 아이디어가 있습니다. 게다가 처음 몇 번은 항상 약간 혼란스럽습니다. 따라서 학습을 완벽하게 수행할 수 있도록 동영상을 몇 개 확인하십시오.