Ingeniería inversa de WordPress: cómo reproducir un sitio de WordPress

Este sitio web se ve tan bien. Me hubiera gustado tener un sitio como este. ¿Suena familiar? Esta es la idea de casi cualquier blogger cuando veo un sitio web, que muestra una interfaz de usuario genial, colores, fuentes, etc. Me metí en la misma situación varias veces y sabía que tenía que hacer algo. Así que seguí adelante e investigué. Específicamente, hemos encontrado herramientas que pueden decodificar un sitio web, revelando todos los secretos subyacentes. En esta publicación, comparto mi WordPress de Ingeniería Inversa y la lista de herramientas que puede usar para responder cualquier sitio de WordPress.
Pero Shafi, ¿por qué WordPress? Puedes pedir. La razón es bastante simple. WordPress es uno de los sistemas de gestión de contenido más populares y alimenta el 28.6% de todos los sitios web en Internet. Sorprendentemente, se lanzan otros 50,000 sitios de WordPress (fuente) y sitios populares como TechCrunch, Disney, Sony, etc. Uso WordPress para ejecutar su sitio (fuente) Espero que responda a su pregunta Aquí hay 5 pasos para copiar cualquier blog de WordPress. #WordPress #OceAnwp #WordPressFacts “QUOTE =” Sabías que se lanzan 50,000 nuevos blogs de WordPress. #WordPressFacts ”] ¿Estás listo para rodar? Vamos a empezar. Paso 0: Compruebe si el sitio usa WordPress que vio venir, ¿no? Por supuesto, lo primero que debemos hacer es verificar si nuestro sitio favorito usa WordPress. Si no es así, no tiene sentido seguir esta estrategia y continuará rascándose la cabeza en pasos posteriores. Para verificar qué sistema de gestión de contenido (CMS) alimenta un sitio web, utilizaremos Whatcms.org, una herramienta en línea gratuita. El uso del instrumento es simple, copie el sitio web que se pruebe, ingrese en el cuadro de sitio proporcionado y presione Entrar. El instante ejecutará conjuntos de algoritmos y dará un resultado que muestra qué CMS utiliza la web del sitio. Paso 1: Copiar el diseño El siguiente paso obvio es verificar qué tema de WordPress utiliza el sitio en cuestión. Para saber, hay al menos diez mil temas de WordPress gratuitos y premium disponibles para su uso, lo que ofrece a los propietarios de opciones suficientes. Además, muchos propietarios de sitios web usan un tema desarrollado personalizado, que podría ser una versión personalizada de un marco o un tema codificado. Para verificar qué tema de WordPress se usa, puede usar wpthemeDetactor.com, otra herramienta gratuita.

El instrumento avanza y detecta fácilmente el tema o el marco básico (incluso si está oculto), lo que no es posible con otras herramientas similares como whatwpThemeisthat.com.
Además de detectar el tema, el instrumento proporcionará aún más información sobre el desarrollador, ya que muchos otros sitios usan enlaces oficiales. ¿Qué hacer si el sitio usa un tema personalizado? Como se discutió anteriormente, es muy posible que algunos sitios usen un tema personalizado desarrollado desde cero. En tales casos, la herramienta anterior no será de gran ayuda. Pero no pierda sus esperanzas, puede obtener el mismo diseño de sitio web utilizando una combinación de temas y páginas de OceanWP como Elementor.Oceanwp es fácilmente el tema más personalizado que conoció y se reunió con un generador por páginas, como intuitivos y fáciles de usar como Un elemento, te da todo el poder en tu mano. Puede tirar y colocar componentes prefabricados, ajustar el tamaño/color, agregar algunos cambios CSS y obtener un diseño casi similar. Paso 2: ¡Obtenga las funciones correctas! De acuerdo, entonces tiene correctamente sus modelos de WordPress recién creados y el sitio se ve similar. Pero no hay nada sin una funcionalidad similar o debería decir complementos. Un sitio promedio de WordPress funciona con al menos 10 complementos diferentes, cada uno que proporciona una funcionalidad única.

Su sitio ideal también utiliza más complementos para tener esa elegante funcionalidad y experiencia del usuario. También es una buena idea obtener información sobre complementos, porque habrían probado más complementos antes de estar satisfechos con eso. Aunque es difícil obtener una lista exacta de complementos utilizados (muchos desarrolladores ocultan los nombres y la información), ScanWP.NET puede hacerse cargo de la información de manera efectiva.
También encuentre el enlace oficial de los complementos disponibles en el almacén de WordPress y si es gratuito o no. Paso 3: No olvide la experiencia de lectura como se explica aquí, la fuente utilizada puede afectar la forma en que las respuestas individuales a una pieza de contenido. En el experimento anterior, el primer grupo de personas (con fuente fácil de leer) estimó que el embarazo Tomaría 8.2 minutos en completarse. Mientras que el segundo grupo (con fuente difícil de leer) estimó 15.1 minutos.
Esta es una gran diferencia y tiene sentido. Si es difícil para usted leer las instrucciones, su mente lo procesará más lento y, por lo tanto, un gran tiempo de estimación. Ciertamente, lo que quieres para tu blog. Si desea una experiencia de lectura similar, debe intentar usar la misma fuente que utilizó ese sitio. Puede detectar fácilmente qué fuente tiene un sitio utilizando la extensión WhatFont Chrome.


Instale la extensión, visite el sitio (preferiblemente una página del elemento), haga clic en el botón de extensión WhatFont (disponible en la esquina superior derecha) y coloque el cursor sobre el texto.
No solo obtienes la fuente exacta, sino también el tamaño de la fuente, el estilo, el peso y un enlace a la fuente web de Google para descargarla. Paso 4: ¿Alguien dijo color? Nuevamente, los colores son algo que se refiere a la psicología humana, y los expertos sugieren usar una paleta de colores óptima basada en el sitio. Según Kissmetrics, los colores afectan el comportamiento de compra y, dependiendo del tipo de público, debe elegir un esquema de color apropiado.

Aunque puede echar un vistazo y obtener el esquema de color utilizado por su sitio favorito, es más lógico obtener el tono de color exacto y el código hexadecimal. Colorbombos.com tiene una herramienta en línea que puede hacerse cargo de las paletas de colores utilizadas por una página web. Solo tiene que ingresar la URL de la página y presionar Entrar. En unos segundos, obtendrá una lista de todas las paletas de colores que se usan con frecuencia en el sitio web con código hexadecimal y una opción para descargar el esquema de color. Paso 5: La velocidad del sitio confía bastante en que la primera buena impresión que tuvo sobre el sitio se debió a la velocidad de carga. No importa cuán bueno sea el diseño o la interfaz de usuario, si se carga en 3-4 segundos o más, habría cerrado la pestaña y nunca habría girado. La web es una de las principales razones detrás de un buen tiempo de carga y usted Probablemente se pregunte qué alojamiento se usa para alimentar este sitio. Si no puede obtener la respuesta navegando por el sitio (en la mayoría de los casos, se escribirá en el sótano), puede usar la herramienta HostAdvice.com para obtener el proveedor de alojamiento. A diferencia de otras herramientas que usan el servidor de nombres solo para detectar el host web, esta herramienta puede revelar el host oculto cuando se usa CDN. Sin esta herramienta, nunca hubiera sabido que OceanWp.org está alojado en Google Cloud Platform con CDN Cloud (esto explica un tiempo de carga muy rápido)