Pages Menu
TwitterFacebook



BANNER2_ALT

Posted by on Feb 3, 2015 in E. Otros, Otros | 0 comments

¿Cómo subir tutorial?

¿Cómo subir tutorial?

¿Cómo subir un Tutorial?

Hoy aprenderemos a crear un post en WordPress, antes de continuar, te aconsejo que realices el trabajo en un procesador de textos como Word para que te sea más fácil. Otro tip importante es que las imágenes que vayas a utilizar, las guardes en una carpeta para que sea más fácil el upload o subirlas al servidor. Más adelante verás el por qué.

Primero que nada tenemos que saber cuales son los requisitos para tener un tutorial en la página:

  1. El texto tiene que ser propio, no copias ni plagios.
  2. Las imágenes o figuras tienen que ser propias, si se toma de otro lugar poner referencia con URL o Link.
  3. El código tiene que ser diferente en caso de haberse basado en algún ejemplo de internet, aportar algo nuevo.
  4. Todo tutorial tiene que tener lista de materiales con enlaces en el nombre del producto a la página de HeTPro.
  5. Todo tutorial tiene que tener imágenes y código (el código con formato de código no de texto).
  6. Todo tutorial tiene que estar todo en verde en el análisis de SEO.
  7. Todo tutorial tiene que estar libre de errores ortográficos.

Considerando lo previamente mencionado procederemos a iniciar sesión en el sistema.

Enlace Iniciar Sesión

Si no funciona el enlace con tu navegador, copia y pega el siguiente link en la barra de direcciones:

https://hetpro-store.com/TUTORIALES/wp-login.php
Login

Login

Una vez que hayas entrado, nos aparecerá el HOME de la siguiente forma:

Desktop

Inicio

NOTA: ** El estilo puede variar de acuerdo a las preferencias de perfil del Usuario.**

Ya situados en el home, nos dirigimos a la sección Entradas, poniendo sobre ella el cursor, para que así se despliegue un sub-menú como el siguiente:

TUTORIAL BORRAR

Añadir entrada nueva.

Como se puede apreciar, nos salen dos opciones:

  1. Todas las Entradas
  2. Añadir nueva.

Para crear una entrada nueva, basta con seleccionar en Añadir nueva.

Plantilla entrada nueva.

 

Una vez que le hayamos dado clic a Añadir página, nos redirigirá al Editor, el cual nos proporciona la interfaz que tenemos en la parte superior.

En la pantalla nos muestra iconos que nos resultan familiares propios de los  editores de textos, como lo son los de NEGRITA, CURSIVA, SUBRAYADO, TACHADO, VIÑETAS, CITA, ALINEAR A LA IZQ., DER., CENTRAR, HIPERVINCULO, ORTOGRAFÍA, ETC.

ICONS

Iconos

NOTA** El ícono icon   es para mostrar las demás herramientas del editor. Hay que activarla desde la primera vez en la que el usuario se loguee. **

En la ventana principal, tenemos tres pestañas, de las cuáles utilizaremos 2 para la creación de nuestra entrada.

text_edit_options

Vistas

Visual:

Es en  donde editaremos/crearemos la entrada por medio del método gráfico, mediante un editor de texto. Así mismo, se visualiza el trabajo en tiempo real y es una vista previa del cómo se verá al ser publicada.

Texto:

Para usuarios con experiencia en HTML, dónde visualizaremos los comandos y/o etiquetas html que estemos usando.

Page Builder no lo utilizaremos puesto que con la primera y segunda opción basta. Ignorar.

Cuando tengamos todas nuestras imagenes en una carpeta vamos a comprimirlas con TinyPNG para mejorar la velocidad de carga del sitio. Ira https://tinypng.com/ seleccionar todas las imagenes y arrastrarlas al navegador donde dice “Drop your .png or .jpg files here!” una vez comprimidos descargar las nuevas imagenes y sustituirlas por las originales. OJO este paso es muy importante aunque no presente un cambio visual.

tinyPNG

  • Copiar y pegar todo el texto (excluyendo códigos) en el editor. OJO primero copiar el texto de Word y si el formato se arruina o cambia copiarlo a bloc de notas o notepad y de ahi volver a copiar y pegarlo en el sistema WordPress, con esto borraremos el posible formato que nos genera Word.

  • Poner los títulos como Titulo 2 el principal y Titulo 3 los secundarios.

  • Subir las imágenes procurando que al terminar de subirlas revisar el Tamaño que sea Tamaño completo.

Tutorial

 

  • Para insertar imágenes, tenemos que usar la opción AÑADIR OBJETOS, en la cuál aparecerán las imágenes que estén en el servidor, si se desea otra que no esté en el mismo, usar opción Seleccionar archivos, en el cual nos saldrá un recuadro para seleccionar la ruta de nuestra imagen.
add_object}

Añadir objetos

 

  • Para los códigos los pegamos en un editor de texto sin formato como notepad o bloc de notas y ponemos en la parte superior del código la siguiente instrucción
    TUTORIAL BORRAR3

    notese que se pueden seleccionar diferentes códigos (c, c++, php, js, python, tubt, bash, shell, css, sql, xml, html y muchos mas) puedes encontrarlos en el siguiente enlace: http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

 

Posteriormente en la parte inferior asignaremos la palabra clave en el punto 2 de la imagen. La palabra clave para un tutorial es la palabra mas importante, puede ser una combinación de palabras por ejemplo “AVR ADC” o “Raspberry Pi RAM” o “C++ variable”.

TUTOrial

Una vez escrita la palabra clave, oprimimos la tecla Enter. Recordemos que entre las condiciones basicas para la palabra clave estan:

  • Ser palabra relevante a tutorial, preferentemente compuesta de 2 palabras.
  • La palabra clave (tal cual) se tiene que repetir 1 por cada 100 palabras de texto.
  • La palabra clave tiene que estar en un titulo (header 1,2 o 3)
  • La palabra clave tiene que estar en el URL
  • La palabra clave tiene que estar al principio del titulo.
  • La palabra clave tiene que estar en el resumen indicado por el punto 1 (editable)

Entre otras características necesarias para la evaluación están:

  • El tutorial tiene que tener Link a otra página.
  • Todas las imágenes tienen que tener texto alternativo. Poner el mouse sobre la imagen y seleccionar el lápiz y poner texto alternativo con palabra clave, la leyenda es opcional pero se recomienda usarla.

Para el texto alternativo:

TUTO03 TUTO02

 

tutorial wordpress

Por ultimo revisar que todas las imágenes tengan el parámetro en las opciones de la misma Enlazado a y seleccionar archivos multimedia y en las opciones avanzadas seleccionar el check box de “Abrir enlace en una pestaña nueva”.

Con la herramienta de análisis de pagina, nos cercioraremos de que nuestra página está bien hecha.

NOTA** Si se desea volver a checar el status del SEO, oprimir de nuevo comprobar en el apartado Publicar. En caso de presentar alguna dificultad para poner algún punto en verde, manda un correo a contacto@hetpro.com.mx y responderemos a la brevedad.

La opción ORDEN, es para establecer el lugar en el que quedará nuestro post, el valor inicial es 0 y así consecutivamente. Para el Superior poner la temática que estamos haciendo, si no hay mandar un correo para generar esa categoría.

Attrib

Orden

Una vez que estemos seguros de que nuestra página quedó finalizada, oprimiremos en la opción PUBLICAR, la cual como su nombre lo indica, publica nuestra entrada de acuerdo a lo editado previamente.

tutoriales HeTPro

Post a Reply

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *