WordPress에서 Ajax를 사용하는 방법 - 실제 예제
이 기사에서는 WordPress에서 Ajax를 사용하여 "나중에 읽기"플러그인을 만드는 방법을 보여줍니다. 플러그인은 각 게시물 아래에 링크를 추가하여 로그인 사용자가 나중에 읽을 수 있도록 게시물을 저장할 수 있도록합니다. 그런 다음 위젯은 이러한 저장된 게시물을 표시합니다. 이 자습서는 안전한 코딩 관행을 강조합니다
주요 개념 :
이 핵심 WordPress 파일은 Ajax 요청을 처리하여 보안 및 호환성을 보장합니다. 후크 :이 후크를 사용하여 사용자 정의 기능을 등록하여 Ajax 요청을 처리합니다. Enqueuing Scripts and Styles : WordPress 함수를 사용하여 적절하게 등록하고 JavaScript 및 CSS. nonce 검증 : 무단 액세스에 대한 Ajax 호출을 확보하는 데 필수적입니다. 동적 UI 업데이트 : ajax 페이지 재 장전없이 매끄럽고 빠른 컨텐츠 업데이트를 활성화합니다.
플러그인 기능 :-
"나중에 읽기"플러그인은 이러한 동작을 수행합니다 :
-
각 블로그 게시물 아래에"나중에 읽기 "링크를 추가합니다
클릭하면 포스트 ID가 사용자의 메타 데이터에 저장됩니다 (페이지 새로 고침없이). 위젯은 저장된 게시물을 표시합니다 플러그인 개발 단계 : admin-ajax.php
디렉토리 구조 : - 및 및 에 대한 하위 폴더가있는 플러그인 폴더 ()를 생성하고 파일 : ,
wp_ajax_
, 를 만듭니다. . - (플러그인 헤더 및 클래스) : 플러그인 헤더는이를 WordPress로 식별합니다. a
- 클래스는 플러그인 기능을 캡슐화합니다 eNqueueing 스크립트 및 스타일 : 클래스에는 WordPress hooks ()를 사용하여 및
- 파일을 등록하고 파일을 등록하고 queue하는 메소드가 포함되어 있습니다. "나중에 읽으십시오"링크 추가 : a function ()은 게시물 컨텐츠 및 발췌 링크를 추가하여 로그인 사용자에게만 표시됩니다. WordPress 필터 (
ajax url 정의 : url을 JavaScript에 사용할 수있게합니다.
javaScript (
) : JavaScript가 링크를 처리하고 ajax 요청을- 로 보내고 성공적인 저장 후 링크를 숨 깁니다.
-
Ajax Action Hook () :
in in ajax 요청을
이 함수는 를 사용하여 Post ID를 사용자의 메타 데이터에 저장합니다. 또한wp_ajax_read_me_later
함수에 연결합니다.read-me-later.php
read_me_later
함수 : 를 사용하여 저장된 게시물을 검색하고 표시합니다. 이 함수는 - 를 사용하여 적절한 ajax 출력을 보장합니다
위젯 (read_me_later> 사용자 정의 위젯 ()은 저장된 게시물을 표시하도록 확장합니다. 위젯 양식, 업데이트 및 디스플레이를위한 방법이 포함되어 있습니다.
를 사용하여, 를 사용하여 무단 요청을 방지합니다.update_user_meta
get_posts
ajax 통화 보안 : nonce verification은 javaScript에서die()
를 사용하여 -
widget.php
결론 : 이 자습서는 WordPress 플러그인 내에서 Ajax를 안전하고 효과적으로 사용하는 실질적인 예를 제공합니다. 보다 복잡하고 기능이 풍부한 플러그인을 만들기 위해이 기초를 조정하고 확장해야합니다. WordPress 후크 및 기능의 사용은 호환성과 유지 가능성을 보장합니다.RML_Widget
위 내용은 WordPress에서 Ajax를 사용하는 방법 - 실제 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

WordPress 기사 목록을 조정하는 4 가지 방법이 있습니다. 테마 옵션 사용, 플러그인 사용 (예 : Post Type Order, WP Post List, Boxy Sitture), 코드 사용 (Functions.php 파일의 설정 추가) 또는 WordPress 데이터베이스를 직접 수정하십시오.

블로그는 사람들이 자신의 의견, 의견 및 의견을 온라인으로 표현할 수있는 이상적인 플랫폼입니다. 많은 초보자들은 자체 웹 사이트를 구축하기를 간절히 원하지만 기술적 장벽이나 비용 문제에 대해 걱정하는 것을 주저합니다. 그러나 플랫폼이 초보자의 기능과 요구를 충족시키기 위해 계속 발전함에 따라 이제 그 어느 때보 다 쉬워지기 시작했습니다. 이 기사에서는 테마 선택에서 플러그인 사용, 보안 및 성능 향상에 이르기까지 WordPress 블로그를 작성하는 방법을 단계별로 안내하여 자신의 웹 사이트를 쉽게 만들 수 있습니다. 블로그 주제와 방향을 선택하십시오 도메인 이름을 구매하거나 호스트를 등록하기 전에 다루려는 주제를 식별하는 것이 가장 좋습니다. 개인 웹 사이트는 여행, 요리, 제품 리뷰, 음악 또는 귀하의 관심사를 불러 일으키는 취미와 관련하여 회전 할 수 있습니다. 진정으로 관심이있는 영역에 중점을두면 지속적인 글쓰기를 장려 할 수 있습니다.

최근에 사용자가 개인화 된 라이브러리에 좋아하는 게시물을 저장할 수 있도록하여 사용자가 개인화 된 경험을 만드는 방법을 보여주었습니다. 어떤 곳에서 이름을 사용하여 개인화 된 결과를 다른 수준으로 가져갈 수 있습니다 (예 : 환영 화면). 다행히 WordPress를 사용하면 로그인 한 사용자에 대한 정보를 쉽게 얻을 수 있습니다. 이 기사에서는 현재 로그인 한 사용자와 관련된 정보를 검색하는 방법을 보여줍니다. get_currentuserinfo ()를 사용합니다. 기능. 테마의 어느 곳에서나 사용할 수 있습니다 (헤더, 바닥 글, 사이드 바, 페이지 템플릿 등). 작동하려면 사용자에게 로그인해야합니다. 따라서 사용해야합니다.

상위 카테고리 아카이브 페이지에 자식 카테고리를 표시하는 방법을 알고 싶습니까? 분류 아카이브 페이지를 사용자 정의 할 때 방문자에게 더 유용하기 위해이를 수행해야 할 수도 있습니다. 이 기사에서는 부모 카테고리 아카이브 페이지에 자식 카테고리를 쉽게 표시하는 방법을 보여줍니다. 하위 범주가 부모 카테고리 아카이브 페이지에 나타나는 이유는 무엇입니까? 부모 카테고리 아카이브 페이지에 모든 자식 카테고리를 표시하면 방문자에게 덜 일반적이고 유용 할 수 있습니다. 예를 들어, 책에 대한 WordPress 블로그를 실행하고 "테마"라는 분류법을 가지고 있다면 독자가 할 수 있도록 "소설", "논픽션"과 같은 하위 세포 체질을 추가 할 수 있습니다.

과거에는 Postexpirator 플러그인을 사용하여 WordPress에서 게시물을 만료하는 방법을 공유했습니다. 활동 목록 웹 사이트를 만들 때이 플러그인이 매우 유용하다는 것을 알았습니다. 만료 된 활동 목록을 쉽게 삭제할 수 있습니다. 둘째,이 플러그인 덕분에 만료 후 날짜에 따라 게시물을 정렬하는 것도 매우 쉽습니다. 이 기사에서는 WordPress에서 만료일로 게시물을 정렬하는 방법을 보여줍니다. 사용자 정의 필드 이름을 변경하기 위해 플러그인의 변경 사항을 반영하도록 업데이트 된 코드. 의견에 알려 주신 Tajim에게 감사드립니다. 특정 프로젝트에서는 이벤트를 사용자 정의 게시물 유형으로 사용합니다. 지금

WordPress 웹 사이트 및 소셜 미디어 계정을 자동화하는 방법을 찾고 계십니까? 자동화를 사용하면 Facebook, Twitter, LinkedIn, Instagram 등에서 WordPress 블로그 게시물 또는 업데이트를 자동으로 공유 할 수 있습니다. 이 기사에서는 IFTTT, Zapier 및 Uncanny Automator를 사용하여 WordPress 및 소셜 미디어를 쉽게 자동화하는 방법을 보여 드리겠습니다. WordPress 및 소셜 미디어를 자동화하는 이유는 무엇입니까? WordPre를 자동화하십시오

WordPress 호스트를 사용하여 웹 사이트를 구축하려면 다음과 같이 필요합니다. 신뢰할 수있는 호스팅 제공 업체를 선택하십시오. 도메인 이름을 구입하십시오. WordPress 호스팅 계정을 설정하십시오. 주제를 선택하십시오. 페이지와 기사를 추가하십시오. 플러그인을 설치하십시오. 웹 사이트를 사용자 정의하십시오. 귀하의 웹 사이트를 게시하십시오.

사용자 중 한 명이 다른 웹 사이트에 바닥 글에 쿼리 수와 페이지로드 시간을 표시하는 방법을 물었습니다. 당신은 종종 웹 사이트의 바닥 글에서 이것을 볼 수 있으며, "1.248 초 만에 64 쿼리"와 같은 것을 표시 할 수 있습니다. 이 기사에서는 WordPress에 쿼리 수와 페이지로드 시간을 표시하는 방법을 보여줍니다. 테마 파일 (예 : footer.php)에서 원하는 곳에서 다음 코드를 붙여 넣으십시오. 쿼리 신
