Construction de site Web

Produit wordpress Image Loup Effect Making

<script src="https://www.example.com. […]

19 Juillet, 20222277 阅读41 minutes à lire
Catalogue des articles

&lt;script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"&gt;</script>
&lt; script src = » &lt; ? php bloginfo('template_directory') ; ?&gt;/ images / jquery.imom.min.js » &gt;</script>

. box {width : 380px ;}
. box img {vertical-align : top ; border : 0 ;}
. tb-pic a {display : table-cell ; text-align : centre ; vertical-align : centre ;}
. 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 : no repeat scroll 0 0 transparent ; float : left ; height:42px ; margin : 0 6px 0 0 ; overflow : hidden ; padding:1px ;}
.tb-s310, .tb-s310 a{hauteur : 310px ; largeur : 380px ;}
.tb-s310 {max-haut : 310px ; max-width : 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{hauteur : 40px ; largeur : 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 ; position : absolue ; Top : 0px ; gauche : 0px ; largeur : 200px ; hauteur : 200px ; Références : #ffffff ; border:1px solid #CCCCCC ; Affichage : Aucun ; text-align : centre ; débordement : caché ;}
div.zoomMask{position : absolute ;background :url("images/mask.png") repeat scroll 0 0 transparent ;cursor : move ;z-index 1:13}

<script>
jQuery(document).ready(function($) {
$(".jqzoom ").imom() ;
$("# thumblist li a ").click(function(){
$(this). 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
<? php
/ / Instanciation de la classe Panel Custom
/** * * * * *
$options = array() ;
$boxinfo = array('title' => 'argument fill', 'id'=> 'ashubox', 'page'=> array('post'), 'context'=> 'normal', 'priority'=> 'low', 'callback'=>") ;$options[] = array("name" => "product thumbnail upload",
« type » => « titre » ;$options[] = array(
« nom » = > « thumbnail1 »,
"desc " = >",
« id » => « ashu_upimg01 »,
« std » = > "",
« button_label » => 'Télécharger une image',
« Type » = « Médias »
);

$options [] = array (
« nom » => « thumbnail2 »,
"desc " = >",
« id » => « ashu_upimg02 »,
« std » = > "",
« button_label » => 'Télécharger une image',
« Type » = « Médias »
);
$options [] = array (
« nom » => « thumbnail 3 »,
"desc " = >",
« id » => « ashu_upimg03 »,
« std » = > "",
« button_label » => 'Télécharger une image',
« Type » = « Médias »
);
$options [] = array (
« nom » = > « thumbnail 4 »,
"desc " = >",
« id » => « ashu_upimg04 »,
« std » = > "",
« button_label » => 'Télécharger une image',
« Type » = « Médias »
);
$options [] = array (
« nom » = > « miniature 5 »,
"desc " = >",
« id » => « ashu_upimg05 »,
« std » = > "",
« button_label » => 'Télécharger une image',
« Type » = « Médias »
);

$new_box = new ashu_meta_box($options, $boxinfo) ;
?>

<div class="box">

<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) ; ?>class= "jqzoom" /&gt;</a>
<? php ? ?
</div>

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

<? php if (get_post_meta($post-&gt;ID, 'ashu_upimg02', true)) { ? &gt;
<li>&lt;div class="tb-pic tb-s40′′&gt;&lt;a href="javascript : void(0) ;"&gt;&lt;img src="&lt; ? php echo get_post_meta($post-&gt;ID, ashu_upimg02′′, true) ; ?&gt; mid = » ? php echo get_post_meta($post-&gt;ID, ashu_upimg02′′, true) ; ?&gt; grand = » &lt; ? php echo get_post_meta($post-&gt;ID, ashu_upimg02′′, true) ; ?&gt;&gt; </a></div></li>
<? php {else} { ? &gt; <li>&lt;div class="tb-pic tb-s40′′&gt;</div></li> <? php ? ?

<? php if (get_post_meta($post-&gt;ID, 'ashu_upimg03', true)) { ?&gt;
<li>&lt;div class="tb-pic tb-s40′′&gt;&lt;a href="javascript : void(0) ;"&gt;&lt;img src="&lt; ? php echo get_post_meta($post-&gt;ID, ashu_upimg03′′, true) ; ?&gt; mid = » ? php echo get_post_meta($post-&gt;ID, ashu_upimg03′′, true) ; ?&gt; grand = » &lt; ? php echo get_post_meta($post-&gt;ID, ashu_upimg03′′, true) ; ?&gt;&gt; </a></div></li>
<? php {else} { ? &gt; <li>&lt;div class="tb-pic tb-s40′′&gt;</div></li> <? php ? ?

<? php if (get_post_meta($post-&gt;ID, 'ashu_upimg04', true)) { ?&gt;
<li>&lt;div class="tb-pic tb-s40′′&gt;&lt;a href="javascript : void(0) ;"&gt;&lt;img src="&lt; ? php echo get_post_meta($post-&gt;ID, ashu_upimg04′′, true) ; ?&gt; mid = » ? php echo get_post_meta($post-&gt;ID, ashu_upimg04′′, true) ; ?&gt; grand = » &lt; ? php echo get_post_meta($post-&gt;ID, ashu_upimg04′′, true) ; ?&gt;&gt; </a></div></li>
<? php ? ?

<? php if (get_post_meta($post-&gt;ID, 'ashu_upimg05', true)) { ?&gt;
<li>&lt;div class="tb-pic tb-s40′′&gt;&lt;a href="javascript : void(0) ;"&gt;&lt;img src="&lt; ? php echo get_post_meta($post-&gt;ID, ashu_upimg05′′, true) ; ?&gt; mid = » ? php echo get_post_meta($post-&gt;ID, ashu_upimg05′′, true) ; ?&gt; grand = » &lt; ? php echo get_post_meta($post-&gt;ID, ashu_upimg05′′, true) ; ?&gt;&gt; </a></div></li>
<? php ? ?

</ul>

</div>

 

 

Metaboxclass.php :

  1. <? php
  2. /*
  3. Article WordPress Custom Field Class Fichier
  4. Version : 1.0
  5. Auteur : Les arbres sont mes amis
  6. Auteur URI : www.example.com
  7. Licence : www.example.com
  8. */
  9. classe ashu _ meta _ box {
  10.     var $options;
  11.     var $boxinfo;
  13.     Constructeur
  14.     Fonction ashu_meta_box($options,$boxinfo){
  15.         $ceci- &gt; Options = $options;
  16.         $ceci- &gt; Boxinfo = $boxinfo;
  18. add_action('admin_menu', Array(&$ceci, ' init_boxes ') ;
  19. add_action ('save_post'), Array(&$ceci, ' save_postdata ') ;
  20.     }
  22.     / / initialisation
  23.     Fonction init_boxes() {
  24.         $ceci- > add_script_and_styles() ;
  25.         $ceci- > create_meta_box() ;
  26.     }
  28.     Charger les scripts CSS et JS
  29.     Fonction add_script_and_styles() {
  30.         si(Basename( $_ serveur['PHP_SELF']) == « Page.php »
  31. || Basename( $_ serveur['PHP_SELF']) == « page-new.php »
  32. || Basename( $_ serveur['PHP_SELF']) == « post-new.php »
  33. || Basename( $_ serveur['PHP_SELF']) == « post.php »
  34. || Basename( $_ serveur['PHP_SELF']) == « media-upload.php »)
  35.         {
  36.             / / Notez l'url du script chargé
  37. wp_enqueue_style('metabox_fields_css', TEMJS_URI. ' metabox_fields.css ' ;
  38. wp_enqueue_script('metabox_fields_js', TEMJS_URI.« metabox_fields.js ») ;
  39. wp_enqueue_style('thickbox') ;
  40. wp_enqueue_script ('media-upload') ;
  41. wp_enqueue_script ('thickbox') ;
  44.             si(l'isset)$get _['hijack_target ']))
  45.             {
  46. add_action ('admin_head'), Array(&$ceci, 'add_hijack_var');
  47.             }
  48.         }
  49.     }
  51.     /*************************/
  52.     Fonction add_hijack_var()
  53.     {
  54.         echo « <meta name='hijack_target' content=' ».$get _['hijack_target'].« / > \ n »;
  55.     }
  57.     Créer un panel personnalisé
  58.     Fonction Créer _ meta _ box () {
  59.         si (function_exists('add_meta_box') && is _ Array($ceci- > boxinfo ['page'])
  60.         {
  61.             foreach ($ceci- > boxinfo ['page'] As $région)
  62.             {
  63.                 si ($ceci- > boxinfo['callback'] == ”) $ceci- > boxinfo['callback'] = 'new_meta_boxes' ;
  65. add _ meta _ box (
  66.                     $ceci-> boxinfo['id'],
  67.                     $ceci-> boxinfo['titre'],
  68.                     Array(&$ceci, $ceci- > boxinfo['callback']),
  69.                     $région, $ceci- > boxinfo['context'],
  70.                     $ceci-> boxinfo['priorité']
  71.                 );
  72.             }
  73.         }
  74.     }
  76.     / / Créer une fonction d'affichage pour un panneau personnalisé
  77.     Fonction new_meta_boxes () {
  78.         Globale $post;
  79.         Appeler une fonction d'affichage en fonction du type
  80.         foreach ($ceci> > Options As $option)
  81.         {
  82.             si (méthode _ existent)$ceci, $option[« type »]))
  83.             {
  84.                 $meta _ box _ value = get_post_meta($post- > ID, $option['id'], vrai ;
  85.                 si($meta _ box _ value != “”) $option['std '] = $meta _ box _ value;
  87.                 echo « < div classe=« alt kriesi_meta_box_alt meta_box_'.$ Option ['type']. ' meta _ box _ '.$ this-> boxinfo ['context']. '”>’;
  88.                 $ceci->$option[« type »] ($option);
  89.                 echo ‘’;</div>
  90.             }
  91.         }
  93.         / / Masquer le domaine
  94.         echo« &lt; type d'entrée =« caché » Nom =“‘.$ this-&gt;boxinfo['id'].'_ Noncéname " id = =“‘.$ this-&gt;boxinfo['id'].'_ Noncéname " Valeur =« wp.create_nonce ('ashumetabox'). '” />’;
  95.     }
  97.     Sauvegarder les données du champ
  98.     Fonction save_postdata () {
  99.         si(l'établissement) $_ Post['post_type'] ) &amp;&amp; in_array($_ Post['post_type'],$ceci-&gt; boxinfo['page'] ) &amp;&amp; (isset($_ Post[« save »]|| par ISSET ($_ Post[« publier »]))) {
  100.         $post_id = $_ Post['post_ID '] ;
  102.         foreach ($ceci> > Options As $option) {
  103.             si (! wp_verify_nonce($_ Post[$ceci-&gt; boxinfo['id'].'_ noncename'], 'ashumetabox')) {
  104.                 retourner $post_id ;
  105.             }
  106.             / / Autorisations de jugement
  107.             si (« page » = $_ Post['post_type '] {
  108.                 si ( ! current_user_can('edit_page', $post_id  ))
  109.                 retourner $post_id ;
  110.             } Autre {
  111.                 si ( ! current_user_can( 'edit_post', $post_id  ))
  112.                 retourner $post_id ;
  113.             }
  114.             Convertir des caractères prédéfinis en entités html
  115.             si( $option['type'] == 'tinymce') {
  116.                     $dates = Les stripslash($_ Post[$option['id ']]) ;
  117.             }elseif( $option['type'] == 'checkbox') {
  118.                     $dates = $_ Post[$option['id ']] ;
  119.             }Autre{
  120.                 $dates = htmlspecialchars($_ Post[$option['id'], ENT _ QUOTES,UTF - 8 »);
  121.             }
  123.             si(get_ post _ meta ()$post_id , $option['id']) == “”)
  124. add_post_meta($post_id , $option[« id »], $dates(Vrai)
  126.             elseif($dates != get_post_meta ()$post_id , $option['id'], vrai))
  127. update_post_meta($post_id , $option[« id »], $dates);
  129.             elseif($dates == “”)
  130. delete_post_meta($post_id , $option['id'], get_post_meta($post_id , $option['id'], vrai) ;
  132.         }
  133.         }
  134.     }
  135.     / / Afficher le titre
  136.     Fonction Titre ($Valeurs){
  137.         echo ‘’.<p>$Valeurs[« Nom »]. '’;</p>
  138.     }
  139.     Boîte de texte
  140.     Fonction Le texte ($Valeurs){
  141.         si(l'isset)$ceci- &gt; Database _ Options$Valeurs['id ']])) $Valeurs['std '] = $ceci- &gt; Database _ Options$Valeurs['id ']] ;
  143.         echo ‘’.<p>$Valeurs[« Nom »]. '’;</p>
  144.         echo « &lt; type d'entrée =<p>« texte » taille =“‘.$ Les valeurs ['size']. '” Valeur =“‘.$ valeurs ['std']. '” id = =“‘.$ valeurs ['id']. '” Nom =“‘.$ valeurs ['id']. '”/>’;
  145.         echo $Valeurs[« DESC »] '<br/></p>’;
  146.         echo ‘<br/>’;
  147.     }
  148.     / / champ de texte
  149.     Fonction Le texte ($Valeurs){
  150.         si(l'isset)$ceci- &gt; Database _ Options$Valeurs['id ']])) $Valeurs['std '] = $ceci- &gt; Database _ Options$Valeurs['id ']] ;
  152.         echo ‘’.<p>$Valeurs[« Nom »]. '’;</p>
  153.         echo « &lt; textarea<p> classe=« criesi_textarea » cols =“60” rows =“5” id = =“‘.$ valeurs ['id']. '” Nom =“‘.$ valeurs ['id']. '”>’.$Valeurs[« STD »]. '’;</textarea>
  154.         echo $Valeurs[« DESC »] '<br/></p>’;
  155.         echo ‘<br/>’;
  156.     }
  157.     / / Media Upload
  158.     Fonction Médias ($Valeurs){
  159.         si(l'isset)$ceci- &gt; Database _ Options$Valeurs['id ']])) $Valeurs['std '] = $ceci- &gt; Database _ Options$Valeurs['id ']] ;
  161.         Bouton Upload d'image
  162.         Globale $post _ ID, $temp _ ID;
  163.         $uploading _ iframe _ id = (int) (0 ==) $post _ ID ? $temp _ ID : $post _ ID);
  164.         $media _ upload _ iframe _ src = Media-upload.php ? post_id = $uploading_iframe_ID »;
  165.         $image _ upload _ iframe _ src = apply_filters('image_upload_iframe_src', « $media_upload_iframe_src type=image »&amp;);
  167.         $Bouton = « &lt; a href=“‘.$ image_upload_iframe_src. '&amp; amp ; hijack_target='.$ valeurs['id']. '&amp; amp ; TB_iframe = true » id = =“‘.$ valeurs ['id']. '” classe=« k_hijack button thickbox » cliquez sur =« retour faux » &gt; Upload » ;</a>
  169.         / / Déterminer le format d'image, prévisualisation d'image
  170.         $image = ”;
  171.         si($Valeurs['std'] ! = ”) {
  172.             $fileextension = Sous-référence($Valeurs[« STD »], strrpos($Valeurs[« STD »], ‘.’+ 1) ;
  173.             $Extensions = Array('png', 'gif', 'jpeg', 'jpg', 'pdf', 'tif') ;
  175.             si(in Array ()$fileextension, $Extensions))
  176.             {
  177.                 $image = ' < img src=“‘.$ valeurs ['std']. '” />’;
  178.             }
  179.         }
  181.         echo « <div id=“‘.$ valeurs ['id'].'_ Div » classe=« kriesi_preview_pic »>’.$image . '’;</div>
  182.         echo ‘’.<p>$Valeurs[« Nom »]. '’;</p><p>
  183.         si($Valeurs['desc'] ! = “”) echo ‘’.<p>$Valeurs[« DESC »] '<br/>’;
  184.         echo « &lt; entrée classe=« kriesi_preview_pic_input » Type =« texte » taille =“‘.$ Les valeurs ['size']. '” Valeur =“‘.$ valeurs ['std']. '” Nom =“‘.$ valeurs ['id']. '”/>’.$Bouton;
  185.         echo ‘’;</p>
  186.         echo ‘<br/>’;
  187.     }
  188.     Boîte radio
  189.     Fonction radio ( $Valeurs ){
  190.         si(l'isset)$ceci- &gt; Database _ Options$Valeurs['id ']]))
  191.             $Valeurs['std '] = $ceci- &gt; Database _ Options$Valeurs['id ']] ;
  192.         echo ‘’.<p>$Valeurs[« Nom »]. '’;</p>
  193.         foreach( $Valeurs[Boutons] As $key=>$valeur ) {
  194.             $checked =“”;
  195.             si($Valeurs['std'] $key) {
  196.                 $checked = ' vérifié = « vérifié »‘;
  197.             }
  198.             echo « &lt; input ».$checked.’Type =« Radio » classe=« Check » Valeur =“‘.$ Key. '” Nom =“‘.$ valeurs ['id']. '”/>’.$valeur;
  199.         }
  200.     }
  201.     / / Checkbox
  202.     Fonction Checkbox ($Valeurs){
  203.         echo ‘’.<p>$Valeurs[« Nom »]. '’;</p>
  204.         foreach( $Valeurs[Boutons] As $key=>$valeur ) {
  205.             $checked =“”;
  206.             si( is _ Array($Valeurs['std']) &amp;&amp; in _ array($key,$Valeurs['std '])) {
  207.                 $checked = ' vérifié = « vérifié »‘;
  208.             }
  209.             echo « &lt; input ».$checked.’Type =« Checkbox » classe=« Check » Valeur =“‘.$ Key. '” Nom =“‘.$ valeurs ['id']. '[]”/>’.$valeur;
  210.         }
  211.         echo « &lt; label Pour=“‘.$ valeurs ['id']. '”>’.$Valeurs[« DESC »] '</label><br/></p>’;
  212.     }
  213.     Boîte drop-down
  214.     Fonction Dropdown ($Valeurs){
  215.         echo ‘’.<p>$Valeurs[« Nom »]. '’;</p>
  216.             / / Sélectionnez le contenu pour permettre aux pages, aux catégories, aux menus, aux barres latérales et au contenu personnalisé
  217.             si($Valeurs['sous-type'] == 'page') {
  218.                 $sélectionner = ' Sélectionner la page ' ;
  219.                 $entrées = get_pages('title_li=&orderby=name') ;
  220.             }Autre si($Valeurs['Subtype'] =='cat') {
  221.                 $sélectionner = « Sélectionnez la catégorie » ;
  222.                 $entrées = get_categories('title_li=&orderby=name&hide_empty=0') ;
  223.             }Autre si($Valeurs['subtype'] == 'menu') {
  224.                 $sélectionner = 'Sélectionner le menu à gauche' ;
  225.                 $entrées = get_terms( 'nav_menu', Array('hide_empty' => false) ;
  226.             }Autre si($Valeurs['Subtype'] == 'Sidebar') {
  227.                 Globale $wp _ registered _ sidebars;
  228.                 $sélectionner = ' Sélectionner une barre latérale spéciale ' ;
  229.                 $entrées = $wp _ registered _ sidebars;
  230.             }Autre{
  231.                 $sélectionner = « Sélectionner ... » ;
  232.                 $entrées = $Valeurs[« sous-type »] ;
  233.             }
  235.             echo &lt; Sélectionner<p> classe=« Postform » id = =“‘. $value ['id']. '” Nom =“‘. $value ['id']. '”> ‘;
  236.             echo « &lt; valeur de l'option =“”>’.$sélectionner . '‘;</option>
  238.             foreach ($entrées As $key => $entré){
  239.                 si($Valeurs['sous-type'] == 'page') {
  240.                     $id = $entré- &gt; ID ;
  241.                     $titre = $entré- &gt; post _ title ;
  242.                 }Autre si($Valeurs['Subtype'] =='cat') {
  243.                     $id = $entré- &gt; term_id ;
  244.                     $titre = $entré- &gt; Nom ;
  245.                 }Autre si($Valeurs['subtype'] == 'menu') {
  246.                     $id = $entré- &gt; term_id ;
  247.                     $titre = $entré- &gt; Nom ;
  248.                 }Autre si($Valeurs['Subtype'] == 'Sidebar') {
  249.                     $id = $entré[« id »] ;
  250.                     $titre = $entré[« nom »] ;
  251.                 }Autre{
  252.                     $id = $entré;
  253.                     $titre = $key;
  254.                 }
  256.                 si ($Valeurs['std'] $id ){
  257.                     $sélectionné = « sélectionné » = « sélectionné »;
  258.                 }Autre{
  259.                     $sélectionné = “”;
  260.                 }
  262.                 echo« &lt; option $value sélectionnée=' ». $id.“‘>”. $titre.“”</option>;
  263.             }
  265.         echo ‘’;</select>
  266.         echo $Valeurs[« DESC »] '<br/></p>’;
  267.         echo ‘<br/>’;
  268.     }
  270.     / / éditeur
  271.     Fonction Tintin ($Valeurs){
  272.         si(l'isset)$ceci- &gt; Database _ Options$Valeurs['id ']]))
  273.             $Valeurs['std '] = $ceci- &gt; Database _ Options$Valeurs['id ']] ;
  275.         echo ‘’.<p>$Valeurs[« Nom »]. '’;</p>
  276. wp_editor( $Valeurs[« STD »], $Valeurs['id'] ;
  277.         //wp_editor($values['std'], 'content', array('dfw' =&gt; true, 'tabfocus_elements' =&gt; 'sample-permalink, post-preview', 'editor_height' =&gt; 360)) ;
  278.         Paramètre de configuration
  279.         /*wp_editor($meta_box['std'],$meta_box['name'].'_ value', $settings = array(quicktags=&gt;0, // annuler le mode html
  280. tinymce=&gt;1, // Mode de visualisation
  281. media_buttons = &gt; 0, // Annuler le téléchargement des médias
  282. textarea_rows=&gt;5, // Le nombre de lignes est réglé à 5
  283. editor_class=&gt;"textareastyle") ); */
  284.     }
  286. }
  287. ?>