Element Pack 는 소비자에게 비교적 저렴한 가격으로 고급 위젯을 제공합니다. 고객의 만족도를 극대화합니다, EP 모든 리소스가 있어야 할 곳에 배치되도록 합니다.
단축 코드 의 기성 제품도 있습니다. Element Pack. 워드프레스 커뮤니티에서 흔히 사용하는 용어입니다. 하지만 여전히 초보자는 그 가치를 이해하기가 어렵습니다.
이 블로그는 쇼트코드가 무엇인지, 어떻게 작동하는지, 팁과 요령에 대한 이해가 필요한 분들을 위한 글입니다.
시작해보자!
단축 코드의 머리와 꼬리
"단축 코드가 무엇인가요?"라는 질문이 궁금하다면 이 답변으로 만족하실 수 있을 것입니다:
단축 코드는 몇 개의 문자 또는 문장으로 묶인 코드입니다. [괄호 인벤토리에서 원본 코드를 가져와 특정 기능을 실행할 수 있습니다.
간단히 말해서 쇼트코드는 원본 코드를 대체하는 코드입니다. 쇼트코드를 사용하면 디스플레이에서 동일한 효과를 내는 기본 코드가 실행됩니다.
워드프레스는 오픈소스 애플리케이션입니다. 무료로 사용할 수 있기 때문에 코드 구조를 원하는 대로 마음껏 활용할 수 있습니다. 하지만 개발자가 아닌 경우 메인 코드를 다루는 것이 최선의 방법이 아닐 수도 있습니다. 그래서 워드프레스에서는 일반적인 사용을 위해 특정 기능에 대한 단축 코드도 제공합니다.
워드프레스에도 쇼트코드가 있지만 그것만 있는 것은 아닙니다. 대부분의 플러그인 회사와 테마는 다음과 같은 패키지로 제공되는 자체 쇼트코드를 선호합니다. Element Pack. 사용해도 좋습니다. 단, 사용한 단축 코드와 관련된 플러그인을 제거하지 않으면 코드가 더 이상 작동하지 않습니다.
단축 코드를 사용하는 이유
이 질문은 흔히 하는 질문이며 답은 간단합니다.
네, 맞습니다. 물론 사이트에 기능을 추가할 수 있는 위젯이 있지만 그거 아세요? 위젯은 텍스트 필드 내에 배치할 수 없습니다. 간단히 말해, 위젯을 모든 곳에서 사용할 수 없습니다. 누가 위젯을 개발했든 웹사이트의 모든 구석에서 위젯을 사용하는 것은 불가능합니다.
그렇기 때문에 위젯을 사용할 수 없는 곳에 기능을 추가하려면 단축 코드가 필요합니다.
최고의 웹 솔루션
저희 제품으로 웹사이트를 강화하고 싶으신가요?
EP 쇼트코드 사용 방법
이제 가장 중요한 부분입니다! Element Pack의 인벤토리에는 많은 단축 코드가 있습니다. 각각의 쇼트코드는 독특하고 사용하기에 꽤 재미있습니다. 모든 단축코드는 중요한 용도로 사용되므로 매우 중요합니다.
쇼트코드가 블로그 페이지에 방해가 되지 않도록 다음과 같이 제거합니다. [] 브래킷 코드의 시작과 끝에서 하나씩 사용법을 살펴보겠습니다.
알림 쇼트코드
텍스트 영역 내에서 빠른 알림 알림을 설정하려면 이 알림 단축 코드를 사용할 수 있습니다.
텍스트 편집기에서 텍스트 사이에 단축 코드를 붙여넣고 저장을 누르기만 하면 됩니다.
미리보기 모드에서 경고 메시지를 볼 수 있습니다. 쉽죠?
또한 색상과 타이포그래피에 따라 알림 메시지를 추가로 사용자 지정할 수 있습니다.
class = "my-class"
유형 = "기본, 성공, 경고, 위험"
스타일 ="색상: #fff; 글꼴 크기: 18px;......."
단축 코드에 줄을 추가하기만 하면 됩니다.
알림 쇼트코드의 마지막 예시입니다.
카운트다운 쇼트코드
이 단축코드는 두 번 이상 관심을 가질 수 있습니다. 전체 섹션을 차지하는 것과 달리 텍스트 내에 카운트다운 타이머를 표시할 수 있습니다. 쉽고 다양한 용도로 사용할 수 있습니다.
텍스트 안에 코드를 입력하기만 하면 됩니다.
미리 보기에서 표시되는 것을 확인하세요.
물론 카운트다운의 텍스트 스타일은 변경할 수 있습니다.
쉽죠? 또한 다음 코드를 추가하여 카운트다운 날짜를 정의할 수 있습니다: date = "2020-10-10 12:00"
여름에는 전체 코드가 다음과 같이 보일 것입니다:
이와 같이 프로모션, 세일 혜택 등을 위한 문자 사이에 카운트다운 타이머를 추가할 수 있습니다.
현재 날짜 단축 코드
다음 쇼트코드는 페이지 내 표준 시간대에 따라 현재 날짜를 표시합니다.
고정 숫자가 있는 바닥글 영역의 날짜와 시간을 업데이트해야 한다고 가정해 보겠습니다. 저작권 날짜, 사이트 날짜 등과 같은 정보를 추가해야 할 수도 있습니다. 하지만 고정 숫자를 사용하면 편집하는 것을 잊어버려서 잘못된 날짜가 표시될 수 있습니다.
대신 이 단축코드를 사용하여 웹페이지의 텍스트 영역에 동적 날짜를 추가하세요. 간단합니다.
연도만 표시해야 하는 경우에는 이 형식의 코드를 사용하세요:
그거예요!
라벨 쇼트코드
라벨 쇼트코드는 텍스트에 라벨을 추가하기 위한 것입니다. 라벨에 사용할 단어와 라벨 색상을 선택할 수 있습니다.
텍스트에 코드를 삽입하기만 하면 됩니다.
미리보기 모드입니다.
또한 닫는 대괄호 앞에 이 줄을 추가하여 추가로 사용자 지정할 수 있습니다:
class = "my-class"
유형 = 기본, 성공, 경고, 위험
스타일 ="색상: #fff; 글꼴 크기: 18px;"
그거예요!
라이트박스 쇼트코드
텍스트 내에서 라이트박스를 소환할 수 있다는 사실을 알고 계셨나요?
예, 여기에서 이 단축코드를 사용하면 가능합니다. 텍스트 필드 안에 추가하면 이미지, 동영상, 유튜브, 심지어 구글 지도까지 삽입할 수 있습니다. 멋지지 않나요?
이 확장 코드를 사용하여 위의 링크 필드에 링크를 추가하기만 하면 됩니다.
그러면 미리보기 모드에서 라이트박스가 표시됩니다. 파란색 텍스트를 클릭하면 라이트박스 콘텐츠가 표시됩니다. 물론 텍스트 레이블도 변경할 수 있습니다.
클립보드 쇼트코드
웹 콘텐츠의 단락을 빠르게 복사할 수 있는 편리한 단축 코드입니다. 이 경우 콘텐츠를 클릭하기만 하면 복사 명령이 실행됩니다.
텍스트 사이에 단축 코드를 삽입합니다. 코드 시작/끝 형성 안에 대상 텍스트를 넣어야 합니다.
미리보기 모드에서 대상 텍스트 위로 마우스를 가져가면 '복사하려면 클릭하세요'라는 메시지가 표시됩니다. 텍스트를 클릭하면 복사를 시작할 수 있습니다.
그거예요!
사이트 제목 쇼트코드
이 단축코드를 사용하면 텍스트 영역 내에 사이트 제목을 표시합니다. 사이트 제목을 여러 번 표시해야 할 수 있으며 이 코드는 이를 동적으로 처리합니다. 즉, 실시간 사이트 제목이 표시되며 사이트 이름이 변경되면 변경됩니다.
텍스트 필드에 입력하기만 하면 됩니다.
제목은 미리보기 모드의 텍스트 영역 내에 표시됩니다.
잠깐만요! 더 있습니다.
지금까지는 Element Pack에서 제공하는 단축 코드만 보셨습니다. 여기 사용된 모든 예제에는 하나의 코드가 실행되고 있습니다.
자, 여기 비밀 비법이 있습니다!
단축 코드를 결합하여 새로운 기능을 만들 수 있습니다.
네, 제대로 읽으셨습니다! 단축코드는 다른 단축코드 안에 소환할 수 있습니다. 이렇게 하면 하나의 기능이 다른 기능 위에 추가되어 새로운 기능에 도달할 수 있습니다. 여러분의 상상력에 맡기겠습니다.
관심을 가져주셔서 감사합니다. 오늘 배운 것이 있으셨기를 바랍니다.
블로그편집자 추천
지금 바로 뛰어난 CTA를 만드는 방법을 배워보세요!
이 블로그를 공유하세요:
Facebook
트위터
Pinterest
WhatsApp
Vkontakte
텔레그램
