Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 901.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62

คุณลักษณะหลังคุณลักษณะ WordPress มีแนวโน้มที่จะทิ้งระบบบล็อกไปที่ระบบการพัฒนาแอปพลิเคชัน ขั้นตอนแรกที่เห็นได้ชัดเจนในการเปลี่ยนแปลงนี้คือการแนะนำ ประเภทโพสต์ที่กำหนดเองในรุ่น 2.9

วันนี้การเปลี่ยนแปลงยังคงดำเนินต่อไปพร้อมกับการมาถึงของ WordPress REST API.

ในบทช่วยสอนนี้ฉันจะอธิบายว่า WordPress REST API คืออะไรและแสดงวิธีการใช้งาน

แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

ถ้าอย่างนั้นเราก็กลับไปดูว่าทำไมเราถึงมาที่นี่

REST API คืออะไร

พูดง่ายๆให้เข้าใจว่า WordPress REST API ช่วยให้คุณสามารถโต้ตอบกับแกนหลักของ WordPress ได้โดยไม่ต้องผ่านอินเทอร์เฟซแบบกราฟิก ซึ่งหมายถึงการแยกเคอร์เนลและ GUI ด้วย API นี้คุณสามารถสร้างบทความใหม่ได้โดยไม่ต้องเข้าถึงไฟล์ หน้าปัด. REST API จะรวมอยู่ในเคอร์เนลเมื่อเวอร์ชัน 4.4 เปิดตัวภายในเดือนธันวาคม

เนื่องจากลักษณะของบทช่วยสอนนี้จำเป็นต้องมีความรู้ภาษา PHP และ WordPress เป็นอย่างดี

เราต้องการอะไรสำหรับบทช่วยสอนนี้

ในการเริ่มต้นกับ REST API คุณจะต้องมีปลั๊กอิน REST API เช่นเดียวกับ WordPress เวอร์ชันล่าสุด คุณมีหรือไม่ ถ้าไม่, ดูว่าทำไมความรู้เกี่ยวกับ WordPress HTTP API จะเป็น บริษัท ที่ดีสำหรับการโทรทางไกล

ค้นพบโดยคลิกที่ลิงค์นี้ วิธีการติดตั้ง (เพิ่ม) ปลั๊กอินบน WordPress

เป็นโครงการสำหรับการกวดวิชานี้เรา จะสร้างการติดตั้ง WordPress ของท้องถิ่น ซึ่งเราจะดึงบทความจากเว็บไซต์ของเราผ่าน REST API ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งและเปิดใช้งานปลั๊กอิน REST API บนเว็บไซต์ที่ใช้งานจริง

ตอนนี้สร้าง วิดเจ็ต ในการติดตั้งท้องถิ่นของคุณ นี่คือรหัสพื้นฐาน:

/**
 * Plugin Name: REST API Widget Essai
 * Plugin URI: http://le-site-de-votre-widget-ici.com
 * Description: Ce widget récupère des articles à l'aide de l'API REST
 * Version: 1.0
 * Author: Votre nom
 * Author URI: http://votre-site.com
 */

class Mes_Articles_Widget extends WP_Widget {

    public function __construct() {
        $widget_details = array(
            'classname' => 'widget-essai-rest-api',
            'description' => 'Un widget qui récupère des articles à l'aide de l'API REST depuis un autre site'
        );

        parent::__construct( 'widget-essai-rest-api', 'REST API Widget Essai', $widget_details );

    }

    public function form( $instance ) {
        $title = ( !empty( $instance['title'] ) ) ? $instance['title'] : '';
        ?>

        <p>
            <label for="<?php echo $this->get_field_name( 'title' ); ?>">Title: </label>
            <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
        </p>

        <?php
    }
    public function widget( $args, $instance ) {
        echo $args['before_widget'];
        if( !empty( $instance['title'] ) ) {
            echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base ) . $args['after_title'];
        }
        // le code fonctionnel du widget ici
        echo $args['after_widget'];
    }
}
add_action( 'widgets_init', function(){
     register_widget( 'Mes_Articles_Widget' );
});

ในไดเรกทอรีปลั๊กอินของเว็บไซต์ท้องถิ่นของคุณสร้างโฟลเดอร์ชื่อ วิดเจ็ตทดสอบส่วนที่เหลือ-API ในโฟลเดอร์นี้สร้างไฟล์ชื่อ Widget-ทดสอบส่วนที่เหลือ api.php และวางรหัสด้านบน

ค้นพบโดยวิธี วิธีจัดการและกู้คืนเวิร์ดเพรสเวอร์ชันด้วย VersionPress

โค้ดนี้มีส่วนหัวของปลั๊กอิน (ความคิดเห็นที่จุดเริ่มต้นของโค้ด) ซึ่งทำให้ WordPress ทราบว่าเป็นปลั๊กอิน ถัดมาคือรหัสขั้นต่ำสำหรับการสร้างวิดเจ็ตโดยเพิ่มขึ้นสองสามบรรทัด 

เราจะให้ความสำคัญกับฟังก์ชันมากขึ้น วิดเจ็ต ()เนื่องจากอยู่ภายในสิ่งนี้ทำให้การแสดงผลของวิดเจ็ตถูกสร้างขึ้น ดังนั้นจึงอยู่ในฟังก์ชันนี้ที่เราจะทำการโทรโดยใช้ HTTP API

รับบทความ

เราต้องการข้อมูลบางอย่างเพื่อสอบถามเว็บไซต์การผลิตหรือเว็บไซต์ออนไลน์ สิ่งเหล่านี้จะก่อให้เกิดคำถามใน WordPress ของเว็บไซต์ออนไลน์ของเรา นี่คือเส้นทางพื้นฐานของ API เส้นทางที่ใช้การสิ้นสุดที่ใช้ส่วนหัวและพารามิเตอร์

ทำให้ภาพตัวอย่างของคุณอ่อนลงโดยการค้นพบ วิธีสร้างรูปภาพแบบโต้ตอบบนบล็อก WordPress

พา ธ WordPress REST API พื้นฐานอยู่เสมอ / wp-JSON / WP / v2 /. ดังนั้นเส้นทางที่เต็มจะ http://votre-domaine.com/wp-json/wp/v2/.

เส้นทางที่ใช้เพื่อดึงรายการคือ / โพสต์. สิ่งที่ทำให้เส้นทางที่สมบูรณ์สำหรับบทความคือ http://votre-domaine.com/wp-json/wp/v2/posts.

แต่ละเส้นทางสามารถมีการสิ้นสุดได้หลายแบบโดยแตกต่างจากวิธี HTTP ที่ใช้ ดังนั้นเส้นทางของบทความสามารถ / โพสต์ / 291 นี้ถนน 3 ตอนจบ:

GET : เพื่อดึงบทความ
PUT : เพื่ออัปเดตบทความ
ลบ : เพื่อลบบทความ

การใช้ HTTP API และการยุติ GET การดึงบทความมาเป็นโค้ดหนึ่งบรรทัด:

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

Elementor ให้คุณสร้าง อย่างง่ายดายและฟรี การออกแบบเว็บไซต์หรือบล็อกใดๆ ก็ตามที่ดูเป็นมืออาชีพ หยุดจ่ายมากสำหรับเว็บไซต์ที่คุณทำเองได้

$response = wp_remote_get( 'http://mysite.com/wp-json/wp/v2/posts/' );

ทำให้บทความของคุณเป็นที่นิยมโดยการค้นพบ วิธีการเพิ่มปุ่มใช้งานร่วมกันบน WordPress

ถ้าคำตอบคือวัตถุ WP_Errorเราสิ้นสุดการทำงานของฟังก์ชันของเรา วิดเจ็ต ()ถ้าไม่เราตรวจสอบเนื้อหาของร่างกายของคำตอบด้วยฟังก์ชั่น wp_remote_retrieve_body กำลังมองหาบทความที่เข้ารหัสในรูปแบบ JSON นี่คือลักษณะของฟังก์ชัน วิดเจ็ต ()  :

 public function widget( $args, $instance ) {
    $response = wp_remote_get( 'http://mysite.com/wp-json/wp/v2/posts/' );

    if( is_wp_error( $response ) ) {
        return;
    }

    $posts = json_decode( wp_remote_retrieve_body( $response ) );

    if( empty( $posts ) ) {
        return;
    }   
    echo $args['before_widget'];

    if( !empty( $instance['title'] ) ) {
        echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base ) . $args['after_title'];
    }
    if( !empty( $posts ) ) {
        echo '<ul>';
        foreach( $posts as $post ) {
            echo '<li><a href="' . $post->link. '">' . $post->title->rendered . '</a></li>';
        }
        echo '</ul>';
    }
    echo $args['after_widget'];
}

สิ่งที่น่าสนใจในตัวอย่างนี้คือการแทนที่ฟังก์ชัน wp_remote_get มิฉะนั้นตัวอย่างนี้จะอยู่นอกขอบเขตของ WordPress ซึ่งหมายความว่าคุณสามารถค้นหาหลักของ WordPress จากแพลตฟอร์มอื่น ๆ ไม่ว่าจะเป็น Joomla, Prestashop, Drupal, Android หรือ IOS

ไปต่อด้วยการค้นพบสิ่งเหล่านี้ ปลั๊กอิน WordPress 8 เพื่อเปลี่ยนเว็บไซต์ของคุณเป็นแอปพลิเคชันมือถือ

คุณจึงสามารถสร้างแอปพลิเคชันบนมือถือที่เชื่อมต่อกับแบ็คออฟฟิศของ WordPress ได้ REST API เปลี่ยน WordPress ให้เป็นแพลตฟอร์มการพัฒนาแอปพลิเคชัน

ก้าวไปอีกขั้นด้วย REST API

การค้นหาหลักของ WordPress เพื่อวัตถุประสงค์ในการโต้ตอบกับข้อมูลถือเป็นการใช้งาน 90% แต่ยังมีบางพื้นที่ที่น่าสนใจในการสำรวจ: แคช การตอบสนองการพิสูจน์ตัวตนและการค้นหาบริการ

แคชตอบสนอง

เมื่อเราดึงข้อมูลเช่นบทความในตัวอย่างของเราเป็นแนวทางปฏิบัติที่ดีในการแคชข้อมูลนั่นคือคัดลอกไว้ที่ใดที่หนึ่งในเทอร์มินัลการโทรเพื่อหลีกเลี่ยงการโทรอื่น ๆ สำหรับข้อมูลเดียวกัน เซิฟเวอร์. มีแนวทางที่แตกต่างกันเพื่อให้บรรลุเป้าหมายนี้รวมถึง JP REST API CACHEที่ แคชปลั๊กอิน, และชั่วคราว

แนวคิดของการชั่วคราวคือการคัดลอกข้อมูลในเครื่องที่มีวันหมดอายุ ตามค่าเริ่มต้นสำเนาจะอยู่ในฐานข้อมูล แต่การใช้งานบางอย่างอนุญาตให้คัดลอกลงในหน่วยความจำได้โดยตรงซึ่งทำให้การดำเนินการกู้คืนเร็วยิ่งขึ้น

ดูสิ่งเหล่านี้ด้วย ปลั๊กอิน WordPress 7 พรีเมี่ยมเพื่อเพิ่มประสิทธิภาพการแคชของเว็บไซต์ของคุณ

จากนั้นข้อมูลจะถูกดึงมาจากฐานข้อมูลภายในเครื่องจนกว่าจะหมดอายุซึ่งจะถูกเรียกคืนจากเว็บไซต์ระยะไกล นี่คือวิดเจ็ตเวอร์ชันที่แก้ไขแล้วซึ่งรวมถึงแนวคิดเรื่องชั่วคราว (พร้อมฟังก์ชันใหม่)

public function get_remote_posts() {
    $posts = get_transient( 'remote_posts' );
    if( empty( $posts ) ) {
        $response = wp_remote_get( 'http://votre-domaine.com/wp-json/wp/v2/posts/' );
        if( is_wp_error( $response ) ) {
            return array();
        }

        $posts = json_decode( wp_remote_retrieve_body( $response ) );

        if( empty( $posts ) ) {
            return array();
        }

        set_transient( 'remote_posts', $posts, HOUR_IN_SECONDS );
    }

    return $posts;
}

public function widget( $args, $instance ) {
    $posts = $this->get_remote_posts();

    if( empty( $posts ) ) {
        return;
    }
    
    echo $args['before_widget'];

    if( !empty( $instance['title'] ) ) {
        echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base ) . $args['after_title'];
    }

    echo '<ul>';
    foreach( $posts as $post ) {
        echo '<li><a href="' . $post->link. '">' . $post->title->rendered . '</a></li>';
    }
    echo '</ul>';

    echo $args['after_widget'];

}

การรับรองความถูกต้อง

เมื่อทำงานกับแหล่งข้อมูลภายนอกขอแนะนำให้ระบุตัวตน สิ่งนี้ทำได้ผ่านกระบวนการรับรองความถูกต้อง REST API มีสองวิธีในการระบุตัวตนของคุณ: การพิสูจน์ตัวตนพื้นฐานและ OAuth

การรับรองความถูกต้องขั้นพื้นฐาน : จากสองวิธีวิธีนี้ง่ายกว่า ประกอบด้วยการส่งชื่อผู้ใช้และรหัสผ่านของคุณในแต่ละคำขอซึ่งมีความเสี่ยงด้านความปลอดภัยอย่างมาก ด้วยเหตุนี้จึงไม่ควรใช้ในการผลิตมากที่สุด

ในการใช้การรับรองความถูกต้องขั้นพื้นฐานคุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน พื้นฐานการตรวจสอบสิทธิ์. จากนั้นในการโทรที่รับรองความถูกต้องให้ประกาศส่วนหัวด้วย ขั้นพื้นฐาน และโทรออก:

$headers = array (
    'Authorization' => 'Basic ' . base64_encode( 'username:password' ),
);

$response = wp_remote_request( 'http://votre-domaine.com/wp-json/wp/v2/posts/1234/', array(
    'method' => 'DELETE',
    'headers' => $headers
));

ดูเพิ่มเติม วิธีเพิ่มการรับรองความถูกต้องด้วยสองปัจจัยบน WordPress

โปรดใช้ความระมัดระวังกับตัวอย่างนี้เพราะหากคุณลองใช้บนเว็บไซต์ของคุณคุณจะลบบทความที่มี ID 1234 หากมีอยู่.

OAuth : วิธีการนี้ยังคงคลุมเครือจากมุมมองของเอกสารที่ต้องการให้คุณติดตั้งและเปิดใช้งานปลั๊กอิน OAuth1. การใช้วิธีการรับรองความถูกต้องนี้รวมถึงการติดตั้งและการใช้งานร่วมกัน WP-CLIบรรทัดคำสั่งสำหรับ WordPress และ ไคลเอ็นต์ WP CLI.

การเปิดตัวอินเทอร์เฟซบรรทัดคำสั่งไม่ใช่ปัญหาในตัวมันเอง แต่การขาดรายการคำสั่งที่เป็นปัญหา

การค้นพบบริการ

ส่วนหนึ่งของการเรียนรู้ API ใด ๆ เริ่มคุ้นเคยกับตัวเลือกต่างๆ ดังนั้นฉันขอแนะนำให้คุณตรวจสอบส่วนบน การค้นพบบริการ ของเอกสาร WordPress REST API

คุณจะพบวิธีการโต้ตอบกับบทความประเภทโพสต์สื่อข้อมูลเมตาตลอดจนความผิดปกติเช่นไม่สามารถลบผู้ใช้หรือข้อกังวลเล็กน้อยอื่น ๆ

โปรดจำไว้ว่านี่เป็นงานระหว่างดำเนินการซึ่งน่าสนใจมากอยู่แล้ว

ใครใช้ WordPress REST API

ในทุกสิ่งมีผู้บุกเบิก WordPress REST API ก็ไม่มีข้อยกเว้น นี่คือรายชื่อสั้น ๆ ของ บริษัท เพียงไม่กี่แห่งที่ใช้ API แม้ว่าจะมีอายุน้อยก็ตาม:

Made มนุษย์ ใช้ API เพื่อสร้างเว็บไซต์สำหรับลูกค้าที่ต้องการสิ่งที่ยืดหยุ่นมากขึ้นสำหรับส่วนหน้า

ค้นหาสด WP เป็นปลั๊กอินฟรีที่ใช้ประโยชน์จาก API สำหรับฟังก์ชันการค้นหา

editus เป็นปลั๊กอินพรีเมียมที่ใช้ API สำหรับฟังก์ชันการแก้ไขส่วนหน้า

ผ่อนคลายหลังเล่น D' ใครใช้สิ่งนี้? ผู้คนและ บริษัท อื่น ๆ กำลังใช้ WordPress REST API เพื่อสร้างแอปพลิเคชันมือถือ

แม้จะมีอายุน้อย แต่ WordPress REST API ถือเป็นคำมั่นสัญญาที่ยิ่งใหญ่ในการเปลี่ยนแปลง WordPress ให้เป็นแพลตฟอร์มการพัฒนาแอปพลิเคชัน

คุณใช้ WordPress REST API ด้วยหรือไม่  เราอยากให้คุณประทับใจในเรื่องนี้

คุณจะหาโอกาสที่เสนอได้อย่างไร? แบ่งปันปฏิกิริยาของคุณกับเราในส่วนความคิดเห็นของเรา

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

คุณสามารถใช้ปลั๊กอิน WordPress อื่น ๆ เพื่อสร้างรูปลักษณ์ที่ทันสมัยและปรับให้เหมาะกับบล็อกหรือเว็บไซต์ของคุณ

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 การเปลี่ยนเส้นทาง WordPress Ultimate

ปลั๊กอิน "WordPress Ultimate Redirect" เป็นโซลูชันเดียวและโซลูชันเดียวที่คุณต้องใช้ในการจัดการกับการเปลี่ยนเส้นทาง 404 การย้ายไซต์และ / หรือการเปลี่ยนหรือโอนโดเมน

ปลั๊กอินการเปลี่ยนเส้นทางที่ดีที่สุดของ Wordpress

มีปลั๊กอินที่ทำสิ่งที่ปลั๊กอินทำ แต่ไม่ใช่ทั้งหมดในเวลาเดียวกัน ปลั๊กอินนี้มีฟังก์ชันการเปลี่ยนเส้นทาง 404 ตามปกติรวมทั้ง "เปลี่ยนเส้นทางอัตโนมัติไปยัง URL ที่ใกล้เคียงที่สุด"

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 Leadeo

คุณรู้หรือไม่ว่าการใช้วิดีโอบนหน้า Landing Page สามารถปรับปรุงการแปลงได้มากกว่า 80% เช่นเดียวกันกับหน้าการขายที่มีมากกว่า 46% Leadeo สามารถช่วยให้คุณได้รับโอกาสในการขายและยอดขายเพิ่มขึ้นจากคนที่ดูวิดีโอในบล็อกของคุณLeadeo

ด้วยปลั๊กอินนี้คุณจะสามารถสร้างวิดีโอที่มีประโยชน์สำหรับกลุ่มเป้าหมายแชร์บนเครือข่ายโซเชียลและรายชื่อผู้ติดต่อของคุณทางอีเมลและส่งโฆษณา ดังนั้นผู้คนจะเห็นวิดีโอและสนุกกับมัน

เนื่องจากวิดีโอกระตุ้นความสนใจที่คาดหวังผู้ที่ได้รับชมจึงได้รับข้อเสนอ:

  • สมัครรับรายชื่ออีเมลของคุณเพื่อรับคำแนะนำ
  • เพื่อติดต่อคุณ
  • แบ่งปันสิ่งที่น่าสนใจที่คุณพูดในวิดีโอ
  • แชร์วิดีโอกับเพื่อน ๆ
  • คลิกที่ปุ่มคำกระตุ้นการตัดสินใจของคุณ
  • และอื่น ๆ

และการดำเนินการทั้งหมดนี้มีให้ทางด้านขวาของวิดีโอ

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 CommentPress

CommentPress เป็นปลั๊กอินกระชับ WordPress ที่มีประสิทธิภาพที่ช่วยให้คุณสามารถแทรกแก้ไขและลบความคิดเห็นได้อย่างรวดเร็วและง่ายดาย CommentPress ใช้ Ajax, jQuery และ PHP เพื่อให้ผู้เยี่ยมชมสามารถแทรกความคิดเห็นได้โดยไม่ต้องโหลดหน้าซ้ำCommentpress ajax ความคิดเห็นแทรกแก้ไขและลบความคิดเห็น

ปลั๊กอินนี้มีตัวเลือกการปรับแต่งมากมายในที่สุดก็ให้มันเป็นรูปลักษณ์และความรู้สึกที่คุณต้องการ มันมี captcha เพื่อป้องกันสแปมและนำไปสู่ส่วนความคิดเห็นของคุณมีความปลอดภัยมากขึ้น

คุณสมบัติหลัก ได้แก่ การแทรกความคิดเห็นที่ง่ายความเป็นไปได้สำหรับผู้ใช้ในการตอบกลับความคิดเห็นที่เฉพาะเจาะจงการแบ่งหน้าความคิดเห็นการจัดการการดูแลระบบส่วนความคิดเห็นอย่างสมบูรณ์ปุ่มสำหรับการแทรกรูปภาพที่ง่ายดาย วิดีโอและลิงก์รูปแบบที่ตอบสนองอย่างสมบูรณ์แคปต์ชาเพื่อรักษาความปลอดภัยแบบฟอร์มและป้องกันสแปมและอื่น ๆ อีกมากมาย

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

ค้นหาข้อมูลเกี่ยวกับแหล่งข้อมูลที่แนะนำอื่น ๆ เพื่อช่วยคุณสร้างและจัดการเว็บไซต์ของคุณ

สรุป

ที่นี่! สำหรับบทช่วยสอนนี้ เราหวังว่าบทช่วยสอนนี้จะแสดงวิธีใช้ WordPress REST API อย่าลังเลที่จะ แบ่งปันบทความนี้กับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ

อย่างไรก็ตามคุณยังจะสามารถปรึกษาเราได้ บริการสารสนเทศหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress

หากคุณมีข้อเสนอแนะหรือข้อสังเกตไว้ในส่วนของเรา ความเห็น.

... 

11 หุ้น
หุ้น10
ทวีต1
Enregistrer