Inginerie inversă WordPress: Cum să reproduci un site WordPress

Acest site web arată atât de bine. Mi-as fi dorit sa am un site ca asta.

Sună cunoscut?

Acesta este gândul aproape oricărui blogger atunci când văd un site web, arătând o interfață de utilizator cool, culori, fonturi etc.

M-am prins în aceeași situație de mai multe ori și am știut că trebuie făcut ceva. Așa că am mers înainte și mi-am făcut cercetările.

Mai precis, am găsit instrumente care pot decoda un site web, dezvăluind toate secretele care stau la baza acestuia.

În această postare, vă împărtășesc strategia mea WordPress de inginerie inversă și lista de instrumente pe care le puteți folosi pentru a replica orice site WordPress.

Dar Shafi, de ce WordPress? Poți întreba.

Motivul este destul de simplu. WordPress este unul dintre cele mai populare sisteme de management al conținutului și alimentează 28,6% din toate site-urile de pe internet.

În mod surprinzător, în fiecare zi sunt lansate încă 50.000 de site-uri WordPress ( sursă ) și site-uri populare precum TechCrunch, Disney, Sony etc. folosesc WordPress pentru a-și rula site-ul ( sursă )

Sper că va răspunde la întrebarea dvs.

[click_to_tweet tweet=”În fiecare zi sunt lansate 50.000 de bloguri WordPress și devine important să aveți un design și o funcționalitate grozave. Iată 5 pași pentru a copia orice blog WordPress. #WordPress #OceanWP #WordPressFacts” quote=”Știați că în fiecare zi sunt lansate 50.000 de bloguri WordPress noi. #WordPressFacts”]

Ești gata să te rostogolești? Să începem.

Pasul 0: Verificați dacă site-ul folosește WordPress

Ai văzut asta venind, nu-i așa?

Desigur, primul lucru pe care trebuie să-l facem este să verificăm dacă site-ul nostru preferat folosește WordPress. Dacă nu este, nu are rost să urmezi această strategie și vei continua să te zgârie pe cap în pașii ulterioare.

Pentru a verifica ce sistem de management al conținutului (CMS) alimentează un site web, vom folosi WhatCMS.org – un instrument online gratuit.

Utilizarea instrumentului este simplă, copiați site-ul web care urmează să fie testat, introduceți-l în caseta site-ului furnizată și apăsați Enter.

Instrumentul va rula seturi de algoritmi și va oferi un rezultat care arată ce CMS este utilizat de site-ul web.

Pasul 1: Copierea designului

Următorul pas evident este să verificați ce temă WordPress este utilizată de site-ul în cauză. Ca să știți, există cel puțin zece mii de teme WordPress gratuite și premium disponibile pentru utilizare, ceea ce oferă proprietarilor de site-uri suficiente opțiuni.

În plus, mulți proprietari de site-uri web folosesc o temă dezvoltată personalizată, care ar putea fi o versiune personalizată a unui cadru sau o temă codificată de la zero.

Pentru a verifica ce temă WordPress este folosită, puteți folosi WPThemeDetector.com – un alt instrument gratuit.

Instrumentul este avansat și detectează cu ușurință tema sau cadrul de bază (chiar dacă este ascuns), ceea ce nu este posibil cu alte instrumente similare precum WhatWPThemeIsThat.com.

Pe lângă detectarea temei, instrumentul va oferi și mai multe informații despre dezvoltator, câte alte site-uri o folosesc și link-uri oficiale.

Ce să faci dacă site-ul folosește o temă personalizată?

După cum sa discutat mai devreme, este foarte posibil ca unele site-uri să folosească o temă personalizată dezvoltată de la zero. În astfel de cazuri, instrumentul de mai sus nu va fi de mare ajutor.

Dar nu vă pierdeți speranțele, puteți obține același design de site web folosind o combinație de teme OceanWP și constructori de pagini precum Elementor.

OceanWP este cu ușurință cea mai personalizabilă temă pe care ați întâlnit-o și cu care ați întâlnit-o cu un generator de pagini, la fel de intuitiv și ușor de utilizat ca Elementor, vă oferă toată puterea din mână.

Puteți să trageți și să plasați componente prefabricate, să ajustați dimensiunea/culoarea, să adăugați câteva modificări CSS și să obțineți un design aproape similar.

Pasul 2: obțineți funcționalitățile corecte!

Bine, deci ai corect modelele și site-ul tău WordPress nou creat arată similar. Dar, nu este nimic fără funcționalități similare sau ar trebui să spun pluginuri.

Un site WordPress mediu este alimentat de cel puțin 10 plugin-uri diferite, fiecare oferind o funcționalitate unică.

Site-ul tău ideal folosește, de asemenea, mai multe plugin-uri pentru a avea acea funcționalitate elegantă și experiență de utilizator. De asemenea, este o idee bună să obțineți informații despre pluginuri, deoarece ar fi încercat mai multe plugin-uri înainte de a se mulțumi cu acel anume.

Deși este dificil să obțineți o listă exactă a pluginurilor utilizate (mulți dezvoltatori ascund numele și informațiile), scanwp.net poate prelua eficient informațiile.

Găsește, de asemenea, linkul oficial pentru pluginurile disponibile pe depozitul WordPress și dacă este gratuit sau nu.

Pasul 3: Nu uitați de experiența de lectură

După cum este explicat aici , fontul utilizat poate afecta de fapt modul în care răspunsurile individuale la o bucată de conținut.

În experimentul de mai sus, primul grup de persoane (cu font ușor de citit) a estimat că sarcina ar dura 8,2 minute pentru a fi finalizată. În timp ce, al doilea grup (cu font greu de citit) a estimat 15,1 minute.

Aceasta este o diferență uriașă și are sens. Dacă îți este greu să citești instrucțiunile, mintea ta o va procesa mai lent și, prin urmare, un timp de estimare mare. Cu siguranță, ceea ce îți dorești pentru blogul tău.

Dacă doriți o experiență de lectură similară, ar trebui să încercați să utilizați același font ca și cel folosit de site-ul respectiv. Puteți detecta cu ușurință ce font are un site folosind extensia WhatFont Chrome .

Instalați extensia, vizitați site-ul (de preferință o pagină de articol), faceți clic pe butonul de extensie WhatFont (disponibil în colțul din dreapta sus al ecranului) și plasați cursorul peste text.

Nu obțineți doar fontul exact, ci și dimensiunea fontului, stilul, greutatea și un link către fontul web Google pentru a-l descărca.

Pasul 4: A spus cineva culoare?

Din nou, culorile sunt ceva care se referă la psihologia umană, iar experții sugerează să folosiți o paletă de culori optimă bazată pe nișa site-ului.

Potrivit Kissmetrics , culorile afectează comportamentul de cumpărare și, în funcție de tipul de public, ar trebui să alegeți o schemă de culori adecvată.

Deși puteți arunca o privire și puteți obține schema de culori folosită de site-ul dvs. preferat, este mai logic să obțineți nuanța exactă de culoare și codul hexadecimal.

ColorCombos.com are un instrument online care poate prelua paletele de culori folosite de o pagină web. Trebuie doar să introduceți adresa URL a paginii și să apăsați enter.

În câteva secunde, veți obține o listă cu toate paletele de culori utilizate frecvent pe site-ul web cu cod hexadecimal și o opțiune de descărcare a schemei de culori.

Pasul 5: Viteza site-ului

Sunt destul de încrezător că prima impresie bună pe care ați avut-o despre site a fost din cauza vitezei de încărcare. Indiferent cât de bună este designul sau interfața cu utilizatorul, dacă se încarcă în 3-4 secunde sau mai mult, ai fi închis fila și nu te-ai fi întors niciodată.

Gazduirea web este unul dintre motivele principale din spatele unui timp bun de incarcare si probabil va intrebati ce gazduire este folosita pentru a alimenta acest site. Dacă nu puteți obține răspunsul navigând pe site (în cele mai multe cazuri, va fi scris în subsol), puteți utiliza instrumentul HostAdvice.com pentru a obține furnizorul de găzduire.

Spre deosebire de alte instrumente care utilizează serverul de nume doar pentru a detecta gazda web, acest instrument poate dezvălui gazda ascunsă în cazul utilizării CDN.

Fără acest instrument, nu aș fi știut niciodată că OceanWP.org este găzduit pe Google Cloud Platform cu CloudFlare CDN (aceasta explică timpul de încărcare foarte rapid)

În plus, puteți vedea planurile de găzduire și recenziile utilizatorilor chiar pe aceeași pagină.

Concluzie

Iată!

Acum ești un asasin secret care poate face rapid ingineria inversă a unui site web WordPress și îl poate replica chiar de la proiectare până la funcționalitățile site-ului web.

Dacă mai doriți ceva pe site-ul dvs., dar nu ați găsit cum se face, luați în considerare să contactați direct proprietarul site-ului. În cele mai multe cazuri, acestea vă vor ghida către sursa de funcționalitate sau către dezvoltatorul care a scris-o.

Aveți vreun instrument secret pe care îl utilizați pentru a replica un site web WordPress? Mi-ar plăcea să aud despre asta. Lasă un comentariu și putem discuta. Asigurați-vă că împărtășiți acest articol prietenilor tăi iubitori de WordPress, care ar putea considera că este util.