Obține ID-ul postării curente ca variabilă în Javascript

Puteți transmite variabile către JavaScript folosind funcția wp_localize_script: https://codex.wordpress.org/Function_Reference/wp_localize_script

Adăugați următoarele în functions.php

if(!function_exists('load_my_script')){
    function load_my_script() {
        global $post;
        $deps = array('jquery');
        $version= '1.0'; 
        $in_footer = true;
        wp_enqueue_script('my-script', get_stylesheet_directory_uri() . '/js/my-script.js', $deps, $version, $in_footer);
        wp_localize_script('my-script', 'my_script_vars', array(
                'postID' => $post->ID
            )
        );
    }
}
add_action('wp_enqueue_scripts', 'load_my_script');

Și fișierul dvs. js (theme-name/js/my-script.js):

jQuery(document).ready(function($) {
        alert( my_script_vars.postID );
});

Notă:

Dacă încercați să transmiteți valori întregi, va trebui să apelați funcția JavaScript parseInt().

Este disponibil în câmpul ascuns post_ID atât pentru articolele publicate, cât și pentru cele noi. Îl puteți obține folosind acest simplu cod jQuery.

jQuery("#post_ID").val()

Eu folosesc asta -

document.querySelector('.status-publish').getAttribute('id');

Aceasta returnează post-xxx unde xxx este numărul postării. Apoi poți înlocui post- cu un string gol.

var id = document.querySelector('.status-publish').getAttribute('id').replace("post-", "");

Bine, am înțeles. Poate asta va ajuta pe cineva. În functions.php al temei:

function pid() {

global $current_screen;
$type = $current_screen->post_type;

    ?>
    <script type="text/javascript">
    var post_id = '<?php global $post; echo $post->ID; ?>';
    </script>
    <?php

} 
add_action('wp_head','pid');

Poate ai nevoie de o soluție în PHP, dar iată o soluție pur JavaScript... deși depinzi de faptul că WordPress păstrează clasa "post-XXX" în tag-ul body.

function getWordPressPostId() {
    let postID = null;
    try {
        document.getElementsByTagName("body")[0].classList.forEach((cls) => {
            if(cls.startsWith("postid-")) {
                postID = cls.split("-")[1];
            }
        });
    } catch(exc) {
        // ... gestionare excepție
    }
    return postID;
}

către frontend postID = jQuery('article').attr('id').slice(5);

către backend post_ID = jQuery('#post_ID').val();

Pe ecranele de editare a articolelor, când Gutenberg este activat, puteți utiliza o variabilă JS setată de obiectul wp.media.

wp.media.view.settings.post.id,

Pe partea de front-end, cea mai bună abordare a fost deja descrisă mai sus.

NB. Începând cu WP 4.5, este recomandat să folosiți wp_add_inline_script(), în loc de wp_localize_script() - aceasta din urmă fiind destinată pentru localizare.

Vezi: wp_localize_script() > Mai multe informații

wp_add_inline_script()

Folosesc document.getElementById('cdp-current-post-id').value în WordPress 6.4

Pentru a obține ID-ul postării curente în JS într-un mediu WordPress, de obicei trebuie să transmiți ID-ul postării de la PHP la JS folosind wp_localize_script() sau să-l încorporați direct în marcajul HTML.

Mai întâi, încărcați fișierul JS în fișierul functions.php al temei dumneavoastră

function enqueue_custom_script() {
    // Încărcați fișierul JavaScript
    wp_enqueue_script('custom-script', get_template_directory_uri() . '/js/custom-script.js', array('jquery'), '', true);
    
    // Transmiteți ID-ul postării către fișierul JavaScript
    global $post;
    wp_localize_script('custom-script', 'post_id_object', array('post_id' => $post->ID));
}
add_action('wp_enqueue_scripts', 'enqueue_custom_script');

În fișierul custom-script.js, puteți accesa variabila ID-ului postării astfel:

// Accesați variabila ID-ului postării transmisă din PHP
var post_id = post_id_object.post_id;
console.log(post_id); // Afișați ID-ul postării în consola browserului

Dacă te referi la partea de frontend, iată soluția mea scurtă pentru a extrage ID-ul din clasa body:

var postid = $("body")[0].className.match(/postid-\d+/)[0].split("-")[1];

Nu este nevoie de PHP, astfel încât poți păstra scripturile js separate.