WordPress에서 사용자 정의 위젯을 작성 하시겠습니까?
위젯을 사용하면 웹 사이트의 준비된 사이드 바 또는 위젯 영역으로 항목을 끌어서 놓을 수 있습니다. 따라서이 기사에서는 사용자 지정 WordPress 위젯을 쉽게 만드는 방법을 보여줍니다.
그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면
그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.
WordPress 위젯이란 무엇입니까?
WordPress 위젯에는 웹 사이트 사이드 바 또는 위젯 친화적 인 영역에 추가 할 수있는 코드가 포함되어 있습니다. 간단한 "드래그 앤 드롭"인터페이스를 사용하여 다른 요소를 추가하는 데 사용할 수있는 모듈로 생각하십시오.
기본적으로 WordPress에는 모든 WordPress 테마와 함께 사용할 수있는 표준 위젯 세트가 함께 제공됩니다.
너무 발견 최고의 프리미엄 워드 프레스 테마.
WordPress를 사용하면 개발자가 자신만의 맞춤형 위젯을 만들 수도 있습니다. 많은 테마와 워드 프레스 플러그인 사이드바에 추가할 수 있는 자체 사용자 정의 위젯이 함께 제공됩니다.
예를 들어 문의 양식, 로그인 양식 관례 또는 사진 갤러리 코드를 작성하지 않고 사이드 바에서
즉, WordPress에서 사용자 정의 위젯을 쉽게 만드는 방법을 살펴 보겠습니다.
워드 프레스에 대한 사용자 정의 위젯을 만드는 방법
이 튜토리얼은 웹 개발 지식이있는 사람들을위한 것입니다.
시작하기 전에이 학습서의 위젯 코드를 붙여 넣는 웹 사이트에서 특정 플러그인을 작성하는 것이 좋습니다.
코드를 WordPress 테마의 "functions.php"파일에 붙여 넣을 수도 있습니다. 그러나 특정 WordPress 테마가 활성화 된 경우에만 사용할 수 있습니다.
이 자습서에서는 방문자를 맞이하는 간단한 위젯을 만듭니다. 이 코드를보고 특정 플러그인에 붙여 넣어 실제로 작동하는지 확인하십시오.
// 위젯 함수 등록 및로드 wpb_load_widget () {register_widget ( 'wpb_widget'); } add_action ( 'widgets_init', 'wpb_load_widget'); // 위젯 클래스 생성 wpb_widget extends WP_Widget {function __construct () {parent :: __ construct (// 위젯의 기본 ID 'wpb_widget', // 위젯 이름이 UI에 표시됨 __ ( 'BPC 위젯', 'wpb_widget_domain') , // 위젯 설명 배열 ( 'description'=> __ ( 'Simple WordPress Widget', 'wpb_widget_domain'),)); } // 공용 프런트 엔드 위젯 함수 위젯 생성 ($ args, $ instance) {$ title = apply_filters ( 'widget_title', $ instance [ 'title']); // 위젯 인수 전후는 테마에 의해 정의됩니다. echo $ args [ 'before_widget']; if (! empty ($ title)) echo $ args [ 'before_title']. $ 제목. $ args [ 'after_title']; // 여기에서 코드를 실행하고 출력을 표시합니다. echo __ ( 'Simple Widget', 'wpb_widget_domain'); echo $ args [ 'after_widget']; } // 위젯 백엔드 공용 함수 형식 ($ instance) {if (isset ($ instance [ 'title'])) {$ title = $ instance [ 'title']; } else {$ title = __ ( '새 제목', 'wpb_widget_domain'); } // 위젯 관리 양식?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />
코드를 추가 한 후 " 외관> 위젯 ". 새로운 위젯 " PCB 위젯 사용 가능한 위젯 목록에서. 이 위젯을 사이드 바로 끌어서 놓아야합니다.
이제 블로그를 방문하면 사이드 바에 해당 위젯을 추가 한 위젯이 표시됩니다.
이제이 코드를 살펴 보겠습니다.
먼저 " wpb_widget 그리고 커스텀 위젯을로드했습니다. 다음으로이 위젯의 기능과 대시 보드에 표시하는 방법을 정의했습니다.
마지막으로 위젯의 변경 사항을 처리하는 방법을 정의했습니다.
이제 몇 가지 알아야 할 것이 있습니다. 예를 들어 목표 " wpb_text_domain "?
WordPress는 "gettext"를 사용하여 번역 및 현지화를 관리합니다. 그래서 " wpb_text_domain "와 __e 변환 문자열이있는 경우 gettext에게 변환 문자열을 검색하는 방법을 알려줍니다.
WordPress 테마에 대한 사용자 정의 위젯을 작성하는 경우 "wpb_text_domain"을 테마 도메인의 텍스트로 바꿀 수 있습니다.
프리미엄 워드 프레스 플러그인도 만나보세요
당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.
우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.
1. 갤럭시 펀더
Galaxy Funder는 WooCommerce 웹 사이트를 위해 설계된 기능이 가득한 크라우드 펀딩 시스템입니다. 사용 워드 프레스 플러그인 프리미엄 Galaxy Funder를 사용하면 자신의 크라우드 펀딩 웹사이트를 관리하거나 WooCommerce 온라인 스토어 헤더에 모금 캠페인을 추가할 수 있습니다.
당신은 또한 사용할 수 있습니다 WooCommerce가 지원하는 결제 게이트웨이. "Galaxy Funder"는 온라인 상점 페이지에서 직접 작동하므로 사용자 기여 프로세스가 더 쉬워집니다.
2. WhatsApp 채팅을 클릭하십시오.
Le 워드 프레스 플러그인 프리미엄 Click to WhatsApp Chat을 사용하면 WordPress 고객이 WhatsApp 계정을 사용하여 웹사이트 소유자 또는 고객 지원팀에 쉽게 연결할 수 있습니다.
WhatsApp 계정을 클릭하면 기본 메시지가 포함 된 모바일 WhatsApp 계정으로 바로 연결됩니다. 클라이언트가 데스크톱 또는 랩톱에있는 경우 WhatsApp 웹으로 리디렉션됩니다.
이 플러그인에는 웹 사이트 소유자 또는 지원 팀이 논의하는 데 사용할 WhatsApp 번호와 시간 및 날짜가 필요합니다. WooCommerce 제품 상세 페이지에 채팅 버튼 추가 가능이 제품과 직접 관련이 있습니다.
3. 이미지 워터 마크 다운로드
이 워드프레스 플러그인 프리미엄을 사용하면 이미지에 워터마크를 쉽게 추가할 수 있습니다. 쉬운 디지털 다운로드.
이들 워터 마크 저작권 기호 이미지 일 수 있습니다. 회사 로고또는 브랜딩의 일부를 투명한 PNG 이미지로 표시합니다.
다른 추천 자료
또한 귀하의 웹 사이트 및 블로그에 대한 이해와 통제를 위해 아래 자료를 참조하십시오.
- 블로그 댓글을 평가하는 7 WordPress 플러그인
- 뉴스 레터를보다 잘 관리 할 수있는 5 개의 WordPress 플러그인
- 연락처 양식을 만들기위한 8 WordPress 플러그인
- 워드 프레스에 팝업으로 유튜브 비디오를 여는 방법
결론
짜잔! 이것이이 튜토리얼의 전부입니다. WordPress 블로그에서 사용자 정의 위젯을 작성할 수 있기를 바랍니다. 가지고 있다면 commentaires 또는 제안 사항은 예약 섹션에 알려주십시오.
그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
