Soporte » Diseño – Temas y plantillas » MH-Magazine-Lite modificación index.pho

  • Resuelto eaide2

    (@eaide2)


    Buenos días
    Tengo actualmente instalado el tema MH-Magazine-Lite que estoy modificando al gusto a través de un tema hijo y metiendo código.
    Ahora mismo la página index del tema, donde se muestra el listado de entradas, se ve de la siguietne forma:
    miniatura izda y a la dcha texto de la entrada (pudiendo ajustar la longitud, etc…)
    El tema es que me gustaría que el listado de entradas se viera en columnas, quiero decir,
    fila 1 columna 1 última entrada
    fila 1 columna 2 segunda entrada
    fila 2 columna 1 tercera entrada…

    Es posible? no sé qué código CSS tengo que poner.
    gracias!!

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Iniciador del debate eaide2

    (@eaide2)

    Se me ha olvidado cometnar, el index.php es este:

    
    <?php get_header(); ?>
    <div class="mh-wrapper mh-clearfix">
    	<div id="main-content" class="mh-posts-focus-full" role="main"><?php
    		mh_before_page_content();
    		if (have_posts()) {
    			if (is_home() && !is_front_page()) { ?>
    				<header class="page-header">
    					<h1 class="page-title">
    						<?php single_post_title(); ?>
    					</h1>
    				</header>
    			<?php
    			}
    			mh_magazine_lite_loop_layout();
    			mh_magazine_lite_pagination();
    		} else {
    			get_template_part('content', 'none');
    		} ?>
    	</div>
    	
    </div>
    <?php get_footer(); ?>
    
    Iniciador del debate eaide2

    (@eaide2)

    y en style están:

     /***** Loop / Archives / Search Results *****/
    
    .mh-loop-description { padding: 20px 0; margin-top: 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
    .mh-loop-description p:last-child { margin: 0; }
    .mh-loop-item { padding-bottom: 20px; padding-bottom: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-bottom: 1px solid #ebebeb; }
    .mh-loop-header { margin-bottom: 10px; margin-bottom: 0.625rem; }
    .mh-loop-meta { margin-top: 5px; }
    .mh-loop-excerpt { overflow: hidden; }
    .mh-loop-thumb { float: left; margin-right: 20px; }
    .mh-loop-thumb img { width: 100%; max-width: 235px; }
    .mh-loop-pagination { margin-top: 20px; }
    
    /***** Pagination *****/
    
    .post .pagination { padding-bottom: 20px; padding-bottom: 1.25rem; }
    .page-numbers { display: inline-block; font-weight: 700; color: #000; padding: 10px 15px; background: #f5f5f5; }
    .page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink { color: #fff; background: #e64946; }
    .page-numbers a { display: block; }
    .pagelink { display: inline-block; font-weight: 700; color: #fff; padding: 10px 15px; background: #e64946; }
    a .pagelink { color: #000; background: #f5f5f5; }
    
    Moderador LGrusin

    (@lgrusin)

    Tienes un archivo homepage.php que ya hace algo parecido a lo que quieres. Muestra las entradas en columnas, aunque en otro orden al que dices. Para eso tienes que elegir una página de inicio y ponerle en Atributos de página Homepage. Después mediante widgets añades los elementos que quieras en las columnas.

    Lee la documentación del tema:
    https://www.mhthemes.com/support/documentation-mh-magazine/

    Un saludo

    • Esta respuesta fue modificada hace 3 años, 3 meses por LGrusin.
    • Esta respuesta fue modificada hace 3 años, 3 meses por LGrusin.
    Iniciador del debate eaide2

    (@eaide2)

    Buenos días,

    Perdona mi ignorancia, pero hay algo que no funciona.
    He añadido la siguiente línea en page:

    
    <?php /* Template Name: homepage */ ?>
    

    Pero en la página donde quiero lo de las entradas, no me deja seleccionar esta template (si en el resto de las páginas)

    Cabe indicar que tengo la versión gratuita de la plantilla no sé si tendrá algo que ver. gracias.

    Edito: He conseguido usando widgets aunque no salen igual, habría alguna forma de cambiar ésto? supongo que desde la planitlla, no? porque quiero que me salga el texto y sólo se ven las fotos (con datos de fecha, autor, etc..)
    gracias

    • Esta respuesta fue modificada hace 3 años, 3 meses por eaide2.
    • Esta respuesta fue modificada hace 3 años, 3 meses por eaide2.
    • Esta respuesta fue modificada hace 3 años, 3 meses por eaide2.
    • Esta respuesta fue modificada hace 3 años, 3 meses por eaide2.
    Moderador almendron

    (@almendron)

    Te estás complicando la vida sin necesidad de ello. No es necesario que crees una plantilla para la página principal. Basta con que crees una página normal y luego en los ajustes del tema seleccionarla como principal. Después podrás poner widgtes a tu gusto.

    Si el tema se queda corto, prueba https://es.wordpress.org/themes/magazine-plus/
    Es casi igual pero creo que tienes más opciones.

    Concuerdo con @almendron, si ya tienes el template creado solo basta con crear una pagina y asignarle ese template, no es necesario que crees otro que haga lo mismo (aunque utilices un tema hijo).

    Iniciador del debate eaide2

    (@eaide2)

    Muchas gracias a ambos. Ya he entendido a qué os referíais y cómo realizarlo. He utilizado el pluging Post-Grid que se ajusta mucho a lo que quiero.
    Pero quería hacer algunas modificaciones del plugin, es decir:
    Aparece «read more» en vez de leer más.
    En el editor del plugin tengo esto:

    		elseif($item_key=='read_more'){
    	
    			if(!empty($item_info['read_more_text'])){
    				$read_more_text = $item_info['read_more_text'];	
    				}
    			else{
    				
    					
    				
    				
    				$read_more_text = apply_filters('post_grid_filter_grid_item_read_more', __('Leer más', 'post-grid'));
    				
    				
    				}
    
    				$html_content.= '<a target="'.$link_target.'" class="element element_'.$item_id.' '.$item_key.'"  href="'.get_permalink().'">'.$read_more_text.'</a>';
    
    			}
    

    Estaba intentando cambiar a través del archivo functions.php del tema hijo a «leer más» pero no entiendo muy bien cómo se hace.

    He probado con add-filter:

    <?php 
    
     add_filter( $read_more_text, $post_grid_filter_grid_item_read_more );
    function post_grid_filter_grid_item_read_more($read_more_text{
         return "Leer más";
    }
    
    ?> 

    Pero algo hago mal. ¿Podrías ayudarme?
    gracias.

    Moderador almendron

    (@almendron)

    En principio, no es necesario que toques el código. Ve a la sección «Layout Editor» y allí clic en «Read More» para cambiar el texto. Tendrás que escoger también la plantilla.

    Iniciador del debate eaide2

    (@eaide2)

    hola almendron, muchas gracias.
    si, eso había hecho, pero pensaba que al actualizar el plugin iban a desaparecer las modificaciones.

    El problema es que escribía mal la función, parece que me ha llegado la inspiración. por si a alguien más le pasa, lo he modificado a través del functions del tema hijo.

    <?php 
    
    add_filter( 'post_grid_filter_grid_item_read_more', 'read_more_text' );
    function read_more_text() {
        return '<a class="element element_4 read_more" href="' . get_permalink() . '">Leer mas</a>';
    }
    
    ?> 
    

    muchas gracias!!

    Moderador almendron

    (@almendron)

    De nada. Un saludo.

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • El debate ‘MH-Magazine-Lite modificación index.pho’ está cerrado a nuevas respuestas.