homefinance blog
Cuando comenzó la web, los sitios web eran bastante estúpidos. Es decir, no eran más que texto y código HTML estático, sin efectos de fantasía y muy poca interactividad. Veinte años después, los sitios web se basan en una programación compleja y pueden tardar semanas y semanas en construirse. Están llenos de funciones, muy interactivas, más receptivas, más hermosas, etc. Hoy, en lugar de escribir el código por su cuenta, puede usar los sistemas de administración de contenido que tratan solo con el código detrás de su sitio. Todo lo que tiene que hacer es elegir un tema y comenzar a publicar.
WordPress es un CMS, ahora utilizado por millones de personas en todo el mundo. La mejor parte de WordPress es que es una plataforma muy flexible. No requiere conocimientos de codificación para usarlo y puede crear los sitios web más receptivos y sorprendentes con su ayuda. Si tiene un sitio web que no ha sufrido una actualización desde la década de 1990, este artículo creado por nuestro equipo WPDATATables lo ayudará a convertir HTML en WordPress, para que pueda beneficiarse de los beneficios de la tecnología web moderna. Continúe leyendo para obtener más información. ¿Por qué debería convertir HTML en WordPress? Las razones por las cuales una persona debe convertir HTML en WordPress son bastante diversas. Aquí hay una selección de los más importantes:
La conversión a WordPress le brinda control total sobre cada detalle de su sitio web. Siempre que no le guste parte de su sitio, puede cambiarlo fácilmente como lo desee.
Los sitios de WordPress son mucho más fáciles de acceder, administrar y mantener en comparación con los sitios HTML estáticos. Esta es una razón muy importante para hacer una migración HTML a WordPress. Al convertir el estilo de plantilla HTML, llegará con un tema único que ninguna otra persona que use el CMS tendrá.
WordPress ayuda a optimizar para los motores de búsqueda y se asegurará de que su sitio sea descubierto por más personas.
Como desarrollador de sitios web, su trabajo se reducirá a la mitad, porque WordPress manejará la mayoría de las actividades que consumieron tiempo inútil antes.
La transición de HTML estática a WordPress: Métodos Ahora que tiene todas las razones para convertir HTML a WordPress, puede continuar descubriendo cómo hacerlo.
Hay dos métodos de los que puede elegir: el método manual, que implica hacer todo solo, desde cero; Y el método con el tema del niño, que implica el uso de un tema básico de WordPress y ajustarlo de acuerdo con sus necesidades. Elegir un método depende de su experiencia con la codificación, cuánto tiempo desea invertir en esta tarea, así como en sus propias preferencias. Cada uno de estos métodos se presentará en las secciones a continuación, donde aprenderá a convertir HTML en WordPress. Método manual 1. Cree una nueva carpeta de tarea Cree un nuevo archivo en el escritorio donde se almacenarán los archivos temáticos. Nombra esta carpeta como quieras (representará el nombre de base). Cree estos archivos en su editor de código preferido y déjelos abiertos:
style.css
index.php
Encabezado.php
Barra lateral.php
Pie de página.php
2. Copie el código CSS existente en la nueva hoja de estilo después de haber creado los archivos, puede ir a copiar el código CSS. Aquellos que quieran duplicar sus sitios y trasladarlos a WordPress tendrán que exportar e importar el código CSS de su sitio anterior. CSS es responsable de la forma en que se ve el sitio, así que edite el archivo style.css agregando las siguientes líneas de código: /*Nombre del tema: Reemplace con su nombre de base.
Temas de tema: el ure de tu tema
Descripción: una breve descripción.
Versión: 1.0
Autor: Tú
Autor: La dirección de su sitio web.
*/ Reemplace la información necesaria con usted, agregue las líneas CSS restantes y esté listo. No olvide guardar el archivo. Ahora eres libre de cerrar estilo.css.
3. Obtenga el código HTML actual
Vaya al archivo index.html de su sitio y resalte todo el contenido desde el comienzo del documento hasta la etiqueta div class = “main”. Esta sección debe insertarse en el archivo encabezado.php que creó en el paso 1. Regrese al archivo index.html y resalte todo dentro de la clase = “barra lateral”. Copie el contenido e insértelo en el archivo SideBar.php que creó. Haga lo mismo para el sótano, con todo el contenido de acuerdo con el elemento en la barra lateral. Para el archivo index.php, seleccione todo el contenido restante después de resaltarlo y pegarlo al nuevo archivo, guardarlo y dejarlo abierto para el siguiente paso.
4. Edite el archivo index.php
Para completar el archivo index.php, copie estas líneas de código y péguelas en la parte superior del documento: Entonces, en la parte inferior del archivo index.php, coloque estas líneas PHP.
<? Php get_footer (); ? Archivo:
<div >
<a href="?> “rel =” bookmark “title =” conexión permanente a “>
<? Php anterior_posts_link ('grabaciones más recientes'); ?
<? Php endif; ?
5. Sube el nuevo tema
Una vez que la carpeta del tema esté lista, debe cargarla en el sitio y completar la conversión HTML a WordPress. Para hacer esto, navegue por la carpeta en la que instaló WordPress y coloca la carpeta que acaba de crear en/wp-content/themes/. Acceda a su página de administración de WP, apariencia y luego temas para ver si el nombre base aparece en la lista o no. Si lo hace, hizo todo correctamente y puede activarlo. Si no, lea cuidadosamente todos los pasos sobre cómo convertir HTML en WordPress nuevamente. También hay esta útil guía de video de los medios cruzados que debe consultar:
Usando un tema para niños de WordPress si los pasos mencionados en el paso anterior parecen demasiado complicados para su nivel, este es un método que requiere menos conocimiento en el campo de codificación. Es más fácil de administrar y también tomará menos tiempo. Para convertir HTML más rápido en WordPress, puede usar un tema infantil de un tema existente. Los temas de los niños se llaman así porque se basan en un segundo tema, que es el padre. 1. Elija el tema
Primero, elija un tema adecuado para su diseño HTML. Buscando un tema infantil que sea similar a su sitio existente. Busque la estructura que tiene, para que no tenga que concentrarse demasiado en la codificación.
Debe optar por un tema inicial, ya que se basa en líneas de código muy básicas. 2. Cree una nueva carpeta de temas igual que en el caso anterior, deberá crear una nueva carpeta con el tema. La única diferencia es que nombrará la carpeta de la misma manera que el tema principal en el que se basa el tema del niño y agregará el sufijo “-cild”. Por ejemplo, si su tema se llama Twenty Nine, llamará a la carpeta “Twenty -Nine Children”. Asegúrese de no agregar espacios al nombre. 3. Configure una nueva hoja de estilo, cree el archivo style.css en la carpeta y agregue estas líneas de código:/*
Nombre del tema: Veinte -Nineteen Niños
Tema URI: http://example.com/twenty-inineteen-child/
Descripción: Tema Veinte -Niños Niños
Autor: John Doe
Autor: http://example.com
Shablon: Veinte -Nineteen
Versión: 1.0.0
Licencia: GNU General Public License V2 o una versión posterior
Licencia URI: http://www.gnu.org/licenses/gpl-2.0.html
Etiquetas: abierta, oscura, dos columnas, barra lateral derecha, aspecto receptivo, listo para la accesibilidad
Dominio de texto: Veintice -Nineteen Child
*/ Tenga en cuenta que este es un ejemplo. Deberá reemplazar la información con usted guardar el archivo después de la finalización. 4. Cree las funciones del archivo.php Una vez que tenga el archivo style.css, puede activar el tema tal como está. Sin embargo, para que el sitio se vea y funcione mejor, deberá usar las funciones y los estilos de los padres. Para esto, debe crear las funciones del archivo.php. Use estas líneas de código y guarde el archivo: /*
Nombre del tema: Veinte -Nineteen Niños
Tema URI: http://example.com/twenty-inineteen-child/
Descripción: Tema Veinte -Nineteen Copias: John Doe
Autor: http://example.com
Shablon: Veinte -Nineteen
Versión: 1.0.0
Licencia: GNU General Public License V2 o una versión posterior
Licencia URI: http://www.gnu.org/licenses/gpl-2.0.html
Etiquetas: abierta, oscura, dos columnas, barra lateral derecha, aspecto receptivo, listo para la accesibilidad
Dominio de texto: Veintice -Nineteen Child
*/ 5. Active el tema del niño al final, debe activar el tema. Archive la carpeta y agréguela a WordPress navegando por el menú de apariencia, temas y luego haga clic en “Agregar nuevo”. Cargue el archivo archivado allí. Otra opción sería tirar de la carpeta en el contenido de WP/temas. Al final, necesitará un poco de paciencia para convertir HTML en WordPress, pero definitivamente vale la pena. Incluso si el proceso requiere parte de su atención, llegará con un sitio verdaderamente único, que es mucho más conveniente para administrar desde todos los puntos de vista. Si sigue los pasos cuidadosamente en este artículo, nada puede salir mal, ¡así que no se preocupe! Sin embargo, si tiene problemas, no dude en consultar los foros de asistencia comunitaria de WordPress. Hay muchos usuarios allí que estarían encantados de ayudarlo. Si le gustó leer este artículo sobre la conversión HTML a WordPress, debería ver esto sobre el salario del desarrollador de WordPress. También escribí sobre algunos temas relacionados, como el mejor editor de código, WordPress Training, JavaScript Bibliotecas y extensiones de soporte.
