Wordpress: Poner widget en la cabecera de un tema

Parece difícil, pero es bastante sencillo.

Solo agrega a tu archivo: functions.php lo siguiente:


function header_widgets_init(){
$args = array(
'id' => 'widget_area_header',
'name' =>  __( 'Widget Area del Header', 'nueva_widget_area' ),
'description' =>  __( 'Estos widgets aparecerán en el header', 'nueva_widget_area' ),
);
register_sidebar( $args );
}
add_action('widgets_init','header_widgets_init');


Luego agregar a tu archivo header.php lo siguiente:

<?php dynamic_sidebar('widget_area_header'); ?>

Lo pones en la posición que quieres que aparezca el widget.

Luego anda a la sección Widgets y agrega el contenido.

Eso es todo :)

Ah, si agrega un widget de imagen y sube una imagen, puede que le aparezcan unos puntos, de la etiqueta: LI.
Use este CSS para desaparecerlos.
Donde  #media_image-3 / #custom_html-5 es el ID del elemento. Esto que puede cambiar en su tema.

<style>
#media_image-3{
list-style:none
}
#custom_html-5{
list-style:none
}
</style>

chaveztoro

Copia de seguridad de Base de datos con mysqldump

Un pequeño script para hacer una copia de seguridad de una base de datos mySQL.


<?php
// variables
$dbhost = 'localhost';
$dbnombre = 'nombre_de_la_db';
$dbusuario = 'usuario_de_la_db';
$dbpassword = 'password_de_la_db';

$archivo_con_backup = $dbnombre . date("Y-m-d-H-i-s") . '.gz';

// comandos a ejecutar
$comando = "mysqldump --opt -h $dbhost -u $dbusuario -p$dbpassword $dbnombre | gzip > $archivo_con_backup";

// ejecución y salida de éxito o errores
system($comando,$salida);
echo $salida;
?>

Una guía completa de los comandos de: mysqldump
https://dev.mysql.com/doc/refman/8.0/en/mysqldump.html

Espero que le sea de utilidad.

chaveztoro

Transmisión en Vivo desde Facebook

Para empezar una transmisión en vivo en Facebook, se deben seguir los siguientes pasos:

1. Ir al sitio web oficial de Facebook: https://www.facebook.com/

2. Si ya está registrado en Facebook, inicie sesión con su correo electrónico y su contraseña. Caso contrario, regístrese con una dirección de correo electrónico válida.

Desde una Computadora:

1. Cuando haya ingresado a su cuenta de Facebook, busque la opción "Video en vivo" en la parte superior de la sección Noticias.

2. Haga clic en la opción antes mencionada, aparecerá una ventana donde tendrá que agregar una descripción sobre la transmisión en vivo.

3. Finalmente, haga clic en "Transmitir" para iniciar con el video.

4. Según la página oficial de Facebook, se sugiere utilizar el navegador Google Chrome para hacer transmisiones en vivo desde una computadora.

Desde un dispositivo móvil:

1. Tener instalado la aplicación oficial de Facebook.

2. Iniciar sesión o crearse una cuenta.

3. Cuando haya ingresado a su cuenta, en la sección Noticias, busque la opción para crear una publicación o post. Esta sección la puede identificar por la frase "¿Qué estas pensando?"

4. Hacer clic en "Transmitir", completa los campos que aparezcan, y finalmente hacer clic en "Iniciar Video en Vivo"

5. Para terminar la transmisión, hacer clic en "Finalizar"

Desde una Fanpage:

1. Una vez iniciada la sesión con su cuenta de Facebook, entre a la Fanpage de la cual es dueño o administrador.

2. Hacer clic en "Compartir" y busca la opción "Facebook Live". **Recuerda que en una Fanpage todas las transmisiones en vivo son públicos.

3. Agrega una descripción para tu transmisión en vivo, y finalmente clic en "Transmitir". De esta manera, estarás transmitiendo en vivo para todos los seguidores de tu Fanpage

Live Streaming en Youtube y mostrarlo en Wordpress

Para empezar una transmisión en vivo en Youtube, se deben seguir los siguientes pasos:

1. Ir al sitio web de youtube: https://www.youtube.com/

2. En la parte superior derecha de la página, aparece la opción "ACCEDER". Hacer clic en en dicha opción.

3.  Al hacer clic en la opción anterior, aparecerá la siguiente página:

Inicio de Sesión 

4.  Tendrá que Iniciar Sesión con su cuenta de google (desde la que quiere transmitir en vivo) para poder acceder a Youtube. Si no tiene una cuenta de google, hacer clic en la opción "Crear Cuenta".

5. Una vez que ha iniciado sesión, en la parte superior derecha, hacer clic en el icono de vídeo.

El icono de vídeo es el primer icono empezando desde la izquierda

6. Al hacer clic, aparecerán las siguientes opciones:

Aquí debe seleccionar la opción "Emitir en directo"

7. Luego, aparecerá una solicitud de permisos para que Youtube pueda acceder a la cámara y al micrófono del dispositivo que se esté usando para la transmisión en vivo. Se debe hacer clic en la opción "Permitir", para que se pueda usar la cámara y el micrófono.

Hacer clic en "Permitir"

8. A continuación, se visualizará lo siguiente:

Información sobre la Emisión en Directo

9. De la imagen anterior, se debe asignar un título a la transmisión. ´Las transmisiones en vivo por defecto tienen seleccionado la opción "Oculta", pero esto se puede cambiar a "Pública", haciendo clic sobre la misma opción.

Usted puede seleccionar cualquiera de las dos opciones. Leyendo la descripción que aparece debajo de cada opción, podrá decidir cual le conviene.

10. Al hacer clic en "Más Opciones", aparecerán las siguientes opciones:

Aparecerán opciones para: Añadir una descripción de la transmisión,  seleccionar alguna otra cámara que se tenga conectada, o seleccionar algún otro micrófono.

11. De la imagen anterior, al hacer clic en "Configuración Avanzada", aparecerá lo siguiente:

Aparecerán opciones para: Activar o desactivar el chat, Activar o desactivar la restricción por edad (esto lo determina usted por el tema y contenido que va a mostrar en la transmisión). También tendrá la opción de indicar si usted hará una publicidad o promoción de un producto/servicio. Por último, puede activar o desactivar la Obtención de Ingresos, esto quiere decir que durante la transmisión habrán pausas publicitarias para que usted obtenga ingresos.

12. Una vez que haya terminado de configurar todo de acuerdo a su criterio, retroceda hasta la primera página, haciendo clic en la flecha en la esquina superior de  Configuración Avanzada.

13. Una vez en la primera página, y habiendo completado el título y demás configuraciones, hacer clic en "Siguiente".

14. Inmediatamente aparecerá un contador que tomará una foto, que será utilizada como miniatura del vídeo.

15. La miniatura se mostrará para que usted la evalúe. Al posicionar el mouse sobre la miniatura, aparecerán dos opciones: "Capturar Otra Miniatura" y "Subir Miniatura Personalizada". La primera opción le permitirá tomar otra foto con su cámara, mientras que la segunda opción le permitirá elegir una imagen que ya tenga guardada en su dispositivo.

16. Cuando se determine la miniatura, hacer clic en el botón "Emisión En Directo" para Iniciar la emisión.

17. En su pantalla usted podrá ver lo que su cámara capta.

En la parte superior izquierda aparecerán los siguientes indicadores:

Se puede ver el tiempo que se lleva transmitiendo, el número de personas que están viendo la transmisión en vivo, y el número de likes que alcanza la transmisión.

En la parte inferior aparecen las siguientes opciones:

Con las que se puede silenciar el micrófono, compartir, o terminar la emisión.

18. Para finalizar la transmisión en vivo, hacer clic en "Terminar Emisión"; aparecerá una notificación preguntando si está seguro con dos opciones, hacer clic en la opción conveniente.

19. Una vez que haya terminado la transmisión, aparecerá una ventana con el resumen de la transmisión, hacer clic en "Listo". Esto abrirá una página en la sección: Emisión En Directos > Eventos, donde aparecerá el vídeo de su transmisión en vivo.

Para Wordpress:

1. Una vez iniciada la transmisión en vivo, en las opciones de la parte inferior, hacer clic en el icono de Compartir.

2. Aparecerá una ventana con varias opciones para compartir y debajo un enlace.

3. Una opción es copiar el enlace que aparece en dicha ventana.

4. Luego ir a wordpress, iniciar sesión, crear una nueva entrada o página, y pegar el enlace en la sección de contenido. Después publicar la entrada o página, y verificar que el vídeo aparezca ahí.

5. La otra opción es, en la ventana con las opciones para compartir, hacer clic en "Insertar". Esto generará un código iframe, copiar dicho código.

6. En wordpress, crear una nueva entrada o página, seleccionar la opción "Texto" en el contenido, y pegar el código iframe. Publicar los cambios. El vídeo debe aparecer en el contenido.

7. Cualquiera de las opciones nombradas son válidas y tienen el mismo propósito.

Migrando Wordpress a ruta provisional con ~

Puede ocurrir que estés migrando un sitio en Wordpress de un servidor a otro.
Y que al entrar a verlo por la ruta provisional el sitio no se vea correctamente.

Para superar este problema haz lo siguiente:

Abre el archivo: wp-config.php

Y después de la línea: <?php
inserta lo siguiente:

define ('WP_HOME', 'http://172.241.250.96/~tusuario');
define ('WP_SITEURL', 'http://172.241.250.96/~tusuario');

Dónde esto: http://172.241.250.96/~tusuario
es la ruta provisional de tu instalación.

Al probar verás que ya se ve tu sitio web.

Obviamente, cuando el sitio ya funcione con su propio dominio, tendrás que borrar esas dos líneas.

Proceso para poner captcha de google Wordpress

Un captcha es un sistema de verificación online que comprueba que un formulario ha sido escrito por un humano y no por una máquina. 

1. Registrarse en reCAPTCHA. Nos dirigiremos a http://recaptcha.net/  y nos identificamos como usuarios de Google.  En su defecto, tendremos que registrarnos.

Una vez identificados, nos solicitarán el dominio o dominios donde queremos implantar nuestros captchas, una etiqueta a modo de identificador y un correo o correos donde puedan notificarnos alertas.

A continuación, nos mostrará lo siguiente:

Public Key: 5LfCABCDEFGHIJUNDSBOejHq-5n5StSWawBpCAMX 

Private Key: 6LfCAAAFHJSDFGHHJHDeju3a-Z5lomjShHKaGh9g

En el sitio de reCAPTCHA, tendremos que descargarnos los códigos en el lenguaje que queramos, las librerías para poner en nuestro servidor y unos ejemplos de uso del sistema, algo que encontraremos aquí:  https://developers.google.com/recaptcha/intro.

En este ejemplo, mostraremos la versión PHP. Una vez descargado el zip que contiene la librería PHP, la ubicamos en nuestro servidor. Recuerda dónde la has puesto, porque tendrás que hacer un include con PHP de esa librería.

Por ejemplo, podríamos colocar dicha librería en el mismo directorio donde está la página PHP que va a hacer uso de ella. Entonces, la incluiríamos con algo como esto: require_once(‘recaptchalib.php’);

2. Incluir el captcha en el formulario

En la librería descargada (recaptchalib.php), existe una función que utilizaremos para mostrar el captcha. Solamente tenemos que llamarla con los parámetros oportunos. La función devuelve el código HTML que tenemos que colocar en la página para que esta se muestre:

.recaptcha_get_html($captcha_publickey, $error_captcha);

Los parámetros que recibe son la llave pública que nos mostraron anteriormente y un código de error (opcional).

El código del formulario podría ser así:

<?

require_once('recaptchalib.php');

//Llaves de la captcha

$captcha_publickey = "6LfC?.";

$captcha_privatekey = "6LfC? ";

//por ahora ponemos a null el error de la captcha

$error_captcha=null;

?>

<form action="/blogmiejemplo_formulario.php" method="post">

Nombre: <input type="text" name="nombre" size="30">

<br>

Edad: <input type="text" name="edad" size="3">

<br>

<?

//escribimos en la página lo que nos devuelve recaptcha_get_html()

echo recaptcha_get_html($captcha_publickey, $error_captcha);

?>

<br>

<input type="submit" value="Enviar">

</form>

3.  Validar el captcha

Existe otra función para validar el captcha, llamada recaptcha_check_answer(). Esta recibe también varios parámetros: la llave privada (Private Key), la IP del usuario y dos campos que contienen los valores que envía el captcha dentro del formulario $_POST[“recaptcha_challenge_field”] y $_POST[“recaptcha_response_field”]

La función retorna un objeto con dos propiedades: is_valid , un boleano para decir si se ha validado correctamente el captcha.  error, un código de error que especifica qué ha ido mal si no se validó correctamente el texto.

Así podríamos validar el captcha:

$captcha_respuesta = recaptcha_check_answer ($captcha_privatekey,

$_SERVER["REMOTE_ADDR"],

$_POST["recaptcha_challenge_field"],

$_POST["recaptcha_response_field"]);

if ($captcha_respuesta->is_valid) {

//todo correcto

//hacemos lo que se deba hacer una vez recibido el formulario válido

}else{

//El código de validación de la imagen está mal escrito.

$error_captcha = $captcha_respuesta->error;

}

Hacemos una llamada a la función recaptcha_check_answer() enviando los parámetros comentados y almacenamos el valor devuelto por la función en la variable $captcha_respuesta.

Después, hacemos la comprobación para saber si el atributo $captcha_respuesta->is_valid es true. Con esto, sabremos que el texto introducido de la imagen está validado correctamente y realizamos la función que tengamos dentro del formulario.

En caso de que  $captcha_respuesta->is_valid  sea falso, querrá decir que no se ha escrito bien el texto que se mostraba en la imagen. Podemos entonces actualizar la variable $error_captcha para que le indiquemos al usuario el error que ha habido.

El código completo te lo mostramos aquí:

<html>

<head>

<title>Página con formulario protegido por captcha</title>

</head>

<body>

<?

require_once('recaptchalib.php');

//Llaves de la captcha

$captcha_publickey = "6LfC?.";

$captcha_privatekey = "6LfC? ";

$error_captcha=null;

if ($_POST){

$captcha_respuesta = recaptcha_check_answer ($captcha_privatekey,

$_SERVER["REMOTE_ADDR"],

$_POST["recaptcha_challenge_field"],

$_POST["recaptcha_response_field"]);

if ($captcha_respuesta->is_valid) {

//todo correcto

//hacemos lo que se deba hacer una vez recibido el formulario válido

echo "Todo correcto!";

}else{

//El código de validación de la imagen está mal escrito.

echo "Has escrito mal el texto";

$error_captcha = $captcha_respuesta->error;

}

}

?>

<form action="/blogmiejemplo_formulario.php" method="post">

Nombre: <input type="text" name="nombre" size="30">

<br>

Edad: <input type="text" name="edad" size="3">

<br>

<?

//escribimos en la página lo que nos devuelve recaptcha_get_html()

echo recaptcha_get_html($captcha_publickey, $error_captcha);

?>

<br>

<input type="submit" value="Enviar">

</form>

</body>

</html>

Proceso para poner captcha de google HTML

reCAPTCHA es un servicio de Google, que permite la verificación de los usuarios que usan un formulario en una página, simplemente marcando una casilla.

Accede a la página de reCAPTCHA usando tu cuenta de Google.

Indica la dirección URL del sitio donde se va a insertar el sistema de verificación, para validar el dominio o subdominios y copia las dos claves personales:

Clave del sitio. Se usa en el HTML de la página para cargar la API de reCAPTCHA.

Clave secreta. Se usa para autenticar la petición y respuesta entre el sitio y Google.

Inserta dentro del área del HEAD de la página específica, la siguiente instrucción:

<script async src="https://www.google.com/recaptcha/api.js"></script>

Agregamos la propiedad ASYNC para impedir el bloqueo de la página, en caso que por alguna razón el script de Google no esté disponible.

Puedes también definir cuáles de los 40 idiomas soportados estás usando agregando un parámetro a la cadena. Aquí estamos agregando es el cual nos dará el reCAPTCHA para el lenguaje Español.

<script async src='https://www.google.com/recaptcha/api.js?hl=es'></script>

Inserta en el lugar del formulario, donde deseas que se muestre el cuadro de verificación, entre las etiquetas <form></form>, el siguiente código.

<span class="msg-error error"></span>

<div id="recaptcha" class="g-recaptcha" data-sitekey="Clave del sitio"></div>

Sustituye "Clave del sitio" por la correspondiente.

Nota: el atributo data-sitekey mantendrá el valor de tu clave.

Hay otros atributos los cuales puedes agregar para personalizar la vista y funcionalidad de tu reCAPTCHA 

Por ejemplo, agregar data-theme="dark" a este div te dará una versión oscura, la cual podría encajar mejor en tu interfaz de usuario.

Armándolo

Ahora tenemos los ingredientes iniciales, es tiempo de ponerlos en un entorno funcional.

Paso 1 HTML

Vamos a poner nuestra etiqueta script y el placeholder en un simple formulario:

<!DOCTYPE html>

<html lang="en">

  <head>

    <title>Como integrar “No CAPTCHA reCAPTCHA”</title>

  </head>

  <body>

    <form action="" method="post">

      <label for="name">Nombre:</label>

      <input name="name" required><br />

      <label for="email">Email:</label>

      <input name="email" type="email" required><br />

      <span class="msg-error error"></span>

<div id="recaptcha" class="g-recaptcha" data-sitekey="6Ld4Jh8TAAAAAD2tURa21kTFwMkKoyJCqaXb0uoK"></div>

      <input type="submit" value="Submit" />

    </form>

    <!--js-->

    <script src='https://www.google.com/recaptcha/api.js'></script>

  </body>

</html>

Paso 2 CSS

msg-error {

  color: #c65848;

}

.g-recaptcha.error {

  border: solid 2px #c64848;

  padding: .2em;

  width: 19em;

}

Paso 3 JS

$( '#btn-validate' ).click(function(){

  var $captcha = $( '#recaptcha' ),

      response = grecaptcha.getResponse();

    if (response.length === 0) {

    $( '.msg-error').text( "reCAPTCHA is mandatory" );

    if( !$captcha.hasClass( "error" ) ){

      $captcha.addClass( "error" );

    }

  } else {

    $( '.msg-error' ).text('');

    $captcha.removeClass( "error" );

    alert( 'reCAPTCHA marked' );

  }

})

PUERTOS PARA CONFIGURACIÓN DE CORREO

CONFIGURACIÓN MANUAL DE CORREO:

Configuración sin SSL

Configuración IMAP:

Servidor entrante:	mail.dominio.com IMAP Port: 143
Servidor de salida:	mail.dominio.com Puerto SMTP : 587

Configuración POP3

Servidor entrante:	mail.dominio.com Puerto POP3 : 110
Servidor de salida:	mail.dominio.com Puerto SMTP : 587

Configuración con SSL (Recomendado)

Configuración IMAP:

Servidor entrante:	mail.dominio.com IMAP Port: 993
Servidor de salida:	mail.dominio.com Puerto SMTP : 465

Configuración POP3

Servidor entrante:	mail.dominio.com Puerto POP3 : 995
Servidor de salida:	mail.dominio.com Puerto SMTP : 465

Meta tags para Facebook en Wordpress

La forma más fácil de agregar el meta tag OG a Wordpress