Red de conocimiento informático - Material del sitio web - Cómo agregar una plantilla de una sola página de flujo en cascada al sitio web de WordPress

Cómo agregar una plantilla de una sola página de flujo en cascada al sitio web de WordPress

lt;?php

/*

PLANTILLA?NOMBRE:Prueba de flujo en cascada */

Contribuido por Suifengtec?suoling.net

if(! ?function_exists('coolwp_scripts_masonry')?) :

if(! ?is_admin()?) :

función?coolwp_scripts_masonry()?{

// Anular el registro de mampostería integrada ya que es la versión 3 anterior

wp_deregister_script('jquery-masonry');

wp_enqueue_scripts_scripts_script('jquery-masonry');

p>

wp_enqueue_script('jquery-10.1.js',?get_template_directory_uri()./test/jquery.js',?array(?' imagesLoaded'),?null,?true?);

// Descárgalo tú mismo

wp_enqueue_script('imagesLoaded',?get_template_directory_uri()'./test/imagesloaded.pkgd.min.js',?false,?null, ?true);

// Descárgalo tú mismo

wp_enqueue_script('jquery-masonry',?get_template_directory_uri()'.

/test/masonry.pkgd.min.js',?array(?'imagesLoaded'),?null,?true?);

//Lo publicaré más tarde

wp_enqueue_script('custom.js',?get_template_directory_uri()./test/custom.js',?array(?'imagesLoaded'),?null,?true?);

}

//wp_enquqe_style('masonry',?get_template_directory_uri()./test/');

add_action(?'wp_enqueue_scripts',?'coolwp_scripts_masonry'?);

endif;?//!is_admin()

endif;?//!

get_header();? gt;

lt;div?id=" main-content"?class="main-content"gt;

lt;?php

if?{

///?Incluir?los?presentados ?content?template.

get_template_part(?' contenido-destacado'?) )

} gt;

lt;div?id="primary"? class="content-area"gt;

lt;div?id="content"?class="site-content"?role="main" gt;

lt; ?php

$args=array(?' post_type'=gt;'post'?);

$myloop=new?WP_Query(? $args?);

//?Iniciar?el?bucle.

while?(? $myloop-gt; have_posts()?) ?$myloop-gt();

//?Incluir?la página?content?template.gt;

lt;div?class="item"gt;

lt;?php if(? has_post_thumbnail() ?) ?:? gt;

lt;div?class="masonry-thumbnail"gt;

lt;a?href="lt;?php?the_permalink()? gt;"?title="lt;?php?the_title();? gt;"gt;

lt;?php?the_post_thumbnail('miniatura');? gt; lt;/agt;

lt;/divgt;lt;! --.masonry-thumbnail--gt;

lt;?php?endif;?gt;

lt;div?class="masonry-details"gt;

lt;h5gt;lt;a?href="lt;?php?the_permalink('

?') ? gt;"?title="lt;?php?the_title();? gt;"gt; lt;span?class="mampostería-post-title"gt;? lt;?php?the_title() ;? gt;lt;/spangt;lt;/agt;lt;/h5gt;

lt;;! --?lt;div?class="masonry-post-excerpt"gt; p>

lt;?php?the_excerpt();?gt;

lt;/divgt;?--gt;lt; --.masonry-post-excerpt--gt ;

lt;/divgt;lt;!--/.detalles-de-entrada-de-mampostería?--gt;

lt;/divgt;lt;!--/.item ?- -gt;

lt;?php?end while;? gt;

lt;/divgt;lt;!--?

lt;/ divgt;!--?#primary?--gt;

lt;?php?//get_sidebar(?' contenido'?) ;? gt;

lt; /divgt ;lt;!--?#main-content?gt;

lt;?php

get_sidebar();

get_footer();

Código personalizado.js: var?container,? { columnWidth:?200, itemSelector:?'' .item'

});

/*alert ('aaaaa');*/

Coloque los tres archivos js que descargó y el archivo .js personalizado anterior en la carpeta de prueba. Luego copie el código PHP anterior en un archivo PHP que comience con inglés. este archivo PHP en el directorio de temas de WP 2014,

Habilite el tema, publique la página, seleccione la plantilla de página "Prueba de flujo en cascada", si hay artículos en el WP de prueba y los artículos tienen miniaturas, luego se mostrará de la siguiente manera:

Simplemente cambie la declaración de consulta y el CSS, y se podrá aplicar a otros temas.