Blog

Horizontal slider

parent {
display: flex;
overflow-x: auto;
overflow-y: hidden;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
innerElements {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: 20px;
}

https://kenwheeler.github.io/slick/

Numeric pagination

function qodef_custom_pagination() {
global $wp_query;
if ( get_query_var( ‘paged’ ) ) {
$paged = get_query_var( ‘paged’ );
} elseif ( get_query_var( ‘page’ ) ) {
$paged = get_query_var( ‘page’ );
} else {
$paged = 1;
}
if ( is_front_page() || is_home() || is_archive() || is_search() ) { ?>

str_replace( 999999999, ‘%#%’, esc_url( get_pagenum_link( 999999999 ) ) ),
‘total’ => $wp_query->max_num_pages,
‘current’ => $paged,
‘prev_text’ => ‘‘ . esc_html__( ‘«’, ‘textdomain’ ) . ‘‘,
‘next_text’ => ‘‘ . esc_html__( ‘»’, ‘textdomain’ ) . ‘
) ); ?>

Contact Form 7 Style upload button

Ese boton de upload no se puede cambiar con css normal, toca hacer un truco.

span.resume-file {
position:relative;
}

span.resume-file:before {
content:”Upload file”;
position:absolute;
left:0;
padding:5px;
background:white;
color: rgb(64, 64, 64);
border: 1px solid #ccc;
width:100%;
font-size: 14px;
text-align:center;
border-radius:5px;
cursor:pointer;
margin-top: 10px;
}

span.resume-file>input {
visibility:hidden;
}

FAQ css/jquery

jQuery(document).ready(function( $ ){ if(document.querySelector(‘.eachFAQ’) != null) { jQuery(“.faq_answer”).hide(); jQuery( “.eachFAQ” ).each(function( index ) { jQuery( this ).click(function() { if(jQuery(this).find(“.faq_answer”).css(‘display’) == ‘none’) { jQuery( this ).find(“.faq_answer”).show(); } else { jQuery( this ).find(“.faq_answer”).hide(); } }); }); jQuery(“.eachFAQ:first-of-type p.faq_answer”).show(); } });

Mostrar u ocultar TODAS los Ajustes de WordPress

Para todos los usuarios administradores de WordPress existe una página donde pueden encontrar Todos los Ajustes de nuestro sitio, una útil y oculta página de configuraciones donde podemos desde la versión de las bases de datos hasta las configuraciones específicas de uno de los plugins que tengas instalados, es una página que vale la pena conocer en caso de tener la necesidad de realizar un cambio muy puntual, obviamente hay que tener mucho cuidado y saber lo que estamos haciendo, debido a esto la página está oculta por defecto.

Mostrar Todos los Ajustes de WordPress

Si lo único que queremos es ver las posibilidades que tenemos pero aún no queremos que se agregue al panel de administración podemos visitar /wp-admin/options.php usando nuestro usuario de administrador, allí podremos navegar por todas las configuraciones de WordPress y ver los cambios que podemos realizar.

Si lo que queremos es añadir un enlace a estas opciones desde el menú de Ajustes, lo que vamos a hacer es agregar el siguiente código al archivo functions.php de nuestra plantilla.

// CUSTOM ADMIN MENU LINK FOR ALL SETTINGS
   function all_settings_link() {
    add_options_page(__('All Settings'), __('All Settings'), 'administrator', 'options.php');
   }
   add_action('admin_menu', 'all_settings_link');

Cómo instalar Google Analytics en WordPress

La mejor forma de saber cómo interactua tu público con tu sitio web es a través de Google Analytics, en el siguiente artículo te explicaré porque Analytics es importante y cómo Instalar Google Analytics de varias formas en tu sitio WordPress.
[wp_ad_camp_1]

Por que es importante Analytics para los dueños de sitios Web

Google Analytics es una herramienta muy completa la cual te puede ayudar a entender las necesidades de tus visitantes, las principales características por las que quieres usar está herramienta son:

  • Saber quién visita tu sitio: con la opción de datos geográficos podrás la ubicación de las personas que nos visitan, obviamente no se podrá saber quién concretamente visita nuestro sitio pero en este caso es algo irrelevante ya que buscamos datos en masa y no de personas específicas. Ubicación, resolución de pantalla, idioma o varios datos que dependiendo nuestro sitio nos serán más últiles.
  • Qué hacen los vistantes en tu sitio: Puedes ver cuáles son las páginas más visitadas, cuáles páginas están generando más tráfico, cuánto tiempo permanecen en ellas, el porcentaje de rebote, etc.
  • Horario de vista de tu sitio: Podrás conocer los tiempo donde más visitantes hay en tu sitio, lo que podría ser útil para publicar nuevo contenido un poco antes de la llegada de los visitantes.

Obtener ID de Seguimiento Google Analytics

  1. Lo primero que debemos hacer es crear la cuenta o usar nuestra cuenta de Google si tenemos, vamos a: Google Analytics
  2. A continuación de darán la opción entre seguimiento a una página web o aplicación móvil, seleccionas la que te necesites y llenas los datos.
  3. Creacion cuenta analytics wordpress

  4. Una vez llenes los datos al final encontrarás un botón que dice Obtener ID de seguimiento, aceptas las condiciones de servicio dentrás acceso al ID de seguimiento, como lo puedes ver en la siguiente imagen.
  5. Screenshot from 2016-02-06 04:46:54

Instalar Google Analytics WordPress

Despues de tener el código de seguimento de Analtics procedemos a insertarlo en nuestro sitio, para esto te mostraremos tres formas.

Instalar Google Analytics mediante un Plugin: Tener varios plugins puede ser perjudicial para la velocidad del sitio, sin embargo, en este caso es recomendable hacerlo principalmente porque el plugin que vamos a usar no será pesado y porque evitamos problemas que podamos tener en futuras actualizaciones, uno de los plugins que frecuentemente uso para esta tarea es WP Google Analytics, lo instalamos, lo activamos y finalmente en el menú de Ajustes encontraremos Google Analytics donde pondremos nuestro ID de seguimiento como en la siguiente imagen.

Screenshot from 2016-02-06 07:16:42

Instalar Google Analytics directamente: Justo después de crear tu cuenta y a la misma vez que te dieron el ID de seguimiento también te dieron un código, puedes usar ese código y pegarlo en el archivo header.php de tu plantilla.

Instalar Google Analytics en Funcionts.php: En el archivo functions.php de tu plantilla vas a agregar el siguiente código:


// Aquí adiciona el código proporcionado por Analytics

Como ya lo dijimos la opción recomendada es el plugin debido a que los futuros cambios y actualizaciones no afectarán la instalación del código, sin embargo, todas las opciones anteriores funcionan de la misma forma, finalmente cuando el código de Analytics este correctamente instalado en tu WordPress puedes dirigirte a Google Analytics para ver las estadísticas que están produciendose.

Cómo conocer IP y otros datos de red en Android

Muchas veces necesitamos conocer la IP local de nuestro Android, o en algunas ocasiones queremos saber la dirección MAC con el fin de permitir a nuestro dispositivo realizar alguna acción. Para esto existen básicamente dos métodos con los cuales puedes conocer estos y otros muchos datos sin la necesidad de instalar aplicaciones.
[wp_ad_camp_1]

Método 1: conocer IP desde las configuraciones Wi-Fi

Primero vamos a las configuraciónes de Wi-Fi, desde el menú de Configuraciones > Wi-Fi, una vez allí damos clic en el menu de configuraciones en la parte superior derecha y accedemos a Advanced como lo vemos en la siguiente imagen.

Metodo 1 Conocer IP Android

Una vez estemos en las configuraciones avanzadas de Wi-Fi bajamos y veremos la dirección MAC y la dirección IP de nuestro dispositivo Android.

Metodo 1 Conocer IP Android

Método 2: conocer información de red a través de Códigos secretos de Android

Los códigos secretos de Android son simplemente códigos que se ingresan en el marcador de nuestro dispositivo Android con el fin de acceder a información del teléfono principalmente, en este caso queremos acceder a la información de red, así que lo que tenemos que hacer es abrir la aplicación de Phone y procedemos a insertar el código que nos interesa que en este caso es *#*#4636#*#*.

Metodo 2 Conocer IP Android

Si ingresamos el código correctamente llegaremos a este menú llamado Testing y accedemos a la opción Wi-Fi Information y en la siguiente pantalla Wi-Fi Status

Metodo 2 Conocer IP Android 2 Metodo 2 Conocer IP Android 3

Finalmente llegaremos a la siguiente pantalla de configuraciones, donde tendremos que dar clic en el botón Refresh Stats y encontraremos todos los datos que necesitamos, IP y MAC principalmente.

Metodo 2 Conocer IP Android 4

Así te fácil podrás conocer IP y los detalles de red de tu dispositivo Android, es muy fácil y rápido, sin necesidad de instalar aplicaciones o cargar el móvil con archivos que no volveremos a usar.

¿Cómo conseguir mi primer trabajo como Freelancer?

En este artículo contaré algunas cosas de mi historia como Freelancer, llevo trabajando como Freelancer un poco más de 3 años, lo suficiente para darme cuenta que nunca voy a trabajar de una forma diferente, “mi oficina” ha sido mi habitación y actualmente es la sala de la casa donde vivo y es donde paso la mayor parte de mi tiempo. Al principio comencé traduciendo documentos y sitios web, debido a que estaba aprendiendo inglés y sabía que necesitaba mejorarlo si quería encontrar mejores oportunidades, decidí trabajar de esta manera para tener un poco de dinero y ganar experiencia en inglés y en el mundo de los freelancers, luego de alrededor de 1 año me di cuenta que necesitaba cambiar y hacer algo que me gustara más y que obviamente fuera mejor pago, así termine trabajando como desarrollador Web Freelance.
[wp_ad_camp_1]

En este artículo no voy a hablar de sitios para trabajar como freelancer, posteriormente realizaré un artículo con los mejores sitios para freelancers dependiendo la actividad que se quiera realizar.

Consejos para conseguir mi primer trabajo como Freelancer

1. Tener un perfil completamente terminado

Antes de conseguir mi primer trabajo gasté un poco más de 1 día completo en crear un “buen” perfil para comenzar, trata en lo posible de hacer un perfil que esté enfocado a un solo tema, no es conveniente hacer un perfil de traductor, escritor, programador, diseñador, etc, ya que estarías proyectando una imagen negativa, por el contrario si haces un perfil de un tema en especifico mostrarás desde el inicio que es el tema que dominas y que estás seguro que lo vas a hacer bien.

Muchos sitios ofrecen tomar cuestionarios para calificar las habilidades, y aunque yo no crea en ellos, son una buena herramienta para hacer que nuestro perfil luzca más completo y competitivo. De la misma forma un portafolio donde se pueda demostrar de forma tangible el conocimiento, si eres desarrollador, no vale con mostrar código ya que las personas seguramente no entienden de código y por eso te están buscando, se trata de describir procesos y mostrar productos terminados, ya sean reales o de practica, lo importante es mostrar algo.

Algo que puede ayudar mucho es ver otros perfiles de freelancers que hagan lo mismo que quieras hacer y que tengan mucha experiencia, los mejores en el área, no se trata de copiar pero si de imitar buenas costumbres, recuerda que ellos pasaron por tu mismo sitio y cometieron errores que tal vez puedas evitar si analizas cómo lo hacen.

Por último, algo muy obvio y que muchas personas no hacen al comienzo es usar una buena foto de perfil, sonriente, con un fondo claro y con una buena calidad, esto es muy importante ya que demuestra profesionalismo, que es lo que todos los clientes buscan.

2. La importacia del primer mensaje

Normalmente lo que uno hace como freelancer es tener varias plantillas de trabajos comunes y adaptarlas al cliente y al tipo de trabajo que se está ofreciendo, sin errores de ortografía, siendo cordial y directo, siempre es bueno mostrar originalidad y modificar las plantillas tanto como sea posible para que se respondan las preguntas que el cliente tenga. No es recomendable que el texto sea muy corto (2 líneas) ni muy largo (3 párrafos) a menos que el cliente lo especifique en la descripción del trabajo.

También es muy importante darle a entender al cliente que por el hecho de que tu cuenta sea nueva, no quiere decir que no tengas experiencia, tienes que asegurar que tienes experiencia en el tema y mostrar seguridad suficiente para darle a entender al cliente que al final va a estar muy satisfecho, debido a esto recomiendo aplicar solamente a cosas que sepas que puedes hacer o aprender rápidamente, por ejemplo, si te piden el dominio de un API que nunca has usado, revisas rápidamente la documentación y si te sientes capaz respondes a la propuesta diciendo que tienes experiencia.

Otro punto importante y el último que voy a tocar en cuanto al primer mensaje es la rapidez, por obvias razones los primeros mensajes son los que más oportunidades tienen de ser leídos, aun sabiendo que la mayoría de plataformas de freelancers tienen sistemas para que los clientes organicen por algunos criterios a los candidatos, es recomendable ser de los primeros candidatos ya que normalmente los clientes tienen mucha prisa y comienzan a ver y analizar a los candidatos tan pronto como reciben los primeros mensajes.

Como conclusión de la importancia del primer mensaje como freelancer; originalidad, seguridad y rapidez.

3. Cuánto cobrar por el primer contrato

Lo que yo recomiendo es apuntar a trabajos o tareas cortas, no es muy probable que contraten a alguien nuevo en un sitio para un proyecto largo, aunque casos se han visto, pero en general es mucho más fácil ganar un contrato corto y mucho más productivo, recordemos que el objetivo del primer contrato es simplemente dejar de ser un nuevo, aquí el precio juega un papel muy importante ya que si es una tarea relativamente fácil el cliente optará por los precios más bajos.

Algo que puedes hacer es intentar ganar un par de contratos con precios normales, si pasado un día no tienes nada aún lo mejor es que te regales, por lo menos una vez, te en cuenta que el primer trabajo no se hace por dinero, se hace por tener la experiencia, así que cobra lo menos que se pueda y de hecho puedes aclarar que el bajo precio que propones es por la falta de experiencia en el sitio y que es una oferta, haciendo esto le haces saber al cliente que en futuros proyectos similares cobrarás normalmente.

4. Tu disponibilidad y tiempos de entrega

Siempre y no solamente en el primero trabajo es bueno aclarar tu disponibilidad y la fecha y hora límite de entrega, en cuanto al primer trabajo lo mejor es tener todo el tiempo disponible y hacerle saber al cliente que puedes empezar ahora mismo y terminar en un par de horas dependiendo de lo largo o corto de la tarea, siempre siendo consiente y añadiendo un poco más del tiempo que piensas que vas a tardar en caso de que algo salga mal y tardes más.

conseguir mi primer trabajo como Freelancer

Esto fue lo que empíricamente me funcionó para conseguir mi primer contrato (corto) en menos de 2 días, contrato muy corto que sirvió para ganar mi primera calificación positiva, un par de dólares y el saber que si se podía y que ese mundo tan utópico tenía mucho futuro.