[En desarrollo] Template Wordpress tipo tube - Unthub

Hola foreros!

Hace algunas semanitas vengo trabajando en un template que estoy desarrollando para websites en Wordpress de tipo tube.

Como tengo otro trabajo y me consume una gran cantidad de horas (sumado lo cansado que llego a casa) no le puedo dedicar al proyecto el 100% de mi, por ende me gustaría hacer este post para ir mostrándoles los avances que va teniendo el template.

Empecemos explicando algunas funcionalidades que tiene dicho theme:

• Navegación amigable, ésto lo logré gracias a inspeccionar y analizar muchos sitios de la temática, viendo beneficios y falencias que tienen dichas webs
• UI/UX acorde al sector
• Personalización completa del template (abajo explico en detalle)
• Contador de visitas
• Muestra de calidad y duración del video, configurable desde la misma carga del post
• Totalmente responsive con una navegación muy cómoda entre las secciones

Personalización del template:

• Configuración de colores para textos
• Configuración de colores para los background (header, navbar, body, etc)
• Configuración de publicidad principal (apartado index, búsquedas y paginaciones)
• Configuración de publicidad en los post (laterales y footer)
• Configuración de columnas (cuántas a mostrar)

Funcionalidades faltantes:

• Like/dislike en los videos
• Sistema de reporte de videos
• Schema
• Configuración SEO on page
• Creación y edición de archivos como category, tags, entre algunos otros

Actuales muestras del template:







Y bueno, hasta aquí llegamos.
Hay bastantes más cosas que me gustaría mostrarles pero el post se extendería demasiado y simplemente son muestras de mis avances.
Quedan detalles por revisar, funcionalidades por agregar y algunos pequeños cambios los cuales realizar. Pero mantendré informado vía este post dichos avances.

Cualquier duda y/o sugerencia para poder agregar dentro del template, la analizaré y si me parece algo útil se agregará.

De momento no llevará ningún plugin extractor de videos y parecido ya que no cuento con la experiencia. Aunque bueno , esto también lo fui aprendiendo sobre la marcha 😂

Sin más, espero que les haya gustado.

Espero el demo con ansias 🔥

MajesticCat dijo:

Espero el demo con ansias 🔥

Hacer clic para expandir...

Gracias! Yo la espero igual 😂

Excelente, no abandones el proyecto. También espero el demo

Te comparto el código de "Facebook Open Graph" de mi theme Kiaras para que puedas desarrollar el Schema. Con esto seria mas fácil.




Si necesitas una mano, acá estoy!

Esperando la demo 🙂

tavostrog dijo:

Te comparto el código de "Facebook Open Graph" de mi theme Kiaras para que puedas desarrollar el Schema. Con esto seria mas fácil.

PHP:

if ( !function_exists('myfieldtest_myfieldtest_function') ) {
    function myfieldtest_myfieldtest_function() {
        add_meta_box( 'myfieldtest-function-id', 'Facebook Open Graph (Compartir Publicacion)', 'myfieldtest_callback_function', 'post', 'normal', 'high' );
    }
    add_action( 'add_meta_boxes', 'myfieldtest_myfieldtest_function' );
}

if ( !function_exists('myfieldtest_callback_function') ) {
    function myfieldtest_callback_function( $post ) {
       
        $tituloredes = get_post_meta( $post->ID, '_titulo_redes', true );
        $outline = '
            <table><tbody>

                <tr>
                    <td scope="row">Descripci&oacute;n </td>
                    <td>
                        <input type="text" name="titulo-redes" id="titulo-redes" value="'.$tituloredes.'" />
                    </td>
                </tr>

            ';
        echo $outline;
   
        $imagenredes = get_post_meta( $post->ID, '_imagen_redes', true );
        $outline = '

                <tr>
                    <td scope="row">Imagen (Link) </td>
                    <td>
                        <input type="text" name="imagen-redes" id="imagen-redes" value="'.$imagenredes.'" />
                    </td>
                </tr>
            ';
        echo $outline;
   
        $tipo_redes = get_post_meta( $post->ID, '_tipo_redes', true );
        $outline = '

                <tr>
                    <td scope="row">Tipo de Publicaci&oacute;n </td>
                    <td>
<select name="tipo-redes" id="tipo-redes" value="'.$tipo_redes.'" style="width: 100%;">
<optgroup label="Websites">
<option value="blog">Blog</option>
<option value="website">Website</option>
<option value="art&iacute;culo">Art&iacute;culo</option>
</optgroup>
<optgroup label="Activities">
    <option value="activity">Activity</option>
    <option value="sport">Sport</option>
</optgroup>
<optgroup label="Business">
    <option value="bar">Bar</option>
    <option value="company">Company</option>
    <option value="caf&eacute;">Caf&eacute;</option>
    <option value="hotel">Hotel</option>
    <option value="restaurant">Restaurant</option>
</optgroup>
<optgroup label="Grupos">
<option value="causa">Causa</option>
<option value="sports_liga">Sports Liga</option>
<option value="sports_team">Sports Team</option>
<optgroup label="Organizations">
<option value="band">Band</option>
<option value="goverment">Goverment</option>
<option value="non_profit">Non profit</option>
<option value="school">School</option>
<option value="university">University</option>
</optgroup>
<optgroup label="People">
<option value="actor">Actor</option>
<option value="athlete">Athlete</option>
<option value="author">Author</option>
<option value="director">Director</option>
<option value="musician">Musician</option>
<option value="politician">Politician</option>
<option value="public_figure">Public Figure</option>
</optgroup>
<optgroup label="Places">
<option value="city">City</option>
<option value="country">Country</option>
<option value="landmark">Landmark</option>
<option value="state_providence">State Providence</option>
</optgroup>
<optgroup label="Products and Entertainment">
<option value="alb&uacute;m">Alb&uacute;m</option>
<option value="book">Book</option>
<option value="drink">Drink</option>
<option value="food">Food</option>
<option value="Game">Game</option>
<option value="product">Product</option>
<option value="song">Song</option>
<option value="movie">Movie</option>
<option value="tv_show">Tv Show</option>
</optgroup>
</select>
</td>
<td><b style="font-weight: 700;">Seleccionado:</b> '.$tipo_redes.'</td>
                    </td>
                </tr>
                </tbody>
                </table>
            ';
        echo $outline;
    }
}

if ( !function_exists('myfieldtest_save_meta_box') ) {
    function myfieldtest_save_meta_box( $post_id ) {
        if ( isset($_POST['titulo-redes']) && $_POST['titulo-redes']!= "" ) {
            update_post_meta( $post_id, '_titulo_redes', trim($_POST['titulo-redes']) );
        }
        if ( isset($_POST['imagen-redes']) && $_POST['imagen-redes']!= "" ) {
            update_post_meta( $post_id, '_imagen_redes', trim($_POST['imagen-redes']) );
        }
        if ( isset($_POST['tipo-redes']) && $_POST['tipo-redes']!= "" ) {
            update_post_meta( $post_id, '_tipo_redes', trim($_POST['tipo-redes']) );
        }

    }
    add_action( 'save_post', 'myfieldtest_save_meta_box' );
}

Si necesitas una mano, acá estoy!

Hacer clic para expandir...

Muchas gracias, compa! Vi el mensaje en el trabajo pero hace un momento llegué a casa.
Luego veo de implementarlo ❤

vzn1708 dijo:

Excelente, no abandones el proyecto. También espero el demo

Hacer clic para expandir...

Pompinchu dijo:

Esperando la demo 🙂

Hacer clic para expandir...

Quiero tenerlo casi al 100% para poder mostrar una demo. No quiero mostrar un trabajo a medio hacer.
De todas formas gracias, eso es sinónimo de que hay interés por el template 😊