Construcción web

Producto de Wordpress Imagen Magnificación

Admin19 julio, 20222274 Lecturas41 minutos para leer.

Catálogo de artículos

. box {width: 380px;}
.box img{vertical-align:top;border:0;}
.tb-pic a {display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align: middle;}
.tb-pic a {*display:block;*font-family:Arial;*line-height:1;}
. tb-thumb{margin: 10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding: 1px;}
.tb-s310, .tb-s310 a{altura: 310px; anchura: 380px;}
.tb-s310{max-altura: 310px;max-ancho: 380px;}
.tb-s310 img{max-height: 306px;max-width: 376px;}
.tb-s310 a {* font-size:271px;}
.tb-s40 a {*font-size: 35px;}
.tb-s40 img{width: 40px; height: 40px;}
.tb-s40, .tb-s40 a{altura: 40px; ancho: 40px;}
.tb-booth {border:1px solid #CDCDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008; height:44px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div {border:1px solid #CDCDCD;}
Div.zoomDiv{z-index:999; Posición: Absoluta. por encima: 0px; izquierda: 0px; Ancho: 200px; Altura: 200px Siguiente Entrada siguiente: #ffffffff; border: 1px sólido # CCCCC; Display: ninguno; text-align: center; Desbordamiento: oculto;}
div.zoomMask{position:absolute;background:url("images/mask.png") repite scroll 0 0 transparent;cursor:move;z-index:1;}

jQuery (documento). ready(función($) {

$(".jqzoom").imom();

$("# thumblist li a "). click(function(){

$(esto).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");

$(".jqzoom").attr('src',$(this).find("img").attr("mid"));

$(".jqzoom").attr('rel', $(this).find("img").attr("big"));

});

</script>

metabox.php

<? El PHP
/ / Instanciación de clases de panel personalizados
/** * * * * *
$options = array ();
$boxinfo = array('title' => 'parameter fill', 'id'=> 'ashubox', 'page'=> array('post'), 'context'=> 'normal', 'priority'=> 'low', 'callback'=>"); $options[] = array("name" => "product thumbnail uploaded",
"type" => "title"); $options[] = array(
"Nombre " =>" Miniatura 1 ",
"desc " = ",
"id " =>" ashu_upimg01 ",
"std " =" ",
"button_label" => 'Subir una imagen',
"tipo " =" medios "
);

$options [] = array (
"Nombre " =>" Miniatura 2 ",
"desc " = ",
"id " =>" ashu_upimg02 ",
"std " =" ",
"button_label" => 'Subir una imagen',
"tipo " =" medios "
);
$options [] = array (
"Nombre " =" Miniatura 3 ",
"desc " = ",
"id " =>" ashu_upimg03 ",
"std " =" ",
"button_label" => 'Subir una imagen',
"tipo " =" medios "
);
$options [] = array (
"Nombre " =>" Miniatura 4 ",
"desc " = ",
"id " =>" ashu_upimg04 ",
"std " =" ",
"button_label" => 'Subir una imagen',
"tipo " =" medios "
);
$options [] = array (
"Nombre " =>" Miniatura 5 ",
"desc " = ",
"id " =>" ashu_upimg05 ",
"std " =" ",
"button_label" => 'Subir una imagen',
"tipo " =" medios "
);

$new _ box = nuevo ashu _ meta _ box ($options, $boxinfo);
?>

<div class="tb-booth tb-pic tb-s310′′>
<? php if (get_post_meta($post->ID, 'ashu_upimg01', true)) {?>
< a href = " <? php echo get_post_meta($post->ID, ashu_upimg01′′, true);?>>>< img src = » <? php echo get_post_meta($post->ID, ashu_upimg01′′, true);?>¿Rel = "? php echo get_post_meta($post->ID, ashu_upimg01′′, true);?>clase = "jqzoom " /></a>
<?¿PHP? >
</div>

<ul class="tb-thumb" id="thumblist">
<? php if (get_post_meta($post->ID, 'ashu_upimg01', true)) {?>
<li class="tb-selected"><div class="tb-pic tb-s40′′><a href="javascript:void(0);"><img src="<? php echo get_post_meta($post->ID, ashu_upimg01′′, true);?>¿Mid = "? php echo get_post_meta($post->ID, ashu_upimg01′′, true);?>¿Gran =? < php echo get_post_meta($post->ID, ashu_upimg01′′, true);?>>></a></div></li>
<? php {else} {? > <li class="tb-selected"> <div class="tb-pic tb-s40′′></div></li> <?¿PHP? >

<? php if (get_post_meta($post->ID, 'ashu_upimg02', true)) {?>
<li><div class="tb-pic tb-s40′′><a href="javascript:void(0);"><img src="<? php echo get_post_meta($post->ID, ashu_upimg02′′, true);?>¿Mid = "? php echo get_post_meta($post->ID, ashu_upimg02′′, verdadero);?>¿Gran =? < php echo get_post_meta($post->ID, ashu_upimg02′′, true);?>> </a></div></li>
<? php {else} {? > <li><div class="tb-pic tb-s40′′ ></div></li> <?¿PHP? >

<? php if (get_post_meta($post->ID, 'ashu_upimg03', true)) {?>
<li><div class="tb-pic tb-s40′′><a href="javascript:void(0);"><img src="<? php echo get_post_meta($post->ID, ashu_upimg03′′, true);?>¿Mid = "? php echo get_post_meta($post->ID, ashu_upimg03′′, true);?>¿Gran =? < php echo get_post_meta($post->ID, ashu_upimg03′′, true);?>> </a></div></li>
<? php {else} {? > <li><div class="tb-pic tb-s40′′ ></div></li> <?¿PHP? >

<? php if (get_post_meta($post->ID, 'ashu_upimg04', true)) {?>
<li><div class="tb-pic tb-s40′′><a href="javascript:void(0);"><img src="<? php echo get_post_meta($post->ID, ashu_upimg04′′, true);?>¿Mid = "? php echo get_post_meta($post->ID, ashu_upimg04′′, true);?>¿Gran =? < php echo get_post_meta($post->ID, ashu_upimg04′′, true);?>> </a></div></li>
<?¿PHP? >

<? php if (get_post_meta($post->ID, 'ashu_upimg05', true)) {?>
<li><div class="tb-pic tb-s40′′><a href="javascript:void(0);"><img src="<? php echo get_post_meta($post->ID, ashu_upimg05′′, true);?>¿Mid = "? php echo get_post_meta($post->ID, ashu_upimg05′′, true);?>¿Gran =? < php echo get_post_meta($post->ID, ashu_upimg05′′, true);?>> </a></div></li>
<?¿PHP? >

</ul>

</div>

metaboxclass.php:

<? El PHP
/*
Artículo de WordPress Archivo de clase de campo personalizado
Versión: 1.0
Artículo siguienteLos árboles son mi amigo
Autor URI: www.example.com
Licencia: www.example.com
*/
Clase ashu _ meta _ box {
Var $Opciones;
Var $Boxinfo;
/ / Función constructora
Función ashu _ meta _ box ($Opciones,$Boxinfo){
$esto- > Opciones = $Opciones;
$esto- > boxinfo = $Boxinfo;
add_action ('admin_menu', Array(&$esto, ' init _ boxes ');
add _ action ('save _ post'), Array(&$esto, 'save _ postdata');
}
/ / Inicialización
Función init _ boxes () {
$esto- > add _ script _ and _ styles();
$esto- > crear _ meta _ box ();
}
Cargar scripts css y js
Función add_script_and_styles () {
si(Nombre básico( $_ servidor['PHP_SELF']) == Página.php
|| Nombre básico( $_ servidor['PHP_SELF']) == "Page-new.php "
|| Nombre básico( $_ servidor['PHP_SELF']) == « Post-new.php »
|| Nombre básico( $_ servidor['PHP_SELF']) == "Post.php "
|| Nombre básico( $_ servidor['PHP_SELF']) == "media-upload.php ")
{
/ / Preste atención a la URL del script cargado
wp _ enqueue _ style ('metabox _ fields _ css', TEMJS _ URI. 'metabox_fields.css');
wp_enqueue_script('metabox_fields_js', TEMJS_URI. ' metabox_fields.js ');
wp _ enqueue _ style ('thickbox');
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');
si(Edición española)$GET _['hijack_target ']))
{
add _ action ('admin _ head', Array(&$esto, 'add _ hijack _ var');
}
}
}
/*************************/
Función Add _ Hijack _ Var ()
{
Echo « < meta name='hijack_target' content=' ».$GET _['hijack _ target'].« / >\ n »;
}
Crear un panel personalizado
Función crear _ meta _ box () {
si (función _ existe('add_meta_box') && is _ array($esto- > boxinfo ['página'])
{
El Foreach ($esto- > boxinfo ['Página'] Como $Área)
{
si ($esto-> boxinfo['callback'] == ”) $esto-> boxinfo['callback'] = 'new_meta_boxes';
add _ meta _ box (
$esto-> boxinfo['id'],
$esto-> boxinfo['título'],
Array(&$esto, $esto-> boxinfo['callback']),
$Área, $esto- > boxinfo['context'],
$esto- > boxinfo ['prioridad']
);
}
}
}
/ / Crear una función de visualización para un panel personalizado
Función nuevo _ meta _ boxes () {
global $post;
Llamar a una función de visualización por tipo
El Foreach ($esto- > Opciones Como $opción)
{
si (Método _ existe)$esto, $opción[« Tipo »]))
{
$meta _ box _ value = get _ post _ meta ($post- > ID, $opción['id '], verdadero);
si($meta _ box _ value != “”) $opción['std'] = $meta _ box _ value;
Echo "División Clase=« alt kriesi_meta_box_alt meta_box_'.$ Opción ['tipo']. »meta _ box _ '. $ this-> boxinfo ['context']. '”>’;
$esto->$opción['tipo '] ($opción);
Echo ‘’;</div>
}
}
Oculta el dominio
Echo< Tipo de entrada ="Oculto " Nombre =“‘.$ this->boxinfo['id'].'_ Nónimo » ID =“‘.$ this->boxinfo['id'].'_ Nónimo » valor =« wp.create_nonce ('ashumetabox'). '” />’;
}
/ / Guardar datos de campo
Función save _ postdata () {
si(Edición española) $_ post['post_type'] )&& in_array($_ post['post_type'],$esto-> boxinfo['página') & & (isset($_ post["Salvar "])|| Especialización ($_ post['publicar']) ){
$post _ id = $_ post['post_ID'];
El Foreach ($esto- > Opciones Como $opción) {
si (! wp _ verify _ nonce($_ post[$esto-> boxinfo['id'].'_ nocename'], 'ashumetabox')) {
retorno $post _ id ;
}
/ / autoridad de juicio
si (« Página ») $_ post['post _ type'] {
si ( ! current_user_can('edit_page', $post _ id ))
retorno $post _ id ;
} Otras {
si ( ! current_user_can('edit_post', $post _ id ))
retorno $post _ id ;
}
Convertir caracteres predefinidos en entidades html
si( $opción['tipo'] == 'tinymce') {
$Data = Los Striplashes($_ post[$opción['id ']]);
}elseif( $opción['type'] = 'checkbox') {
$Data = $_ post[$opción['id ']];
}Otras{
$Data = htmlspecialchars($_ post[$opción['id '], ENT _ QUOTES,El UTF - 8);
}
si(get_ post _ meta ()$post _ id , $opción['id'] = = “”)
add _ post _ meta ()$post _ id , $opción['id'], $Dataverdadera);
elseif($Data != get _ post _ meta ()$post _ id , $opción['id'], verdadero))
actualización _ post _ meta($post _ id , $opción['id'], $Data);
elseif($Data == “”)
delete _ post _ meta ()$post _ id , $opción['id'], get _ post _ meta($post _ id , $opción['id', verdadero));
}
}
}
/ / Mostrar título
Función Título ($valores){
Echo ‘’.<p>$valores["Nombre "]. '’;</p>
}
Caja de texto
Función El texto ($valores){
si(Edición española)$esto- > Base de datos _ Opciones$valores['id ']])) $valores['std'] = $esto- > Base de datos _ Opciones$valores['id ']];
Echo ‘’.<p>$valores["Nombre "]. '’;</p>
Echo Tipo de entrada =<p>"Texto" Tamaño =“‘.$ Valores ['size']. '” valor =“‘.$ valores ['std']. '” ID =“‘.$ valores ['id']. '” Nombre =“‘.$ valores ['id']. '”/>’;
Echo $valores['desc ']. '<br/></p>’;
Echo ‘<br/>’;
}
Campo de texto
Función El texto ($valores){
si(Edición española)$esto- > Base de datos _ Opciones$valores['id ']])) $valores['std'] = $esto- > Base de datos _ Opciones$valores['id ']];
Echo ‘’.<p>$valores["Nombre "]. '’;</p>
Echo « < Textarea<p> Clase="Kriesi _ textarea " cols =“60” rows =“5” ID =“‘.$ valores ['id']. '” Nombre =“‘.$ valores ['id']. '”>’.$valores["STD "]. '’;</textarea>
Echo $valores['desc ']. '<br/></p>’;
Echo ‘<br/>’;
}
/ / Media upload
Función Medios de comunicación ($valores){
si(Edición española)$esto- > Base de datos _ Opciones$valores['id ']])) $valores['std'] = $esto- > Base de datos _ Opciones$valores['id ']];
/ / Botón de carga de imágenes
global $post _ id, $temp _ id;
$uploading _ iframe _ ID = (int) (0 ==) $post _ id ? $temp _ id : $post _ id);
$media _ upload _ iframe _ src = ¿Media-Upload.php? post_id = $uploading_iframe_ID »;
$image _ upload _ iframe _ src = apply_filters('image_upload_iframe_src', « $media_upload_iframe_src tipo=imagen »&);
$Botón = ' < a href=“‘.$ imagen_upload_iframe_src. '& amp;hijack_target='.$ valores ['id'].'& amp; TB_iframe = true " ID =“‘.$ valores ['id']. '” Clase="k _ hijack button thickbox " Click ="Regreso falso ". > Subir ";</a>
/ / Determinación del formato de imagen, vista previa de imagen
$Imagen = ”;
si($valores['std '] ¡= ”) {
$extensión = Substrato($valores['STD'], Strrpos($valores['STD'], ‘.’+ 1);
$Extensiones = Array('png', 'gif', 'jpeg', 'jpg', 'pdf', 'tif');
si(in Array ($extensión, $Extensiones))
{
$Imagen = ' < img src=“‘.$ valores ['std']. '” />’;
}
}
Echo « < div id =“‘.$ valores ['id'].'_ Div » Clase="kriesi _ preview _ pic ">’.$Imagen . '’;</div>
Echo ‘’.<p>$valores["Nombre "]. '’;</p><p>
si($valores['desc '] ¡= “”) Echo ‘’.<p>$valores['desc ']. '<br/>’;
Echo "El input Clase="kriesi _ preview _ pic _ input " tipo ="Texto" Tamaño =“‘.$ Valores ['size']. '” valor =“‘.$ valores ['std']. '” Nombre =“‘.$ valores ['id']. '”/>’.$Botón;
Echo ‘’;</p>
Echo ‘<br/>’;
}
Caja de radio
Función radio ( $valores ){
si(Edición española)$esto- > Base de datos _ Opciones$valores['id ']]))
$valores['std'] = $esto- > Base de datos _ Opciones$valores['id ']];
Echo ‘’.<p>$valores["Nombre "]. '’;</p>
El Foreach( $valores[Los botones] Como $Key=>$valor ) {
$checado =“”;
si($valores['std'] $Key) {
$checado = ' comprobado = "Chequeado "‘;
}
Echo "Input ".$checado.’tipo ="Radio" Clase="Cheque " valor =“‘.$ clave. '” Nombre =“‘.$ valores ['id']. '”/>’.$valor;
}
}
/ / Checkbox
Función Checkbox ($valores){
Echo ‘’.<p>$valores["Nombre "]. '’;</p>
El Foreach( $valores[Los botones] Como $Key=>$valor ) {
$checado =“”;
si( is _ array($valores['std']) && in _ array($Key,$valores['std '])) {
$checado = ' comprobado = "Chequeado "‘;
}
Echo "Input ".$checado.’tipo ="Checkbox " Clase="Cheque " valor =“‘.$ clave. '” Nombre =“‘.$ valores ['id']. '[]”/>’.$valor;
}
Echo « < Etiqueta Por=“‘.$ valores ['id']. '”>’.$valores['desc ']. '</label><br/></p>’;
}
Drop-down Box
Función Descenso ($valores){
Echo ‘’.<p>$valores["Nombre "]. '’;</p>
Seleccionar contenido permite que las páginas, categorías, menús, barras laterales y contenido personalizado
si($valores['subtipo'] == 'página') {
$Select = ' Seleccionar página';
$entries = get_pages ('title_li=&orderby=name');
}Otras si($valores['subtipo'] =='cat') {
$Select = ' Seleccionar categoría';
$entries = get_categories('title_li=&orderby=name&hide_empty=0');
}Otras si($valores['subtipo'] == 'menu') {
$Select = ' Seleccionar menú en la página izquierda';
$entries = get_terms('nav_menu', Array('hide_empty' => false));
}Otras si($valores['subtipo'] == 'barra lateral') {
global $wp _ registrado _ sidebars;
$Select = ' Seleccione una barra lateral especial';
$entries = $wp _ registrado _ sidebars;
}Otras{
$Select = ' Seleccionar ... ';
$entries = $valores[« Subtipo »];
}
Echo < Selección<p> Clase="Postforma " ID =“‘. $valores ['id']. '” Nombre =“‘. $valores ['id']. '”> ‘;
Echo < valor de la opción =“”>’.$Select . '‘;</option>
El Foreach ($entries Como $Key => $entrada){
si($valores['subtipo'] == 'página') {
$id = $entrada- > ID;
$title = $entrada- > post _ title;
}Otras si($valores['subtipo'] =='cat') {
$id = $entrada- > term _ id;
$title = $entrada> Nombre;
}Otras si($valores['subtipo'] == 'menu') {
$id = $entrada- > term _ id;
$title = $entrada> Nombre;
}Otras si($valores['subtipo'] == 'barra lateral') {
$id = $entrada['id '];
$title = $entrada["Nombre "];
}Otras{
$id = $entrada;
$title = $Key;
}
si ($valores['std'] $id ){
$selectado = "selectado " =" seleccionado ";
}Otras{
$selectado = “”;
}
Echo"< option $value seleccionado = '". $id.“‘>”. $title.“”</option>;
}
Echo ‘’;</select>
Echo $valores['desc ']. '<br/></p>’;
Echo ‘<br/>’;
}
/ / El editor
Función Tínimos ($valores){
si(Edición española)$esto- > Base de datos _ Opciones$valores['id ']]))
$valores['std'] = $esto- > Base de datos _ Opciones$valores['id ']];
Echo ‘’.<p>$valores["Nombre "]. '’;</p>
wp _ editor ( $valores['STD'], $valores['ID ']
//wp_editor($value['std'], 'content', array('dfw' => true, 'tabfocus_elements' => 'sample-permalink, post-preview', 'editor_height' => 360));
Parámetro de configuración
/*wp_editor($meta_box['std'],$meta_box['name'].'_ value', $settings = array(quicktags=>0, // Cancelar el modo html
tinymce = > 1, // modo de visualización
media _ buttons = > 0, // Cancelar la carga de medios
textarea_rows=>5, // el número de líneas se establece en 5
editor_class=>"textareastyle")); */
}
}
?>