Formularios y Publicidad Alternativa

Escribo esta publicación con la finalidad de invitar a todas las personas que se dedican a construir páginas web con WordPress en Venezuela, para que puedan enviarnos a través de este formulario su publicidad dentro de este portal web y publicitarse de manera gratuita durante un tiempo aún no definido, pero por cierto tiempo.

A ver que tal nos va con eso. Es la idea de conectarnos y apoyarnos en las redes los unos a los otros sin costo alguno para demostrar confianza.
(Te invitamos a revisar nuestras Condiciones de Uso y Política de Privacidad antes de utilizar nuestros formularios.)

Claramente recibiremos su correo y editaremos una publicación bajo el nombre de su proyecto web siempre y cuando sea construido en WordPress. En caso de no ser construido en WordPress, quizás podemos hacer una inclusión especial ya que estamos abiertos a la posibilidad de convencerle de que empiece a usar este CMS.

Todo depende de la confianza que emita dicho sitio web en las redes para ser aprobado o no según sea su contenido. Es lógico que todos los correo que recibamos desde la publicación de esta entrada, serán revisados por nuestro Administrador de Contenido al instante o con cierto letargo, dependiendo de qué tan ocupados se encuentren y/o cuanto profundicen en la investigación del mismo.

Recibiremos las imágenes que quieras anunciar en nuestro sitio y editaremos una publicación con el contenido que desees enviarnos.
(Promoción válida hasta nuevo aviso, totalmente gratuito)
Los tamaños típicos y más usados cuando se habla de banners son:

  • Leaderboard 728 x 90
  • Banner 468 x 60
  • Rascacielos 120 x 600
  • El cubo superior, NTV (nex a video), IM (mensaje instand) son ampliamente utilizados en formato 300×250
  • Rascacielos ancho 160 x 600

Incluso abriremos un espacio especial para publicidad dentro de nuestra Barra Lateral Derecha para la publicación del mes que gane por su iniciativa.
El primero en enviar su banner obtendrá dicho espacio en el widget durante el primer mes como premio por ser proactivo, leer nuestro blog con intenciones de aprender y compartir.

La intención es enseñarles primero que todo, cómo establecer un formulario de contacto, creando así una cadena de favores entre todos los que desarrollamos sitios web en Venezuela.

We More.

Construcción del Formulario de Contacto

  • Primero que todo debemos instalar este plugin llamado >>> Contact Form 7. <<< Dicho plugin nos permitirá crear el formulario que vamos a establecer en esta publicación para poder recibir la publicidad de otros.

  • Luego de instalar el plugin Contact Form 7 el siguiente paso es revisar este código para entender más o menos como es la esctructura, esta parte se encuentra en la pestaña llamada FORMULARIO:

<p>Nombres *<br />
[text* your-name] </p>

<p>Apellidos *<br />
[text* your-last-name] </p>

<p>E-Mail *<br />
[email* your-email] </p>

<p>Nombre de tu página *<br />
[text* your-subject] </p>

<p>Información relacionada *<br />
[textarea* your-message] </p>

<p>Envíanos logos y banners para publicar en este blog: gif|png|jpg|jpeg|pdf|txt
[file file-761 limit:2000mb filetypes:gif|png|jpg|jpeg|pdf|txt] <br />
[file file-604 limit:2000mb filetypes:gif|png|jpg|jpeg|pdf|txt] <br />
[file file-793 limit:2000mb filetypes:gif|png|jpg|jpeg|pdf|txt] </p>

<p>Envíanos el link de tu página web <br />
[text* text-174] </p>

<p>[submit “Enviar”]</p>

(En caso de que NO carguen las imagenes cuando te llegan al correo debes incrementar los MB donde dice limit:2000mb) Con 2000mb es suficiente.

(Importante recordar que los elementos entre estos signos [ ] deben ser construidos nuevamente usando los botones del menú superior ya que generan un código único para el resultado del mismo, otra cosa importante es definir cuáles formatos deseas que sean disponibles en las opciones de adjuntar.)
Ejemplo: gif|png|jpg|jpeg|pdf|txt

  • La siguiente pestaña nos muestra todo lo referente al CORREO ELECTRONICO, revisa este código porque asi mas o menos es la cuestión:

Nombres:
[your-name]
Apellidos:
[your-last-name]
E-Mail:
[your-email]
Nombre de tu página:
[your-subject]
Información relacionada:
[your-message]
Envíanos el link de tu página web:
[url-785]


Status: En espera…
Este mensaje ha sido enviado desde http://www.sotogregg.com/

(El breve texto al final es algo extra para señalar el estatus de la aplicación y explicar de dónde proviene la información.)

Asegurate de que el código de los archivos adjuntos vaya donde dice Archivos Adjuntos:

[file-160]
[file-249]
[file-963]

  • Luego lo que queda es en pocas palabras, editar los mensajes relacionados al formulario para finalmente establecer su configuración, ya que la última pestaña llamada Ajustes Adicionales es de origen técnico para programadores que trabajen con Código CSS Personalizado.
    (Al final de esta publicación encontrarás un Custom CSS para personalizarlo respecto al tema que uses, algunos no son compatibles)

Resumen

Aquí puedes editar la plantilla del formulario. Para más detalles echa un vistazo a Editando la plantilla del formulario.

Las extensiones que recomiendo para Contact Form 7 son:

Y finalmente, mi última recomendación es copiar y pegar este código en Ajustes Adicionales o en la configuración de tu Theme para impulsar el aspecto gráfico de Contact Form mediante Código CSS Personalizado, el cual a veces es compatible o no pero puedes intentarlo:

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #2EA3F2 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background-color: #eee;
border-color:#eee;
padding: 6px 20px !important;
}

La diferencia al usar este código es increíble cuando usas temas como Divi o algún otro tema de Elegant Themes. Si tienes alguna pregunta o en algo puedo ayudarte, con gusto puedes dejarme un mensaje en esta publicacion y te respondere lo mas pronto posible.
(En mi caso, como es notable tengo el [recaptcha] pero no activo. Eso se activa con un plugin, puedes decidir si lo quieres o no.)

Resultado Final y Postulación para los anuncios gratuitos

(Es aquí donde comienza la cadena de favores, si deseas que tus banners, sitio web, etc. Sea publicado en nuestra seccion de anuncios, llena este formulario y envíanos la información pertinente y nosotros haremos el resto)

Nombres *

Apellidos *

E-Mail *

Nombre de tu página *

Información relacionada *

Envíanos logos y banners para publicar en este blog: gif|png|jpg|jpeg|pdf|txt


Envíanos el link de tu página web

Suscribirse NO es lo mismo que Registrarse en este portal web.
Al Suscribirte, solamente tu email es recolectado por nuestra base de datos.
(Tus datos son visibles en los detalles de tu Cuenta y Perfil mediante los datos del Foro, una vez que te hayas Registrado.)

Una vez completado el formulario, recibiremos tu informacion y tu contenido será publicado en este link llamado Anuncios.

(Vale acotar que nos reservamos el derecho de admisión en cuanto a la información que introducimos en nuestro portal web, esto quiere decir que si tu publicidad no fue aprobada, lo más probable es que haya sido por no haber cumplido con los requisitos predeterminados que usualmente demandamos para este tipo de procesos de hiperconexión digital en las redes.)

Juntos somos más y una mano lava la otra… Hacer un formulario ahora ya NO es tan difícil gracias a tu constancia.

Jonathan Soto Gregg
Webmaster.-

1.212

Plugins Recomendados para WordPress

Algunos dicen que lo más recomendado para un proyecto web realizado en WordPress es usar la menor cantidad de plugins para así evitar errores de compatibilidad en tu portal. El cual tiene mucho sentido.

El verdadero camino es desarrollar tu mismo los plugins que necesitas para tener total control de la página y la seguridad del sistema, para ello se requiere de un programador profesional.

Otros dicen que un plugin le da acceso al creador de dicho conector a tus archivos y datos. En lo que a mi respecta yo confío en ellos. Incluso le pagaría a un desarrollador para solucionar cierto problema que parece ser “imposible“, sin embargo te tengo buenas noticias…

Nada es imposible.

La mayoría de las cosas que uno quisiera hacer en la web, probablemente ya alguien lo habrá pensado antes y quizás lo puso en práctica hasta lograr hacerlo funcionar, esto quiere decir que es cuestión de tiempo y paciencia el simple hecho de encontrar lo necesario para luego entender cómo funciona, teniendo como resultado una combinación, por ejemplo:

Un código que has encontrado en la web y decides cambiar las variables para lograr hacerlo ver gráficamente según tus necesidades.

Los plugins contienen un desarrollo aplicado por cierto profesional dedicado a la materia y pueden, trabajan por, incluso tienen el derecho de simplemente crear versiones gratuitas del mismo (Lite or Free) así como también versiones pagas (Premium). Estos muy bien considerados “Plugins” en el mundo de WordPress son sumamente vitales a la hora de perfeccionar o “Pulir” un proyecto. Todo proyecto va mutando a nivel de arquitectura web y diseño gráfico pero suceden muchísimas cosas que no todos logran ver con claridad.

Frontend / Backend

Frontend: Es la página principal de tu portal web que puedes ver y con la que puedes interactuar. Es lo que todo usuario ve por primera vez luego de ingresar la dirección web de dicho portal. Algunos lo denominan como “La Parte Delantera” de la página web. Esta sección contiene el resultado del proyecto y da la bienvenida a todo aquel que visita por primera vez. Es el “Lobby” del sitio y resume lo más importante para captar la atención y posicionarse en las redes. (Resumen personal a mi manera ya que de por sí es mucho más complicado que eso…) Backend: Es el otro lado de la página que consiste en tres (3) partes, un servidor, una aplicación y una base de datos, es la parte de atrás del proyecto donde se realizan muchas cosas importantes que son reflejadas en el Frontend a su manera según así sea la configuración que tengan en el Backend. Es el Área de Administración y también conocido como Escritorio Dashboard“. Para llegar a este nivel y alcanzar lograr tener una cuenta de usuario, debes poder disfrutar del acceso al panel de Registro. (El registro estará próximamente activado en este portal, por cierto…) Muchos profesionales siguen uniéndose a este campo llamado WordPress el cual es un gran ejemplo del Frontend y el Backend trabajando juntos porque WordPress es código abierto construido en PHP. Se instala normalmente en el servidor que dispongas y a su vez en una base de datos. Los diseñadores luego se encargan de modificar la apariencia y la funcionalidad del sitio usando CSS, jQuery Javascript. Se considera que el Frontend es para el diseño y el Backend es para el desarrollo, incluso se denomina Arquitecto Web el que trabaja en el FrontendIngeniero Web quien desarrolla en el Backend. El desarrollo del Backend es una historia completamente diferente ya que no se dispone de diseño web en esta parte del proyecto. Naturalmente se trata con programación actual y al final resulta arrojando códigos al Frontend. La parte dificil como la información de la base de datos se encuentra en esta zona. Es en el Backend de WordPress donde tenemos el acceso a la búsqueda, instalación, configuración y edición de estos importantes Plugins.(En caso de instalar un plugin y encontrar un error, tumbar la página sin culpa e incluso tener la intención de solucionarlo solo debes acceder por SFTP o FTP (File Manager“, luego ubicar la carpeta donde se encuentra instalado dicho plugin y eliminarlo. Importante: Revisar el % de compatibilidad al actualizarlos e instalarlos)

Recomendaciones:

Entre Otros… (Esta lista se irá actualizando a medida de que se tenga conocimiento sobre nuevos plugins de confianza) Es totalmente recomendable todos y cada uno de esos plugins en la lista previa. Recuerda mantenerlos actualizados y tenles paciencia que tienen la capacidad de ofrecerte muchísimo en cambio de poco. (Nada que no se pueda resolver con Custom CSS). Es para mí un placer compartir con ustedes una lista de plugins que irá creciendo con el tiempo, poco a poco y prontamente un tutorial para cada uno de ellos así podrán saber cómo usarlos, en caso de que les sea útil. Cualquier cosa, no duden en preguntar. Saludos.

Jonathan Soto Gregg Webmaster.-

662

Tipos de Páginas Web

Hay muchas opciones para crear un portal web, lo más importante es configurar una página que se adapte a las necesidades que tengas actualmente. Sirven de gran ayuda para cualquier proyecto que tengamos en mente y el cual deseamos que tenga éxito.

Debemos clasificar y organizarnos para tener una visión general de lo que se desea lograr con dicho motivo. Los portales web pueden ser Dinámicas Estáticas planteando así desde lo más básico, un modelo de plan que sea sencillo y que radique principalmente en la forma de su construcción e interacción con los usuarios.

Páginas Web Estáticas:

Son el tipo de páginas que no dependen prácticamente de una variación en sus contenidos, son ideales cuando se desea mostrar información básica de una empresa.

Con un mínimo de presencia en las redes, son páginas informativas que contienen lenguajes como: HTMLSu contenido no alcanza más que ser un simple texto con enlaces y combinaciones al mostrar archivos, sean imágenes o texto por ejemplo…

“No está en discusión con el carácter estético del mismo y la combinación de textos e imágenes puede estar bien diseñada. De hecho son dos componentes básicos del diseño gráfico en general.”

Se hace necesario tener conocimientos básicos de HTML. (Hypertext Markup Language) es un lenguaje de marcado estándar que sirve para crear páginas y aplicaciones en la web. Contienen Hojas de estilo en cascada (CSS) y JavaScript, forma una tríada de tecnologías básicas para la World Wide Web.

Dicha gestión depende totalmente de profesional en la materia ya que la actualización de su contenido se construye manualmente por un programador.

Estos sitios se enfocan principalmente a señalar información permanente, donde el usuario está limitado a obtener la información sin que pueda interactuar directamente con dicha página web (Páginas Web Informativas). Las construyen principalmente con Hipervínculos Enlaces conformados en el sitio.

Son incapaces de soportar aplicaciones (APP) como gestor de Base de DatosForosConsultas Online e incluso E-mails InteligentesTambién son ideales para empresas que no tienen pretensiones más allá de simplemente informar a sus clientes de sus perfil y productos.

La ventaja de los sitios estáticos es lo económico que resultan crearlas, con un diseño adecuado y se pueden crear sin ningún tipo de programacion especial como: PHP, ASP por ejemplo…

Su desventaja reside en el resultado de sus actualizaciones e incluso la pérdida total de las herramientas fuertes y soportadas con bases de datos, como pueden resultar ser la creación de registros históricos de los clientes, pedidos online, entre otros…

Naturalmente son útiles para la creación de: Curriculums VitaeMisiones WebBitácoras Páginas Web Informativas.

Misiones Web: Principalmente desarrollados por maestros, profesores y universidades con el objetivo educativo al proponer grupos de alumnos y temas particulares con una serie de cuestiones formuladas sobre los temas escogidos. Se dispone de Links o otros sitios web donde se puede indagar e investigar sobre los temas que han sido planteados en el proyecto. Su principal objetivo es aprender los contenidos de los temas elegidos, de una manera Interactiva.

Bitácoras: Sitios donde se recopilan mensajes cronológicos de uno o varios autores. También conocidos como Blogs. Sobre una temática en particular que siempre conserva al autor, la libertad de publicar lo que se cree pertinente.

Informativas: Por lo general estos sitios no se actualizan, de tal manera que los contenidos permanecen invariables a lo largo de su duración.

Páginas Web Dinámicas:

Son mucho más complejas a comparación de las páginas estáticas. Muestran además información específica y su contenido es variable respecto a la interacción con el usuario.

Disponen de Tiendas Online (E-Commerce) en la cual dicho usuario puede seleccionar entre diferentes características, añadir elementos a un carrito de compras, procesar pedidos, etc…

El dueño de dicho portal no dispone de un sitio web, sino que también logra acceder a un Panel de Control (CMSContent Management System (Sistema de control de Contenido) desde el que puede hacer que su contenido tenga variación de manera sencilla.

Construir un sitio dinámico requiere de conocimientos de programación y manejo de Bases de DatosUn desarrollo específico de funcionalidades puede subir el costo, sin embargo pueden llegar a ser infinitas las opciones que se tienen para dicho proyecto.

“Existen multitud de gestores de contenido de código abierto con los que podemos trabajar. Por lo general, ya están muy desarrollados y se pueden adaptar a prácticamente cualquier necesidad. Uno de los más conocidos a nivel mundial y con el que solemos trabajar es con WordPress.”

Un gestor de contenido que permite conseguir y alcanzar variedad, gestionar un BlogPáginas Estáticas e incluso Tiendas Online.

Cuando es de código abierto, hay multitud de desarrolladores que trabajan constantemente en esta herramienta, de modo que se va actualizando e implementando mejoras, desarrollando plugins y funcionalidades extra que hacen que la herramienta se vaya “Enhierrando” poco a poco.

Es posible crear un CMS a la medida pero los costos aumentan porque cuentan con la ventaja de que todo queda personalizado y adaptado a las necesidades del cliente como tal.

Son muy recomendables para proyectos que requieren mayor especialidad, empresas de mayor tamaño cuya actividad supone cambios frecuentes en sus contenidos, por ejemplo, precios, tablas, especificaciones, gráficos, noticias, novedades, lanzamientos, etc.

Beneficios: Una vez desarrolladas, el control de los contenidos y la información de estas páginas queda a cargo del webmaster del cliente. Una vez que esa transferencia se concreta, el cliente puede hacer cambios que necesite en el contenido gráfico y textual del sitio (aunque no en la estructura).

Limitantes: Por ser un sitio web con características más complejas, el tiempo en el proceso, desarrollo y diseño es mayor. La implementación del gestor de contenidos, panel de administración asociado, y el equipo involucrado requieren de un mayor nivel de preparación.

Páginas Web Corporativas:

Generalmente pertenecen a compañías que tienen como meta promocionar productos y servicios a los clientes. Algunos dicen que simplemente son “La otra cara de la moneda“.

Toda empresa debe tener un sitio de este tipo, la explicación de ello refiere a que se debe defender la marca (Branding) si se desea consolidar el negocio en internet posicionando así todo el contenido del negocio en los buscadores como: GoogleYahoo por ejemplo…

“Las webs corporativas son las que sirven para dar la información de la marca de la empresa”.

No se encuentran orientadas a la venta de productos, sino a dar información sobre tu persona y defienden la imagen de tu empresa a través del mercado online.

Son útiles para negocios que contienen diferentes canales ya que cada página tiene por lógica su propio nombre y marca, orientados a su público. Claramente todas pertenecientes a la misma empresa. También conocidos como (Multisitios) son las que tienen acceso a las diferentes ramas de dicho negocio.

Secciones de una web corporativa:

Una página web corporativa debería contar como mínimo con los siguientes elementos:

· Quiénes somos: Quién es el director, cargos de los diferentes departamentos, e-mails de contacto, con su fotografía, etc.
· Historia de la empresa: Cómo empezó, cómo tuvo la idea, cuál fue la primera idea de negocio, cómo fue creciendo, etc.
· Valores: La política, valor añadido o filosofía del negocio como tal.
· Departamentos: Disponer de empresas filiales, distintas marcas, líneas de negocio y departamentos.
· Dirección: A dónde pueden ir a verte, fotos de la empresa, con un plano de la calle y/o mapas, etc.
· Contacto: Lo más importante… ¿cómo pueden ponerse en contacto contigo los clientes, proveedores o negociadores? Teléfonos, correos, redes sociales.

Muy importante es cuidar también el hecho de que un sitio web no puede pasar mucho tiempo en cargar, tampoco pueden tener problemas al abrir en distintos navegadores o tener un diseño informal.

Lo ideal es formar parte de los que cuidan su imagen en Internet con un sitio web corporativo profesional. Si es así de hecho, te invito a que dejes tus dudas en los comentarios y compartas este artículo con tus amigos y seguidores en las redes sociales.

Jonathan Soto Gregg
Webmaster.-

 

436
Traducir »