homefinance blog
Si es nuevo en WordPress y está en el proceso de crear el primer sitio web profesional, entonces ciertamente querrá leer este artículo.Este artículo trata sobre cómo configurar una publicación adhesiva sin un complemento.Por supuesto, lo primero que usted o alguien deberían preguntar es por qué deberíamos cansarnos de hacerlo manualmente, porque podemos usar complementos para lo mismo.Bueno, la mayoría de los complementos funcionan perfectamente la mayor parte del tiempo, pero debido a que la mayoría son complementos de terceros, no puede confiar exactamente en ellos todo el tiempo.Siempre es una buena idea hacerlo manualmente, pero el problema es que debes estar bien versado en HTML, CS3, PHP, etc.Si es bueno en la codificación, entonces puede configurar su propio cursor de publicación, uno para presentar sus publicaciones pegajosas.
Simplemente siga las instrucciones publicadas a continuación, en la carta, y debería poder poner en funcionamiento las diapositivas rápidas adhesivas, en el menor tiempo. Tenga en cuenta que cualquier cambio que incorpore se puede perder al actualizar WordPress, así que siempre tenga cuidado de guardar los cambios a medida que los realiza. Una de las razones por las que es posible que desee optar por una diapositiva de publicación pegajosa, a diferencia de las publicaciones adhesivas, es que la versión actual de WordPress distrae demasiada atención de las últimas publicaciones. Por lo tanto, es una buena idea presentar sus publicaciones adhesivas como una diapositiva, en lugar del uso de la versión actual y, al hacerlo, facilitaría a sus usuarios verificar las diversas publicaciones en su sitio. Etiquetado. con la publicación pegajosa al último. Video Autorial
Paso para agregar una diapositiva de publicación adhesiva a WordPress sin mootols de complemento y noobslide Primero usaría NoobSlide para esta publicación, pero los códigos enumerados a continuación también se pueden usar con otras diapositivas. Y dado que usaremos Noobslide, debe incluir la biblioteca METHOOLSJAVAScript. Simplemente cambie al archivo Functions.php en su plantilla y agregue los códigos que ve incluso a continuación, es decir.
wp_register_cript (‘MooTools’, ‘http://ajax.googleapis.com/ajax/lbs/mootools/1.3.0/mootols-yui-compissed’, ‘1.3.0’);
Wp_register_cripri (‘Noobslide’, get_bloginfo (‘Template_directory’).
}
add_action (‘init’, ‘registrar
If (is_home ()) {// Nuestra diapositiva solo aparece en la página de inicio, así que cargue el script solo en la página inicial
wp_enqueue_script (‘noobslide’);
}
}
add_action (‘wp_print_scripts’, ‘enqueue_nobeslide’);
Miniaturas y, debido a que usaremos miniaturas posteriores al poste, es posible que desee agregar los mismos temas a su tema si no viene con lo mismo. Simplemente siga los códigos enumerados a continuación y eso debería funcionar.
Función custom_theme_setup () {
add_theme_support (‘post_thumbnails’);
}
add_action (‘after_setup_theme’, ‘custom_theme_setup’);
Enlace personalizado para leer más, por supuesto, su sitio de WordPress ya viene con una “Leer más” decente. Esto debería resultar en más tracción para sus sitios web y más clics. Solo tienes que seguir el código a continuación. Lo primero que debe hacer es dirigirse al archivo Functions.php y extraer esta fila, de la misma.
// add_filter (‘get_the_excerpt’, ‘twentyten_custom_excerpt_more’);
Ahora, debe agregar los siguientes códigos en su lugar para crear su propio “enlace” personalizado.
Function custom_excerpt_with_more ($ extracpt) {
if (has_excerpt () & amp; & amp ;! IS_Attachment ()) {
Global $ post;
Devuelve $ extracto. ”
id). “” & Gt; continúa leyendo
‘;
}
devuelve $ extracto;
}
add_filter (‘get_the_excerpt’, ‘custom_excerpt_with_more’); custom_excerpt_more ($ más) {
Global $ post;
Devuelve ”
id). “” & Gt; continúa leyendo
‘;
}
add_filter (‘Exactpt_more’, ‘Custom_Excerpt_More’);
Y tenga en cuenta que la función Custom_Excerpt_With_More () es para aquellos fragmentos que se consideran automáticos o especificados por el usuario con la etiqueta de luna de lectura.
CSS y JavaScript y ahora llegamos a la parte importante en la que agregamos CSS y JavaScript en la página Functions.php; Este paso es esencial si desea que funcione la diapositiva pegajosa de la publicación. Simplemente siga los códigos enumerados a continuación y copie, péguelos en las funciones.php.function custom_slider_css_js () {
if (is_home ()) {// Solo en la página principal
#slider {borde: 1px sólido #ccc; ancho: 640px; posición: relativo; desbordamiento: oculto; altura: 213px; margen-bottom: 20px;}
#mask {posición: absoluto; altura: 213px;}
.itams {float: izquierda; altura: 213px; ancho: 640px; post: relativo;}
.itams .wp-post-image {float: izquierda;}
.info {ancho: 320px; float: izquierda; Font-Family: Arial, Helvetic, Sans-Series;}
#Content .info h2 {font-size: 20px; font-weight: bold; color:#1c3f95; margen: 10px 10px 15px 10px;}
#content .info p {font-size: 11px; color:#1c3f95; línea de línea: 16px; margen: 10px;}
.info a {font-size: 10px; relleno: 5px 7px; fondo:#e1e1e1; decoración de texto: ninguno; transformación de texto: uppercase; font-weight: bold; color:#1c3f95;}
.info a: hover {color: #ffffff; fondo: #1c3f95;}
#Slider .Handle {Posición: Absolute; Bottom: 0; Derecha: 5px; Line-Height: 10px; Text-Align: Center; Font-Size: 25px; Font-Weight: Bold;}
.Treat a {color: #ccc; altura: 20px; ancho: 20px; display: inline-block; cursor: pointer;}. Mango .Active {color: #1c3f95;}
.Handle A: Hover {Color:#1C9F65;}
/**/
}
}
add_action (' wp_head ', ' custom_slider_css_js ');
Cambiando el tema de WordPress ahora, podemos cambiar el tema de WordPress para incluir códigos deslizantes. Necesitamos ir al archivo de bucle o, en este caso, el archivo etiquetado como loop.php.
Encuentre el archivo para su tema y una vez que lo haya localizado, coloque el cursor justo encima del área del bucle e ingrese los códigos deslizantes, como se muestra a continuación. $ Sticky);
Have_posts ()): $ number = 0; ? & gt;
have_posts ()): $ slider- & gt; the_post (); $ número ++; ? & gt;
0; $ Cuenta–):
& bull;
Ahora, casi terminé, todo lo que tiene que hacer es consultar su sitio web para ver si la publicación está activa y ejecutada.
Si desea realizar cambios adicionales, puede hacerlo fácilmente: todo lo que tiene que hacer es ingresar el código requerido y eso debería ser. Hay otra cosa que debemos hacer y es deshacerse de las publicaciones pegajosas habituales. Toda la idea detrás de crear una diapositiva de publicación pegajosa fue para no distraer de las últimas publicaciones que figuran en su sitio y es por eso que tenemos que eliminar la versión anterior de inmediato, solo tiene que seguir los códigos que se enumeran a continuación y eso debería hacerlo. , por ahora. $ Sticky); have_posts ()): $ número = 0; ? & gt;
have_posts ()): $ slider- & gt; the_post (); $ número ++; ? & gt;
0; $ cuenta–) 😕 & gt;
& bull;
consulta, matrix (‘post__not_in’ = & gt; $ sticky);
query_posts ($ args);
Ahora, debería poder disfrutar de la diapositiva deslizante funcional completa de Picky en WordPress; Con esta diapositiva en el acto, su página inicial debería verse mucho menos concurrida y ciertamente destacar por todas las razones correctas.
Recuerde que puede hacer cambios similares con otros temas y diapositivas. Como resultado de esta diapositiva, debería poder obtener más tracción en línea que nunca, lo que, a su vez, debería conducir a más tráfico y un mejor SEO.