Llegué tarde a responder esta pregunta, pero desde que Ian comenzó este hilo en la lista de wp-hackers hoy, me hizo pensar que valía la pena responder, especialmente teniendo en cuenta que he estado planeando agregar esa característica a algunos complementos en los que he estado trabajando.
Un enfoque a considerar es verificar la carga de la primera página para ver si el shortcode se usa realmente y luego guardar el estado de uso del shortcode en una meta clave. Así es cómo:
Instrucciones paso a paso
- Establecer una
$shortcode_usedbandera para 'no'.
- En la función de shortcode, establezca la
$shortcode_usedbandera en 'yes'.
- Establezca una
'the_content'prioridad de enlace 12que es después de que WordPress haya procesado los códigos cortos y verifique la meta del mensaje para ''usar la clave "_has_{$shortcode_name}_shortcode". (Se ''devuelve un valor de cuando no existe una metaclave de publicación para la ID de publicación).
- Use un
'save_post'gancho para eliminar la metaetiqueta de la publicación, borrando el indicador persistente para esa publicación en caso de que el usuario cambie el uso de shortcode.
- También en el
'save_post'gancho, use wp_remote_request()para enviar un HTTP GET sin bloqueo al enlace permanente de la publicación para activar la carga de la primera página y la configuración del indicador persistente.
- Por último, establezca
'wp_print_styles'y verifique el meta meta de la publicación para obtener un valor de 'yes', 'no'o ''utilizando la clave "_has_{$shortcode_name}_shortcode". Si el valor es 'no'no sirva al externo. Si el valor es 'yes'o ''sigue adelante y sirve al externo.
Y eso debería hacerlo. He escrito y probado un complemento de ejemplo para mostrar cómo funciona todo esto.
Código de complemento de ejemplo
El complemento se activa en un [trigger-css]código corto que establece los <h2>elementos de la página en blanco sobre rojo para que pueda verlo funcionar fácilmente. Asume un csssubdirectorio que contiene un style.cssarchivo con este CSS:
/*
* Filename: css/style.css
*/
h2 {
color: white;
background: red;
}
Y a continuación se muestra el código en un complemento que funciona:
<?php
/**
* Plugin Name: CSS on Shortcode
* Description: Shows how to conditionally load a shortcode
* Author: Mike Schinkel <mike@newclarity.net>
*/
class CSS_On_Shortcode {
/**
* @var CSS_On_Shortcode
*/
private static $_this;
/**
* @var string 'yes'/'no' vs. true/false as get_post_meta() returns '' for false and not found.
*/
var $shortcode_used = 'no';
/**
* @var string
*/
var $HAS_SHORTCODE_KEY = '_has_trigger-css_shortcode';
/**
*
*/
function __construct() {
self::$_this = $this;
add_shortcode( 'trigger-css', array( $this, 'do_shortcode' ) );
add_filter( 'the_content', array( $this, 'the_content' ), 12 ); // AFTER WordPress' do_shortcode()
add_action( 'save_post', array( $this, 'save_post' ) );
add_action( 'wp_print_styles', array( $this, 'wp_print_styles' ) );
}
/**
* @return CSS_On_Shortcode
*/
function this() {
return self::$_this;
}
/**
* @param array $arguments
* @param string $content
* @return string
*/
function do_shortcode( $arguments, $content ) {
/**
* If this shortcode is being used, capture the value so we can save to post_meta in the 'the_content' filter.
*/
$this->shortcode_used = 'yes';
return '<h2>THIS POST WILL ADD CSS TO MAKE H2 TAGS WHITE ON RED</h2>';
}
/**
* Delete the 'has_shortcode' meta value so that it can be regenerated
* on first page load in case shortcode use has changed.
*
* @param int $post_id
*/
function save_post( $post_id ) {
delete_post_meta( $post_id, $this->HAS_SHORTCODE_KEY );
/**
* Now load the post asynchronously via HTTP to pre-set the meta value for $this->HAS_SHORTCODE_KEY.
*/
wp_remote_request( get_permalink( $post_id ), array( 'blocking' => false ) );
}
/**
* @param array $args
*
* @return array
*/
function wp_print_styles( $args ) {
global $post;
if ( 'no' != get_post_meta( $post->ID, $this->HAS_SHORTCODE_KEY, true ) ) {
/**
* Only bypass if set to 'no' as '' is unknown.
*/
wp_enqueue_style( 'css-on-shortcode', plugins_url( 'css/style.css', __FILE__ ) );
}
}
/**
* @param string $content
* @return string
*/
function the_content( $content ) {
global $post;
if ( '' === get_post_meta( $post->ID, $this->HAS_SHORTCODE_KEY, true ) ) {
/**
* This is the first time the shortcode has ever been seen for this post.
* Save a post_meta key so that next time we'll know this post uses this shortcode
*/
update_post_meta( $post->ID, $this->HAS_SHORTCODE_KEY, $this->shortcode_used );
}
/**
* Remove this filter now. We don't need it for this post again.
*/
remove_filter( 'the_content', array( $this, 'the_content' ), 12 );
return $content;
}
}
new CSS_On_Shortcode();
Capturas de pantalla de ejemplo
Aquí hay una serie de capturas de pantalla
Editor de publicaciones básico, sin contenido
Visualización de publicaciones, sin contenido
Editor de publicaciones básico con [trigger-css]shortcode
Visualización de publicaciones con [trigger-css]código corto
No estoy seguro si es 100%
Creo que lo anterior debería funcionar en casi todos los casos, pero como acabo de escribir este código, no puedo estar 100% seguro. Si puede encontrar situaciones en las que no funciona, me gustaría saberlo para poder arreglar el código en algunos complementos a los que acabo de agregar esto. Gracias por adelantado.