Archivos de Categoría: Shortcode

Contador para mostrar un contenido después de una fecha

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para mostrar un contenido después de una fecha dentro de cualquier contenido en WordPress, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function content_countdown_shortcode($atts, $content = null){
extract(shortcode_atts(array(
'month' => '',
'day'   => '',
'year'  => ''
), $atts));
$remain = ceil((mktime( 0,0,0,(int)$month,(int)$day,(int)$year) - time())/86400);
if( $remain > 1 ){
return $daysremain = "<div class=\"event\">Solo faltan <b>($remain)</b> días para mostrar el contenido</div>";
}else if($remain == 1 ){
return $daysremain = "<div class=\"event\">Solo faltan <b>($remain)</b> día para mostrar el contenido</div>";
}else{
return $content;
}
}
add_shortcode('cdt', 'content_countdown_shortcode');
Como se inserta el shortcode:

[cdt month="02" day="14" year="2017"]
Aquí va el contenido que deseamos ocultar hasta el 14/02/2017
[/cdt]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Insertar un video de YouTube

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para insertar un video de YouTube dentro de cualquier contenido en WordPress, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function youtube_shortcode($atts) {
extract(shortcode_atts(array(
"value" => 'https://',
"width" => '475',
"height" => '350',
"name"=> 'movie',
"allowFullScreen" => 'true',
"allowScriptAccess"=>'always',
), $atts));
return '<object style="height: '.$height.'px; width: '.$width.'px"><param name="'.$name.'" value="'.$value.'"><param name="allowFullScreen" value="'.$allowFullScreen.'"></param><param name="allowScriptAccess" value="'.$allowScriptAccess.'"></param><embed src="'.$value.'" type="application/x-shockwave-flash" allowfullscreen="'.$allowFullScreen.'" allowScriptAccess="'.$allowScriptAccess.'" width="'.$width.'" height="'.$height.'"></embed></object>';
}
add_shortcode("youtube", "youtube_shortcode");
Como se inserta el shortcode:

[youtube value="url del video"]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Agregar el botón Tweetmeme en cualquier contenido

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para insertar el botón «Tweetmeme» dentro de cualquier contenido en WordPress, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function tweetmeme(){
return '<div class="tweetmeme"><script type="text/javascript" src="https://tweetmeme.com/i/scripts/button.js"></script></div>';
}
add_shortcode('tweetmeme', 'tweetmeme');
Como se inserta el shortcode:

[tweetmeme]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Insertar un iframe en WordPress

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para insertar un iframe dentro de WordPress, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

class iframe_shortcode {
function shortcode($atts, $content=null) {
extract(shortcode_atts(array(
'url' => '',
'scrolling' => 'no',
'width' => '100%',
'height'  => '500',
'frameborder' => '0',
'marginheight' => '0',
), $atts));
if (empty($url)) return '<!-- Iframe: You did not enter a valid URL -->';
return '<iframe src="'.$url.'" title="" width="'.$width.'" height="'.$height.'" scrolling="'.$scrolling.'" frameborder="'.$frameborder.'" marginheight="'.$marginheight.'"><a href="'.$url.'" target="_blank">'.$url.'</a></iframe>';
}
}
add_shortcode('iframe', array('iframe_shortcode', 'shortcode'));
Como se inserta el shortcode:

[iframe url="#" width="100" height="100" scrolling="yes" frameborder="1" marginheight="2"]

Debes insertar una URL valida dentro de url=»#».

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Insertar books en WordPress con Google Books

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para insertar «books» dentro de WordPress utilizando Google Books, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function google_books_shortcode( $atts ){
extract(shortcode_atts(array(
"id" => '',
"width"  => '600',
"height" => '900',
), $atts));
return '<script type="text/javascript" src="https://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">
GBS_insertEmbeddedViewer("'.$id.'", '.$width.','.$height.');
</script>';
}
add_shortcode('gbooks', 'google_books_shortcode');
Como se inserta el shortcode:

[gbooks id="ISBN" width="400" height="400"]

En id=»ISBN», se debe insertar el numero relacionado con tu «book».

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Insertar un archivo de video en WordPress con html5

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para insertar un archivo de video dentro de WordPress utilizando html5, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function html5_video_shortcode($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"width" => '',
"height" => ''
), $atts));
return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls autobuffer>';
}
add_shortcode('video5', 'html5_video_shortcode');
Como se inserta el shortcode:

[video5 src="https://sitio/videos/mi-video.mp4" width="720" height="480"]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Insertar un archivo de audio en WordPress con html5

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para insertar un archivo de audio dentro de WordPress utilizando html5, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function html5_audio_shortcode($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"autoplay" => '',
"preload"=> 'true',
"loop" => '',
"controls"=> ''
), $atts));
return '<audio src="'.$src.'" autoplay="'.$autoplay.'" preload="'.$preload.'" loop="'.$loop.'" controls="'.$controls.'" autobuffer />';
}
add_shortcode('audio5', 'html5_audio_shortcode');
Como se inserta el shortcode:

[audio5 src="https://sitio/videos/mi-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Insertar un PDF en WordPress con Google Docs

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para insertar archivos «PDF» dentro de WordPress utilizando Google Docs, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function google_pdf_shortcode($attr, $content) {
if ($attr['href']) {
return '<a class="pdf" href="https://docs.google.com/viewer?url=' . $attr['href'] . '">'.$content.'</a>';
} else {
$src = str_replace("=", "", $attr[0]);
return '<a class="pdf" href="https://docs.google.com/viewer?url=' . $src . '">'.$content.'</a>';
}
}
add_shortcode('pdf', 'google_pdf_shortcode');
Como se inserta el shortcode:

[pdf href="https://direccionwebdelarchivo.pdf"]Mi archivo PDF[/pdf]
Para agregar estilos CSS:
Utiliza la clase que se define en el código como: class=»pdf».

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css