Manuel Ballesta Ruiz

Crear un sitio semiprivado smp

 Wordpress  Sin comentarios »
Jul 072017
 

Crear un sitio semiprivado usando simple membership te enseña cómo añadir un nuevo miembro manualmente a tu sitio sin registro disponible.

Actualizado el: 9 de febrero de 2020

Últimas noticias: Actualizada la documentación.

¿Qué pasa si deseas convertir tu sitio semi privado? En otras palabras, deseas registrar miembros manualmente para que puedan acceder a tus entradas o páginas privadas. Al mismo tiempo, no deseas permitir que los visitantes se registren y solo permitir a los visitantes ver algunas páginas o entradas.

Qué necesitas:

Otros métodos de protección de contenido:

Crear un sitio semiprivado smp

Paso 1 ) Asegúrate que no se muestren vínculos de acceso en ninguna parte en tu sitio. Por ejemplo, no muestres los enlaces Únete a nosotros, Registró en los menús o barras laterales.

Paso 2 ) En primer lugar, instala la extensión mensajes personalizados si aún no lo has instalado. Una vez que hayas instalado la extensión, añade algo como puedes ver a continuación.

El siguiente mensaje personalizado sólo permitirá que los visitantes accedan y no se registren como el mensaje por defecto que se muestra cuando Simple Membership se instala por primera vez.

Nota: Puedes modificar y personalizar el mensaje de acceso para tu sitio.

Necesitas acceder para ver éste contenido. Haz clic en <a href=”http://localhost/wpes/membership-login/”>acceder a tu cuenta</a>.

Si quieres aprender mas acerca de Custom Messages Addon haz clic en la siguiente URL Simple Membership Custom Messages Addon.

La siguiente imagen muestra sólo el enlace de acceder a tu cuenta. No muestra el enlace Únete a nosotros.

crear-un-sitio-semiprivado-mensaje-modificado

Paso 3 ) También debes eliminar el enlace Únete a nosotros que se encuentra en la página de acceso o en el widget. Incluso puedes eliminar el enlace de la contraseña olvidada.

Para obtener más información, hacer clic en la siguiente URL miscellaneous-css-tweaks-simple-membership-plugin .

Paso 4 ) En la siguiente imagen, ya puedes ver que no se muestra los siguientes enlaces ¿Has olvidado tu contraseña? y Únete a nosotros después de añadir los ajustes de CSS mencionados en la URL anterior.

Nota: Puedes eliminar ambos enlaces o sólo el enlace Únete a nosotros. Esto depende de ti.

crear-un-sitio-semiprivado-enlaces-borrados

Paso 4) Después de realizar los pasos anteriores, nadie podrá registrarse en tu sitio. Solo los miembros agregados manualmente podrán entrar para ver las entradas o páginas que has protegido.

Nota: Todos los miembros serán agregados manualmente y se les notificará por correo electrónico.

Espero que esta información te ayude.

Haz clic en el siguiente URL Simple Membership Custom Messages Addon para aprender mas.

Si tienes alguna pregunta, por favor házmelo saber.

Estaré actualizando este tutorial de vez en cuando, así que asegúrate de volver.

Disfruta.

Lista de cursos de simple membership plugin:

Añadir miembros manualmente usando simple membership plugin

 Wordpress  4 comentarios »
Jul 052017
 

Añadir miembros manualmente usando simple membership plugin te enseñará cómo añadir nuevos miembros manualmente a tu sitio.

Actualizado el: 10 de julio de 2024

Últimas noticias: Actualizada la documentación.

Hay veces que puedes tener una lista de miembros que deseas añadir a tu sitio manualmente o importar. Las siguientes instrucciones te muestran cómo añadir nuevos miembros a tu sitio manualmente, sin permitir que los miembros se registren automáticamente a través del formulario de registro. Estas instrucciones son fáciles de seguir.

Nota: Cuando creas una cuenta manualmente como administrador y luego deseas que el usuario pague por una suscripción, asegúrate de que el usuario entre en su cuenta para pagar por la suscripción haciendo clic en el botón de suscripción que has creado dentro del plugin.

Qué necesitas:

Añadir miembros manualmente usando simple membership plugin

Paso 1 ) Ves a WP Membership -> Miembros como es ilustrado en la siguiente imagen. Aquí puedes comenzar a añadir nuevos miembros manualmente. También te permite administrar los miembros ya añadidos.

agregar-miembros-manualmente-menu-de-administrador

Paso 1-a ) Nota: Si ves el siguiente mensaje ilustrado en la imagen de abajo, significa que aún no has creado un nivel de membresía. Haz clic en el siguiente botón Crear un nivel de membresía para crear el nivel o niveles de membresia que necesitas en tu web.

mensaje-añadir-nuevo-miembro-simple-membership-plugin

Paso 2 ) La siguiente imagen Añadir Miembro muestra los campos por defecto que puedes rellenar al añadir un nuevo miembro.

Nota: El nombre de usuario, el correo electrónico y la contraseña son campos obligatorios.

Campos de miembros

  • Nombre de usuario (obligatorio) = Nota: el nombre de usuario no puede tener espacios entre los nombres. Por ejemplo: Bob Smith producirá un mensaje de error. Debes introducir en el nombre un guión como Bob-Smith. Este es un requisito mínimo para este campo. Consulta el siguiente enlace foro de soporte para obtener más información.
  • Correo electrónico (obligatorio)
  • Contraseña (dos veces, obligatorio) = Sugerencia: La contraseña debe tener al menos siete caracteres. Para que la contraseña sea más fuerte, usa mayúsculas, minúsculas, números y símbolos como! «? $% ^ &).
  • Estado de la cuenta
  • Nivel de membresía = Esto te mostrará todos los niveles de membresía actualmente disponibles en tu sitio. Estos son los niveles de membresía que has creado. Nota: El siguiente enlace wordpress/añadir-niveles-de-membresía-usando-simple-membership-plugin te puede ayudar a conocer más acerca de los niveles de membresía.
  • El acceso comienza = Esto muestra un calendario que te ayuda a seleccionar la fecha.
  • 2017-04-23
  • Nombre
  • Apellido
  • Sexo
  • Teléfono
  • Calle
  • Ciudad
  • Región
  • Código postal
  • País
  • Empresa
  • Miembro desde = Esto muestra un calendario que te ayuda a seleccionar la fecha.

Nota: Si estas usando la extensión Form Builder y añades campos adicionales, aparecerán por debajo de este encabezado Campos personalizados.

agregar-miembros-simple-membership-plugin

Estado de cuenta

Paso 2-a ) La siguiente imagen Estado de la Cuenta te permite seleccionar el estado de la cuenta corriente. Existen cuatro estados diferentes disponibles para la cuenta de miembro.

Estado de cuenta de miembro

  • Activo
  • Inactivo
  • Activación obligatoria
  • Pendiente = Nota: Si estableces la cuenta en Pendiente te permitirá aprobar manualmente los miembros que se registran en tu web.
  • Caducado

estado-de-la-cuenta-simple-membership-plugin-nuevo

El acceso comienza

Paso 2-b ) La siguiente imagen El acceso comienza te permite seleccionar la fecha de comienzo de la membresía del nuevo miembro. El calendario disponible facilita el proceso de añadir una fecha de comienzo para el miembro.

el-acceso-comienza-simple-membership-plugin

Miembro desde

Paso 2-c ) La siguiente imagen Miembro desde te permite configurar el período de membresía del miembro.

miembro-desde-simple-membership-plugin

Enviar una notificación por correo electrónico al miembro

Opcionalmente, puedes enviar un correo electrónico de notificación al miembro después de ser añadido manualmente a través del escritorio de administración.

Paso 3 ) Ves a WP Membership -> Ajustes -> Ajustes del correo electrónico. Luego activa la siguiente opción:

Enviar correo electrónico al miembro cuando ha sido añadido desde el escritorio de administración.

Miembros añadidos manualmente

Cuando los miembros se añaden manualmente a tu sitio de membresía también se añaden a Usuarios de WP. Es importante tener esto en cuenta, te ayudará cuándo actives otras funciones del plugin.

Usuarios de WordPress

Nota: En una nueva instalación de WP (sin ningún otro plugin), nuestro plugin creará un registro de usuario de WP con la información mínima requerida. Por ejemplo: El número de teléfono no es un campo por defecto. Por lo tanto, nuestro plugin no añadirá el campo del número de teléfono de los miembros a la cuenta de los usuarios de WP.

Por ejemplo: Si decides activar la opción Ocultar la barra de administración en los ajustes. También es bueno saber qué perfil es asignado a cada miembro añadido.

El siguiente ejemplo te muestra un miembro, el perfil asignado y otra más información.

Paso 4 ) La siguiente imagen Miembros te enseña el miembro test1 añadido y activo en el sitio.

Miembros añadido

  • test1 = este miembro pertenece al nivel de membresía Nivel gratis.

informacion-del-miembro-simple-membership-plugin

Paso 5 ) La siguiente imagen Usuarios -> Todos los usuarios te muestra el miembro también añadido a usuarios de WP.

Usuarios añadidos

  • test1 = este usuario tiene un perfil de suscriptor.

informacion-del-usuario-wp-simple-membership-plugin

Paso 6 ) La información a continuación describe que sucede cada vez que se añade un miembro al sitio y se le asigna el nivel de membresía siguiente.

Nivel de membresía Nivel gratis = A estos miembros se le asigna el perfil de suscriptor al su cuenta de Usuario.

Nota: En tu sitio, quizás tengas múltiples niveles de membresía y con diferentes perfiles de usuario asignado a cada nivel de membresía.

=========================

Así de fácil es configurar el plugin para añadir nuevos miembros manualmente a tu sitio.

Haz clic en el siguiente enlace Crear un sito web semi privado usando simple membership para aprender mas.

Si tienes alguna pregunta, por favor házmelo saber.

Estaré actualizando este tutorial de vez en cuando, así que asegúrate de volver.

Disfruta.

Lista de cursos de simple membership plugin:

Como traducir plugins o temas de WP usando poedit

 Wordpress  Sin comentarios »
Jun 162017
 

El siguiente tutorial Como traducir plugins o temas de WordPress utilizando poedit te enseña cómo crear o editar un archivo locale en español.

Actualizado el: 18 de octubre de 2023

Últimas noticias: Actualizada la documentación.

En este ejemplo, los archivos de idioma creados y editados son españoles de España. Los archivos locales del idioma español creados en WordPress son es_ES.po y es_ES.mo. Sin embargo, el nombre del archivo po y mo en un plugin o tema tendrá el nombre del plugin y del tema añadido al nombre locale.

Importante: Asegúrate que tu nombre de archivo tiene un nombre correcto o no funcionará. Por ejemplo: no utilices los siguientes nombres classipress_es_ES.po o classipress_es-ES.po porque no funcionarán.

A continuación puedes ver ejemplos de nombres correctos de archivos po y mo para un tema y un plugin.

Ejemplo de nombre de tema:

  • classipress-es_ES.mo
  • classipress-es_ES.po

Ejemplo de nombre de plugin:

  • all-in-one-wp-security-and-firewall-es_ES.mo
  • all-in-one-wp-security-and-firewall-es_ES.po

Nota: Recuerda que hay muchas configuraciones locales de español diferentes, así que asegúrate de usar la configuración locale correcta para tu idioma español.

Nota: Hoy en día la mayoría de los plugins y temas son traducidos en translate.wordpress.org/. Para saber más acerca de la comunidad española y seguir unas normas haz clic en el enlace https://es.wordpress.org/colabora/traducciones/guia-de-traductores/.

Que necesitas:

  • Un programa ftp como filezilla que es gratis o puedes utilizar el administrador de archivos en cpanel.
  • Poedit para editar o crear nuevos archivos po y mo.
  • Loco Transtale es muy popular y fácil de usar. (Opcional)

Como traducir plugins o temas de WordPress utilizando poedit

Paso 1 ) Abre Poedit en tu ordenador o portátil «laptop». Haz clic en el botón Abrir y busca el archivo po para editar. En este ejemplo voy a editar el archivo suffusion-es.po del tema Suffusion. Ver la siguiente imagen.

como-traducir-plugins-de-wordpress-usando-poedit-abrir

Paso 2 ) Una vez que hayas abierto el archivo por ejemplo suffusion-es.po, veras muchas cadenas que se pueden traducir a otro idioma como veras en la siguiente imagen.

Todas las cadenas por debajo de Texto de origen: ingles se pueden seleccionar para traducirlas a español.

Nota: En tu caso el idioma será diferente.

como-traducir-plugins-de-wordpress-usando-poedit-cadena-de-palabras

Paso 3 ) Localiza la cadena que vas a editar y haz clic en el texto o párrafo. El texto se mostrara a continuación en Traducción: para ser editado.

En la siguiente imagen voy a editar la palabra Center. Voy a mejorar la traducción española y cambiar la palabra Centar.

como-traducir-plugins-de-wordpress-usando-poedit-cambiar-palabra

Paso 4 ) En la siguiente imagen puedes ver la nueva palabra Centro. Como puedes ver, es muy fácil editar las cadenas. Una vez que hayas completado todos los cambios, haz clic en el botón Guardar como puedes ver en la siguiente imagen.

como-traducir-plugins-de-wordpress-usando-poedit-palabra-cambiada

Subir archivos al servidor

Paso 6 ) Después de guardar los cambios, vuelve a la fuente donde abriste el archivo para editar. Veras dos archivos, uno po y otro mo.

En este ejemplo los archivos son, los siguientes.

Archivos creados:

suffusion-es.po
suffusion-es.mo

El archivo suffusion-es.mo se genera automáticamente por Poedit cuando guardas los cambios. Una vez que hayas completado los cambios y hayas guardado el archivo, deberás de cargar los nuevos archivos a tu servidor utilizando filezilla.

Hoy en día, los archivos mo y po también se pueden subir en la siguiente ruta de directorio en WordPress. Esto se está convirtiendo en la ruta por defecto para subir los archivos mo y po, que también sirve como una forma de proteger tus traducciones personalizadas.

Carpetas de idioma de WordPress

  • tusitio.com/wp-content/languages/plugins/
  • tusitio.com/wp-content/languages/themes/

El otro método que se usa hoy en día es la ruta del directorio del tema y plugin. Cuando subes o instalas un plugin o tema con un directorio de idioma, por defecto los archivos de idioma se suben a la carpeta /languages/. A continuación veras un ejemplo de la ruta de directorio de un plugin y tema.

Nombre de las carpetas del plugin / tema

  • tusitio.com/wp-content/plugins/nombre-del-plugin/languages/
  • tusitio.com/wp-content/theme/nombre-del-tema/languages/

Nota: Asegúrese de depurar el navegador y borrar el caché si tienes instalado un plugin de caché en tu sitio. Esto te ayudara a ver los cambios.

===================================

Así de fácil es hacer cambios o crear nuevos archivos para tus plugins o temas de WordPress.

Si tienes alguna pregunta, por favor házmelo saber.

Estaré actualizando este tutorial de vez en cuando. No olvides de visitar de nuevo.

Disfrutar.

Volver a la lista de información de WordPress:

Cómo crear un menú de WordPress

 Wordpress  Sin comentarios »
Jun 112017
 

La siguiente entrada cómo crear un menú de WordPress te mostrará cómo crear un menú o menús y añadir algunas páginas para tu sitio.

Actualizado el: 16 de octubre de 2023

Últimas noticias: Actualizada la documentación.

Los menús son importantes y mostrar el menú correcto en tu sitio puede ayudar y dirigir a los visitantes al área correcta en tu sitio. Una estructura de menú bien organizada permitirá navegar con facilidad a los visitantes en tu sitio.

Todos los temas tienen diferentes estructuras de menú disponible. Si necesitas tener un menú por debajo de la imagen de cabecera entonces asegúrate que tu tema permite esta opción. Lo mismo se aplica si deseas tener 2 menús, uno por encima de la imagen de cabecera o por debajo de la imagen de cabecera.

El tema usado para este tutorial es Suffusion. La versión de WordPress para este tutorial es 4.8.0.

Nota: Diferentes temas permiten añadir menús en diferentes ubicaciones. Asegúrate siempre de que el tema que has instalado sea el tema correcto para tu sitio.

Cómo crear un menú de WordPress

Paso 1 ) Ve a Apariencia -> Menús para comenzar a crear un menú o mas de uno como puedes ver en la siguiente imagen.

como-crear-un-menu-de-wordpress

Paso 2 ) Una vez que haces clic en Menús, veras la siguiente pantalla. En este área puedes comenzar a crear los menús y ajustarlos. La siguiente lista te permite configurar las siguientes opciones.

Nuevas opciones de menú

  • Gestionar con vista previa
  • Editar menús
  • Nombre del menú
  • Paginas
  • Entradas
  • Enlaces personalizados
  • Categorías
  • Clic en el botón Crear menú cuando hayas finalizado la creación del menú.

como-crear-un-menu-de-wordpress-administrador

Paso 2-a ) Si no ves las siguientes opciones Paginas, Entradas, Enlaces personalizados, asegúrate que las siguientes cajas están activadas. Estas Opciones de pantalla se encuentran en la esquina de arriba en la parte derecha.

Cajas

  • Páginas
  • Entradas
  • Enlaces personalizados
  • Categorías
  • Etiquetas
  • Formato

Mostrar propiedades avanzadas de menú

  • Destino del enlace
  • Atributos del título
  • Clases CSS
  • Relación con el enlace (XFN)
  • Descripción

como-crear-un-menu-de-wordpress-administrador-cajas

Paso 3 ) Haz clic en el botón Crear menú como puedes ver en la siguiente imagen una vez que hayas escrito el nombre de tu menú.

como-crear-un-menu-de-wordpress-crear-nuevo-menu

Paso 4 ) En la siguiente imagen veras el nombre del menú encima de la cabecera que se añadirá a la barra de navegación por encima de la cabecera. En el lado izquierdo veras una lista de lo que puedes añadir al menú.

Nota: Tu puedes nombrar el menú como creas necesario para tu sitio.

Opciones de la Lista de menús

  • Páginas
  • Entradas
  • Enlaces personalizados
  • Categorías

como-crear-un-menu-de-wordpress-elegir-las-paginas

Paso 5 ) La siguiente imagen Paginas muestra todas las páginas creadas actualmente en el sitio. Puedes seleccionar tantas páginas como desees añadir al menú. Una vez que hayas seleccionado las páginas que deseas añadir a tu menú, haz clic en el botón Añadir al menú y las páginas se añadirán.

Pestaña de páginas

  • Más reciente
  • Ver todo
  • Buscar
  • Seleccionar todos
  • Añadir al menú

como-crear-un-menu-de-wordpress-menu-de-paginas

Estructura del menú

Paso 6 ) La siguiente imagen de la estructura del menú muestra todas las páginas añadidas al menú seleccionadas en la lista anterior. Puedes ver que algunas páginas se han convertido en sub ítem. Para crear una página de sub-ítem solo tienes que arrastrar la página hacia el lado derecho una sola vez. Para arrastrar la página, debes mover el ratón por encima de la página que quieres arrastrar y luego mantener pulsado el ratón izquierdo y arrastrar la página hacia la derecha.

Ajustes del Menú

  • Añadir páginas automáticamente
  • Mostrar ubicación = Puedes tener más de una ubicación para añadir tus menús. Esto depende del tema que uses en tu sitio.

Nota: También puede organizar el orden de cada página en el menú simplemente arrastrando cada página hacia arriba o hacia abajo.

como-crear-un-menu-de-wordpress-menu-finalizado

Paso 7 ) La siguiente imagen muestra el menú finalizado en el sitio. Observa las flechas apuntando hacia abajo en las siguientes pestañas Tienda Afiliados y Galería De Fotos. Esto representa el sub ítem mencionado anteriormente en el Paso 6 ).

como-crear-un-menu-de-wordpress-finalizado-sitio

===================================

Eso es todo lo que necesitas hacer para crear un menú en tu sitio.

Si tienes alguna pregunta, por favor házmelo saber.

Estaré actualizando este tutorial de vez en cuando. No olvides de visitar de nuevo.

Disfrutar.

Volver a la lista de información de WordPress:

Configuración de los comentarios de WordPress

 Wordpress  Sin comentarios »
Jun 092017
 

La siguiente entrada configuración de los comentarios de WordPress te ayudara a seleccionar y configurar las opciones de los comentarios en tu sitio.

Actualizado el: 16 de octubre de 2023

Últimas noticias: Actualizada la documentación.

Es importante que sean correctos los ajustes de esta opción desde un principio para evitar que se produzcan demasiados spam o demasiados comentarios en cada publicación. Todavía hoy en día me doy cuenta que demasiados bloggers usando la plataforma WordPress aun no configuran esta opción correctamente. Muchos se olvidan de implementar la modificación de comentarios y la lista negra de comentarios.

Configuración de los comentarios de WordPress

Paso 1 ) Ve a Ajustes -> Comentarios como puedes ver en la siguiente imagen.

configuracion-de-comentarios-de-wordpress-menu-administrador

Paso 2 ) La siguiente imagen te permite seleccionar y configurar las siguientes opciones.

Ajustes por defecto de las entradas

  • Tratar de avisar a los sitios enlazados desde el artículo
  • Permitir avisos de enlaces desde otros sitios (pingbacks y trackbacks) en los artículos nuevos
  • Permite que se publiquen comentarios en los artículos nuevos

(Estos ajustes pueden modificarse en cada entrada.)

Otros ajustes de comentarios

  • El autor del comentario debe rellenar el nombre y el correo electrónico
  • Los usuarios deben registrarse y acceder para comentar
  • Cerrar automáticamente los comentarios en las entradas con más de 14 días
  • Activar los comentarios anidados hasta niveles
  • Separa los comentarios en páginas de 50 comentarios por página y se muestra la página por defecto
  • Los comentarios se mostrarán con los comentarios  al principio de cada página

configuracion-de-comentarios-de-wordpress-ajustes-de-comentarios

Paso 3 ) La siguiente imagen te permite configurar las siguientes opciones.

Enviarme un correo electrónico cuando

  • Alguien envía un comentario
  • Se ha recibido un comentario para moderar

Para que un comentario aparezca

  • El comentario debe aprobarse manualmente.
  • El autor del comentario debe tener un comentario previamente aprobado

configuracion-de-comentarios-de-wordpress-ajustes-de-correo-electronico

Moderación de comentarios

Paso 4 ) La siguiente opción Moderación de comentarios te permite configurar cómo desea mantener un comentario en espera si contiene más de 2 enlaces (una característica común del spam en comentarios es el gran número de enlaces).

(Recuerda agregar un número aquí para evitar que tus comentarios tengan demasiados enlaces o ningún enlace si es así como lo deseas.)

Paso 5 ) La siguiente opción Lista negra de comentarios te permite agregar palabras, números, combinación de palabras, caracteres etc a la lista negra y esto comentarios serán enviados a la papelera.

(Recuerda que usar esta función le ayudará a controlar su spam en los comentarios. Esto a cambio le ayuda a bloquear la dirección IP usando un plugin u otros medios.)

Avatares

Paso 6 ) La siguiente imagen Avatares te permite configurar las siguientes opciones.

Visibilidad del avatar

  • Mostrar avatares

Calificación máxima

  • G — Para todos los públicos
  • PG — Posiblemente ofensivo, normalmente para mayores de 13 años
  • R — Destinado a un público adulto mayor de 17
  • X — Contenido más adulto que los anteriores.

configuracion-de-avatares-en-comentarios-de-wordpress

Avatar por defecto

Paso 7 ) La siguiente imagen Avatar por defecto te permite configurar las siguientes opciones.

  • Persona misteriosa
  • En blanco
  • Logotipo de Gravatar
  • Identicon (Generado)
  • Wavatar (Generado)
  • MonsterID (Generado)
  • Retro (Generado)
  • Haga clic en el botón Guardar cambios cuando termine con la configuración

configuracion-de-avatares-por-defecto-en-comentarios-de-wordpress

===================================

Así de fácil es configurar los comentarios de WordPress.

Si tienes alguna pregunta, por favor házmelo saber.

Estaré actualizando este tutorial de vez en cuando. No olvides de visitar de nuevo.

Disfrutar.

Volver a la lista de información de WordPress:

Cómo instalar el tema de WordPress

 Wordpress  Sin comentarios »
Jun 062017
 

La siguiente entrada Cómo instalar el tema de WordPress le mostrará cómo instalar un tema, subir un tema de su computadora o portátil a su sitio web y mucho más.

Actualizado el: 14 de octubre de 2023

Últimas noticias: Actualizada la documentación.

Los temas son muy importantes y hay que asegurarse de instalar el tema correcto para tu sitio. Cuando alguien visita tu sitio, en los primeros segundos decidirán si quedarse o no. Tener el tema correcto puede aumentar las posibilidades de que los visitantes se queden más tiempo. Sin embargo, no olvidemos lo importante que es el contenido de tu sitio. Pero eso es otro asunto. Ya hablare mas sobre este tema en otra vez.

Cuando se instala WordPress por primera vez, instala algunos temas por defecto y activa uno de los temas. Si no fuera así tu sitio se vería sin ningún formato y sería difícil de leer en algunos casos la información. En este tutorial Suffusion es el tema activado y no es un tema por defecto de WordPress.

Nota: Estas instrucciones se aplican a cualquier tema que instales o subas.

Cómo instalar el tema de WordPress

Paso 1 ) Ve a Apariencia -> Tema para empezar a subir o instalar un nuevo tema.

como-instalar-el-tema-de-wordpress-menu

Paso 2 ) La siguiente imagen muestra el tema Suffusion actualmente activo. Haz clic en el botón Añadir nuevo para subir el nuevo tema que has descargado local mente en tu ordenador o portátil.

como-instalar-el-tema-de-wordpress-subir-tema

Paso 3 ) La siguiente imagen Añadir temas te muestra cómo buscar un tema o elegir un tema de un grupo. Incluso puedes usar un filtro personalizado para reducir el tipo de tema que estás buscando. Recuerda que el repositorio de WordPress tiene miles de temas para buscar. Sería casi imposible no encontrar el tema correcto sin estas opciones disponibles.

Opciones de Búsqueda de Temas

  • Destacados
  • Populares
  • Recientes
  • Favoritos
  • Filtrar por características
  • Buscar temas ….

como-instalar-el-tema-de-wordpress-buscar-nuevo-tema

Subir Tema

En algunos casos probablemente tendrás que comprar un tema profesional «Tema comercial». En este caso necesitarás subir el tema a tu sitio. Los siguientes pasos te muestran cómo subir un tema a tu sitio y también comprobar el tema.

Paso 4 ) Haz clic en el botón Subir tema como puedes ver en la siguiente imagen.

como-instalar-el-tema-de-wordpress-subir-nuevo-tema

Paso 4-a ) Una vez que hayas localizado el archivo zip que has descargado a tu ordenador o portátil, haz clic en el botón Instalar ahora. Esto instalará el nuevo tema en tu sitio.

Nota: Recomiendo no activar el tema hasta que hayas comprobado el tema por primera vez. Es posible que desees configurar Xampp localmente en tu ordenador o portátil para ayudarte a comprobar tus temas.

como-instalar-el-tema-de-wordpress-instalar-ahora

Paso 5 ) La siguiente imagen muestra el tema Twenty Seventeen, uno de los temas por defecto de WordPress. Al hacer clic en el botón Vista previa, podrás comprobar el tema en el escritorio sin afectar tu sitio.

Nota: Twenty Seventeen es uno de los temas por defecto usados por WordPress. En tu caso, el tema que vas a instalar será diferente.

como-instalar-el-tema-de-wordpress-twenty-seventeen

Paso 6 ) Cuando haces clic en el botón Vista previa, verás el siguiente menú. Aquí puedes llevar a cabo las siguientes configuraciones del tema. Estos ajustes te permiten comprobar el tema antes de activarlo.

Configuración de pruebas de temas

  • Identidad del sitio
  • Colores
  • Cabecera multimedia
  • Menús
  • Widgets
  • Portada estática
  • Opciones del Tema = (Nota: Esta función será diferente dependiendo del tema que vayas a instalar. Algunos temas ofrecen más opciones que otros)
  • CSS adicional
  • También puedes comprobar cómo se ve el tema en diferentes configuraciones de pantalla es decir, ordenador,  tableta o teléfono móvil.

como-instalar-el-tema-de-wordpress-menu-de-personalizar

===================================

Eso es todo lo que necesitas hacer para añadir un nuevo tema a tu sitio.

Si tienes algunas preguntas, por favor hágamelo saber.

Estaré actualizando este tutorial de vez en cuando, así que asegúrate de volver.

Disfrutar.

Volver a la lista de información de WordPress:

Cómo instalar plugins de WordPress

 Wordpress  Sin comentarios »
Jun 052017
 

La siguiente entrada Cómo instalar plugins de WordPress le enseñara cómo instalar un plugin, cargar un plugin desde su ordenador o portátil en su sitio web y mucho más.

Actualizado el: 14 de octubre de 2023

Últimas noticias: Actualizada la documentación.

Los plugins son muy importantes para un sitio. Con un plugin puedes personalizar, mejorar el rendimiento, editar el menú, añadir nuevas características y mucho más. Asegúrate de instalar los plugins correctos para tu sitio, esto es muy importante. Por ejemplo, los plugins que mejoran la velocidad. Por ejemplo, los plugins de la caché que pueden ayudar a que tu sitio se cargue mas rapido. Esto hace feliz a los motores de búsqueda como Google.

El proceso de instalación es muy similar a la instalación de un tema.

Nota: Estas instrucciones se aplican a cualquier plugin que instales o subas a tu sitio.

Cómo instalar plugins de WordPress

Paso 1 ) Ve a Plugins -> Añadir nuevo para empezar a subir o instalar un nuevo plugin.

Paso 2 ) La siguiente imagen Añadir plugins te muestra cómo buscar un plugin y / o elegir un plugin a través de un grupo. Incluso puedes usar un filtro personalizado para reducir el tipo de plugin que estás buscando. Recuerda que el repositorio de WordPress tiene miles de plugins para buscar. Sería casi imposible no encontrar los plugins correctos sin estas opciones disponibles.

Opciones de los grupos de búsqueda del plugin

  • Destacados
  • Populares
  • Recomendado
  • Favoritos

Opciones del filtro de búsqueda del plugin

  • Palabra clave
  • Autor
  • Etiqueta

como-instalar-un-plugin-wordpress-menu-agregar

Subir Plugin

Paso 3 ) En algunos casos probablemente tendrás que comprar un plugin comercial o descargar un plugin localmente en tu ordenador o portátil. En este caso necesitarás subir tu plugin a tu sitio. Los siguientes pasos te mostrarán cómo subir un plugin a tu sitio.

Paso 3-a ) Haz clic en el botón Subir plugin como se muestra en la siguiente imagen.

como-instalar-un-plugin-wordpress-menu-subir

Paso 3-b ) Una vez que hayas localizado el archivo zip que has descargado en tu ordenador o portátil a través del botón Elegir archivo, haz clic en el botón Instalar ahora. Esto instalará el nuevo plugin en tu sitio como puedes ver en la siguiente imagen.

Nota: Recomiendo en algunos casos probar los plugins localmente o en una plataforma de prueba en vivo primero. Es posible que desee aprender a configurar Xampp localmente en su computadora o portátil para ayudarle a probar sus plugins.

como-instalar-un-plugin-wordpress-menu-escoger-archivo

bbPress

Paso 4 ) La siguiente imagen muestra uno de los plugins populares de WordPress bbPress. La siguiente información comenta sobre el plugin, el botón que debes hacer clic para instalar el plugin y mucha mas información.

Información del complemento

  • Botón Instalar ahora.
  • Más detalles sobre el plugin.
  • Las calificaciones se basan en el número de reseñas.
  • Número de instalaciones en sitios web.
  • Última actualización
  • Compatible con tu versión de WordPress. Esta parte también es muy importante prestar atención.

Nota: Esta información te ayudará a determinar si un plugin se actualiza regularmente, es popular, cuánto tiempo lleva en el mercado, qué opinan los usuarios sobre el plugin a través de las revisiones y mucha más información.

como-instalar-un-plugin-wordpress-informacion-del-plugin

===================================

Eso es todo lo que necesitas hacer para buscar, subir e instalar un nuevo plugin a tu sitio.

Tal vez estés interesado en conocer algunos de los plugins que recomiendo para un sitio. Haz clic en la siguiente URL Los mejores plugins para WordPress.

Si tienes algunas preguntas, por favor hágamelo saber.

Estaré actualizando este tutorial de vez en cuando, así que asegúrate de volver.

Disfrutar.

Volver a la lista de información de WordPress:

Ajuste De Casilla De Verificación Campo Seleccionado Por Defecto FSCF

 Wordpress  Sin comentarios »
Sep 292016
 

Ajuste De Casilla De Verificación Campo Seleccionado Por Defecto FSCF. Esta entrada le ayudara a configurar y establecer un valor predeterminado por defecto en su formulario. Por ejemplo, usando un tipo de campo de Casilla Múltiple.

Cuando construya formularios podría tener una característica particular habilitada en un formulario. Por ejemplo es posible que desee que un formulario tenga una opción de campo preseleccionada marcada por defecto. Eso ayudará a la persona que rellena el formulario no tener que hacer clic en una opción que requiere si ya esta pre-seleccionada por defecto.

Ajuste De Casilla De Verificación Campo Seleccionado Por Defecto FSCF

Paso 1 ) En la siguiente imagen se puede ver 4 colores diferentes: Rojo, Verde, Azul y Rosa. En este paso no se añade nada al campo Por Defecto:

ajuste-formulario-de-contacto-campo-seleccionado-por-defecto-colores

Paso 2 ) La siguiente imagen muestra los cuatro colores ilustrados en el formulario. En esta opción puedes seleccionar cualquier color que desees. Como se puede ver ningún color a sido preseleccionado.

ajuste-formulario-de-contacto-campo-seleccionado-por-defecto-colores-frontal

Paso 3 ) La siguiente imagen muestra que Por Defecto: se establece el color numero 2 que representa el color verde como el valor preseleccionado por defecto en el formulario.

ajuste-formulario-de-contacto-campo-seleccionado-por-defecto-color-preseleccionado

Paso 4 ) La siguiente imagen muestra el color verde seleccionado por defecto.

ajuste-formulario-de-contacto-campo-seleccionado-por-defecto-color-preseleccionado-frontal

Nota: Por favor, recuerde que esta función no tiene límite en la forma en que lo utilice.

Paso 5 ) Por ejemplo desea incluir en su formulario de suscripción un campo con dos opciones Sí y No. Y quiere configurar el formulario en Sí por defecto. En este caso, es probable que desee habilitar este campo Campo obligatorio como esta ilustrado en la siguiente imagen.

ajuste-formulario-de-contacto-campo-seleccionado-por-defecto-color-preseleccionado-obligatorio

Paso 6 ) La siguiente imagen muestra el campo con el símbolo obligatorio y la respuesta Si preseleccionada.

ajuste-formulario-de-contacto-campo-seleccionado-por-defecto-color-preseleccionado-frontal-obligatorio

Pincha en el siguiente enlace (Pronto Estará Publicado) para continuar con el siguiente tutorial.

Estaré actualizando este tutorial de vez en cuando. Si tiene alguna pregunta, o sugerencia no dude en preguntar.

Disfrutar.

Más Cursos de Fast Secure Contact Form:

Crear Formulario De Contacto De Dos Columnas

 Wordpress  Sin comentarios »
Jul 312016
 

Crear Formulario De Contacto De Dos Columnas le mostrará cómo agregar dos columnas a su formulario de contacto.

Actualizado: 7 de Mayo, 2017

En este tutorial se muestra un método para configurar un formulario de contacto en dos columnas en su sitio web o blog a través de Fast Secure Contact Form Plugin. Hay otros métodos para lograr es, sin embargo pensé en compartir mi método.

Por favor asegúrese de comprobar el formulario antes de publicarlo. También pruebe utilizando pantallas con diferente resolución y también comprobar el formulario en dispositivos móviles como el teléfono o tableta portátil.

Importante: Este diseño no está preparado totalmente para móviles o tabletas. Por favor, visite la siguiente dirección URL sistema de red móvil de diseño tutorial que le guiará y ayudará a convertir este diseño de dos columnas para que se pueda ver en teléfonos móviles. (Esta materia esta escrita en Ingles).

He utilizado position: relative lugar de la position: absolute. La razón se debe a que en el panel formulario de administración de contactos, cuando vi el formulario todo estaba desordenado. Utilizando el método de relative me permitió verlo mejor en el área de administración. Por supuesto, lo más importante es asegurarse que el formulario se vea correctamente desde la parte delantera de su sitio web.

Nota: Para poner en práctica este método su mejor opción es ocultar las etiquetas. Cada campo tiene que se agrega una opción para ocultar la etiqueta y añadir el nombre de campo a Por Defecto:. Esto mostrará el nombre en el cuadro de texto, incluso si oculta la etiqueta.

Crear Formulario De Contacto De Dos Columnas

Paso 1 ) Ir a Plugins -> FS Contact Form -> Estilos para editar los siguientes campos. Ver la siguiente imagen.

  • Formulario DIV = añadí la altura: 390px (Esto es opcional)
  • CAPTCHA Grande DIV (Puede que esté utilizando la pantalla pequeña CAPTCHA de Div)
  • Enviar DIV
  • Haga clic en Guardar Cambios una vez que haya finalizado editar el formulario.

cambiar-formulario-de-contacto-en-dos-columnas-css

Paso 2) La siguiente imagen muestra el siguiente campo para editar Entrada de campo de texto CAPTCHA.

Aquí podrás agregar lo siguiente

  • position: relative; left: 158px; top: -75px; (Recuerde que en su sitio web estos ajustes serán diferentes)

cambiar-formulario-de-contacto-en-dos-columnas-texto-captcha

Paso 3 ) Ir a Plugins -> FS Contact Form -> Campos para editar los siguientes campos del formulario de contacto Nombre, Email, Tema y Mensaje. Necesitas agregar ajustes CSS en el siguiente campo Enrada CSS:. Ver la siguiente imagen.

cambiar-formulario-de-contacto-en-dos-columnas-entrada-css

Para el campo Nombre es necesario agregar el siguiente código CSS de entrada.

  • position: relative; top: -0px; left: 0px;

Para el campo Email tienes que agregar el siguiente código CSS de entrada.

  • position: relative; top: -40px; left: 158px;

Para el campo Tema es necesario agregar el siguiente código CSS de entrada.

  • position: relative; top: -40px; left: 0px;

Para el campo Mensaje es necesario agregar el siguiente código CSS de entrada.

  • height: 120px; margin: 0; max-width: 250px; text-align: left; width: 99%; position: relative;  left: 158px; top: -78px;

Código CSS Personalizado

Paso 4 ) El siguiente código CSS debe ser incluido como un código personalizado. Este código controla la etiqueta de Código CAPTCHA. Estoy trabajando con el tema Suffusion para este tutorial, que tiene un área en la configuración del tema que permite añadir código personalizado. En su caso, tendrá que usar un plugin o editar el archivo CSS si esta trabajando con el tema niño «Child Theme».

Por favor tome Nota: El campo id es fsct_captcha_field2 se añade automáticamente por el plugin. El siguiente campo field2 se refiere a el ID del formulario de contacto, en este caso se trata del formulario de contacto form 2.

(Recuerde su formulario de contacto tendrá un número de identificación id diferente)

El siguiente código CSS podría no funcionar por varias razones. Una de las razones podría ser debido a que este tutorial está usando la siguiente función.

Seleccione el método de entregar el estilo formulario: hoja de estilo CSS interno (por defecto, editar más adelante)

Si no funciona siguiendo los pasos de arriba, entonces es necesario agregar el siguiente código CSS al campo Alineación etiquetas de entrada DIV: localizado en la pestaña Estilos. Puedes ver este campo en la imagen de arriba con una flecha extra código CSS en el Paso 1 ).

El código personalizado para incluir:

#fscf_captcha_field2{
padding-top: 5px;
text-align: left;
position: relative;
left: 158px;
top: -75px;
}

Formulario Final

Paso 5 ) La siguiente imagen Formulario De Prueba muestra las dos columnas añadidas utilizado el código de arriba.

cambiar-formulario-de-contacto-en-dos-columnas-formulario-final

Espero que esto le ayuda a lograr un formulario de contacto diseñado con dos columnas en su sitio web o blog.

Nota: Este método representa una manera de lograr dos columnas en el diseño. Se pueden aplicar otros métodos para lograr dos columnas si tienes conocimientos en HTML y CSS. Estas instrucciones son simples y fáciles de seguir.

Con este método se puede lograr otros diseños diferentes, es decir, tres columnas, cuatro columnas, alinear los campos de manera diferente y mucho más.

Pincha en el siguiente enlace Ajuste De Casilla De Verificación Campo Seleccionado Por Defecto FSCF para continuar con el siguiente tutorial.

Estaré actualizando este tutorial de vez en cuando para seguir yendo a ver la última.

Si tiene alguna pregunta, o sugerencia no dude en preguntar.

Disfrutar.

Más Cursos de Fast Secure Contact Form:

Agregar Etiqueta De Países A Fast Secure Contact Form

 Wordpress  Sin comentarios »
Mar 212016
 

Agregar Etiqueta De Países A Fast Secure Contact Form muestra cómo agregar una lista de países a tu formulario de contacto utilizando un método muy sencillo.

Actualizado: 12 de enero, 2019

Agregar Etiqueta De Países A Fast Secure Contact Form

Paso 1 ) Añade un nuevo campo como lo haces normalmente. Ver la siguiente imagen.

En la siguiente imagen veras el nombre Países: en la nueva etiqueta. (Acuérdate que en tu blog le darás otro nombre.)

fast-secure-contact-form-etiqueta-paises

Paso 2 ) En la siguiente imagen tienes que seleccionar que clase de Tipo de campo: vas a utilizar. Para que la lista de praises se muestren en este tutorial es necesario utilizar seleccionar.

fast-secure-contact-form-tipo-de-campo-seleccionar

Paso 3 ) La siguiente imagen muestra lo que hay que configurar en el nuevo campo. 

  • Etiqueta
  • Etiqueta
  • Campo obligatorio (opcional)
  • Seleccionar opciones (Required «Obligatorio») = (Aquí es donde vas a pegar el contenido del archivo zip que descargaste anteriormente. Asegúrate de que tiene una entrada por línea, como se muestra en la imagen.)
  • Pincha en Guardar Cambios una vez que haya terminado.

Nota: He añadido [Seleccione un país] como el primer campo. El formulario de contacto siempre estará por defecto en este campo. Puedes utilizar otras palabras si lo deseas.

fast-secure-contact-form-lista-de-paises

Paso 4 ) La imagen de abajo muestra el nuevo campo Países: y sel siguiente valor predeterminado Selecciona Un País.

fast-secure-contact-form-paises

Paso 5 ) La siguiente imagen muestra la lista de países disponibles en el menú desplegable. Ahora puedes seleccionar el país que desees. Los países se muestran en orden alfabético.

fast-secure-contact-form-mostrar-lista-de-paises

Pincha en el siguiente enlace Crear Formulario De Contacto De Dos Columnas para continuar con el siguiente tutorial.

Si tiene alguna pregunta, o sugerencia no dude en preguntar.

Disfrutar.

Más Cursos de Fast Secure Contact Form:

 Entradas Anteriores  Entradas recientes