• Articles
• admin

dispuestos a convertir su antiguo sitio web de HTML a WordPress? Saltar a cualquier tecnología de tendencia lo obliga a sumergirse en información completa y recopilar todos los detalles necesarios antes de tomar una decisión.

El mercado de WordPress está creciendo dinámicamente con cada día que pasa. A partir de 2021, más de 455 millones de sitios web están activos en WordPress, y se espera que el número de sitios web crezca en los próximos años.

Estadísticas clave Sobre WordPress

• WordPress es el sistema de gestión de contenido de código abierto más fácil de usar, con 1,1 millones de descargas nuevas cada seis meses y más de 2 millones cada año.
• Potencia el 62% de todos los sitios web de CMS, como Joomla o Shopify.
• Ofrece más de 54,000 complementos, 11,000 temas y diferentes diseños para el desarrollo de sitios web personalizados.
• WooCommerce es el plugin de comercio electrónico más utilizado de WordPress y contribuye con el 7% de las ventas en línea en general.

¿Por qué elegir WordPress para el desarrollo de sitios web?

Tomar el dolor de importar su sitio web a WordPress no tiene valor si no entiende la importancia de este sistema de gestión de contenido. Antes de saltar a WordPress, vamos a tener una pequeña explicación de por qué deberías pensar en WordPress para tu desarrollo web:

• Los sitios web de WordPress son amigables con el SEO y ayudan a los usuarios a aumentar su sólida presencia digital en las SERP de Google.
• Cuando proyecta su negocio a través de sitios web, busca accesibilidad, personalización y expansión para la participación de los usuarios. Con WordPress, es fácil expandir y actualizar los sitios web para compartir información valiosa.
• Integrar las funciones a medida en sus sitios web será fácil utilizando 54,000 complementos listos para usar. Le ayudará a hacer que su proyecto de sitio web sea más dinámico y receptivo.
• WordPress es un sistema de gestión de contenido de código abierto. Tiene una vasta comunidad en línea de expertos que hacen que este CMS sea más progresivo y accesible. Hace que el mantenimiento del sitio web sea más productivo.

Conversión paso a paso de HTML a WordPress

Mientras avanza hacia la conversión de HTML a WordPress, debe cambiar el diseño HTML a un tema de WordPress. Al ser un novato en el mundo de TI, puede sentir una tarea engorrosa para convertir su sitio web. Por lo tanto, busque los mejores servicios de desarrollo de sitios web de WordPress para una conversión perfecta. Ayudará a clonar un sitio web en WordPress.

Sin embargo, si está interesado en reemplazar el sitio web existente con WordPress, asegúrese de seguir un plan listo para implementar paso a paso:

Ahora, es el momento de mostrar su experiencia técnica y conocimiento de HTML, CSS y PHP. En esta conversión manual, debe realizar copiar y pegar:

Paso 1: Crea una nueva carpeta de tema y archivos

Crea una nueva carpeta de tema en tu escritorio y nómbrala. Ve al editor de código y crea cinco archivos de texto:

• Estilo.índice css
• .encabezado php
• .barra lateral php
• .php
• Pie de página.php

Paso 2: Reemplazar CSS existente con Hoja de estilo de WordPress

Otro paso esencial para convertir un sitio web a WordPress es copiar y pegar. Asegúrate de copiar el código CSS completo del sitio web en una hoja de estilo de WordPress. Significa que necesitas crear un estilo.archivo css y complete los siguientes detalles:

• Nombre del tema: Refleja el nombre de tu tema
• URL del tema: Dirección del sitio web
• Autor: Tu nombre
• URL del autor: Significa un enlace a tu página de inicio en la que estás trabajando
• Descripción (opcional): Describe tu tema
• Versión: Se trata de tu tema. Puedes poner 1.0 ya que no se va a publicar.
• Licencia, URL de licencia, Etiquetas: Estos detalles son significativos cuando envía su tema al directorio de temas de WordPress.

Paso 3: HTML existente separado

En WordPress, los desarrolladores usan PHP para extraer información de la base de datos. Es por eso que necesitan dividir HTML en varias piezas y permitir que CMS las vincule para reflejar detalles completos.

Haga clic para indexar.archivo html y ábrelo. Ahora, copie el código de WordPress y péguelo en las siguientes secciones:

Encabezado.php: Cubre el área entre la parte superior de su código HTML y el contenido principal en términos de «<main> o <div class=»main»>.»Copiar y pegar <?php wp_head();?> justo después de < / cabeza>.Barra lateral

.php: Copie el contenido de la sección < a un lado> en el archivo de WordPress.

Pie de página.php: La sección de pie de página describe la información desde el final de la barra lateral hasta el final del archivo. Después de eso, pegar <?php wp_footer();?> antes < / cuerpo>.

Cierre el «índice».archivo html » y guarde los datos necesarios en la carpeta del tema.

Cierre todos los archivos excepto el encabezado.php e índice.php.

Paso 4: Cambie el encabezado.php e Índice.php para WordPress

Cambie el encabezado.php e Índice.php para hacerlos compatibles con el formato de WordPress.

Para Encabezado.php

Comience buscando un enlace similar al estilo» <link rel=» hoja de estilos» href=».css «> » en la sección < head>.

Reemplazar el enlace con:

<link rel=» hoja de estilos»href =» <?php echo get_template_directory_uri ();?>/estilo.css «type =» text / css» media = » all » / >.

Guarde y cierre el archivo de encabezado.

Para el índice.php

Su índice.php puede estar en blanco, por lo que pegue la información mencionada a continuación:

<?php get_header ();?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Nota: Mantenga el espacio entre el encabezado y la barra lateral para agregar el bucle.

Paso 5: Captura de pantalla y carga

Un paso final y esencial es tomar una captura de pantalla de tu tema. Antes de subirlo, asegúrate de que sea de unos 880×660 píxeles.

Para mayor claridad, la captura de pantalla es para el proceso de backend de WordPress. Puedes previsualizar tu sitio usando la captura de pantalla. Por lo tanto, guarde el archivo como una captura de pantalla.png e inclúyelo en tu carpeta de temas.

Cargue el tema en WordPress siguiendo los siguientes pasos:

• Crea un archivo zip.
• Ir a WordPress. Elija la apariencia, los temas deseados y haga clic en Agregar nuevo en la parte superior.
• Cargue el tema y, a continuación, cargue el archivo zip.
• Pestaña para » Instalar ahora.»
• Activar el tema

Método 2: Uso del Tema Infantil de WordPress

La conversión manual parece técnica y un poco complicada. Pero, puedes administrar todo usando el tema infantil de WordPress. Necesita un tema para padres, pero le permite hacer las modificaciones necesarias.

Paso 1: Seleccione un Tema

Seleccione un tema en el tema de WordPress directorio parecida a su diseño existente.

Instálelo, pero no lo active.

Paso 2: Crear una nueva carpeta

Crear una nueva carpeta de tema como la que creó en el método anterior. Asegúrese de nombrar la carpeta como el tema principal y agregue el adjetivo «hijo» al final sin espacio.

Paso 3: Preparar una hoja de estilos

Configurar una hoja de estilos tal como lo hicimos en el método anterior y agregar una etiqueta llamada «plantilla».»Para el correcto funcionamiento de la hoja, asegúrese de incluir el nombre del tema principal.

Paso 4: Crear funciones.php

Mientras trabaja en un tema hijo, necesita crear funciones.archivo php y heredar los estilos padre. Para ello, crea un nuevo archivo y nómbralo como funciones.php que debería comenzar con <?PHP. Ahora, pegue los siguientes códigos en el archivo:

Paso 5: Activar el Tema Niño

por último, activar el tema infantil. Asegúrese de tomar una captura de pantalla primero que debe aparecer en el procesamiento de backend de WordPress. Crea un archivo zip y súbelo. Ahora, ajuste el diseño en consecuencia.

Método 3: Instalar Plugin para importar contenido

Conéctese con una empresa de desarrollo de sitios web de WordPress si no sabe cómo crear un nuevo sitio de WordPress sin eliminar el sitio anterior. O bien, aplique el tercer método y convierta el sitio web en WordPress a través de complementos.

Paso 1: Instale un plugin

Vaya a Plugins en WordPress y busque la importación de HTML 2. Encuentra el Complemento necesario, instálalo y actívalo.

Paso 2: Listo para importar

Cargue las páginas que desea importar en el mismo servidor que su instalación de WordPress. Para importar los archivos necesarios, debe ingresar la siguiente información en las pestañas requeridas:

• Directorio a importar: Introduzca la ruta de acceso de los archivos de código HTML existentes.
• URL del sitio anterior: Introduzca su URL anterior. Se utiliza como redireccionamiento.
• Archivo predeterminado: Compartir información del índice.HTML.
• Extensiones de archivo para incluir: Las extensiones de archivos que deben importarse.
• Directorios a excluir: Cualquier archivo que no desee importar.
• Conservar nombres de archivo: Usará por defecto el nombre del archivo como la nueva URL.

Una vez que haya terminado con los pasos anteriores, vaya a la pestaña contenido y configure la etiqueta HTML. Ahora, vaya a las siguientes pestañas:

• Informe a su Plugin sobre los títulos que desea en las plantillas HTML.
• Utilice una etiqueta personalizada para importar los datos personalizados.
• Defina sus categorías y etiquetas para el contenido importado.
• En la pestaña de herramientas, importe las herramientas necesarias de HTML a WordPress.

Guarde su configuración y comience a importar

Hacer un sitio web más dinámico y receptivo es el requisito final para superar el negocio con precisión. Implementar la comprensión y el aprendizaje de los negocios en un sitio web ilumina el concepto de diseño web personalizado.

Hoy en día, estamos prestando más atención al diseño web personalizado para satisfacer completamente las demandas de nuestro negocio. Si también necesita diseñar un sitio web personalizado o proyectar sus necesidades en un sitio web existente, lo mejor es contratar desarrolladores de WordPress. Acércate a una de las principales empresas de desarrollo de WordPress y comparte tus requisitos para hacer que tu sitio web exprese tus puntos de vista de la manera más adecuada.

Pensamientos finales

Por lo tanto, puede elegir la mejor manera de acuerdo con su comprensión que puede reemplazar su sitio antiguo con un nuevo sitio de WordPress. WordPress le ayudará a implementar el diseño y las funciones web deseadas en sus sitios web. Aparte de eso, contrate a un desarrollador de WordPress experimentado de la empresa de diseño de sitios web de WordPress y acceda a los mejores servicios de desarrollo web de WordPress.