[En desarrollo] Template Wordpress tipo tube - Unthub

spamer01

Eta
Diseñador
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
29 Jun 2011
Mensajes
1.481
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:

1.jpg
2.jpg

3.jpg


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.
 

MajesticCat

Eta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
24 Ene 2014
Mensajes
1.250
Espero el demo con ansias 🔥
 

vzn1708

Épsilon
Diseñador
Verificación en dos pasos desactivada
Desde
7 Oct 2017
Mensajes
780
Excelente, no abandones el proyecto. También espero el demo
 

Baires23

VIP
Épsilon
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Abr 2017
Mensajes
775
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!
 

Pompinchu

VIP
Ómicron
Marketing
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
2 Jul 2013
Mensajes
4.759
Esperando la demo :)
 

spamer01

Eta
Diseñador
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
29 Jun 2011
Mensajes
1.481
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!

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

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba