WordPress bez dodataka. Kako napraviti jednostavan obrazac za kontakt za WordPress blogove bez korištenja dodataka

Sada imam novi hobi - optimiziranje bloga na WordPress engine-u. "mrežni put" na način da se sačuva funkcionalnost i istovremeno izbjegne nema dodataka

Nesklonost dodacima nije nastala niotkuda. Negdje u jesen, odlučio sam da su mogućnosti mog hostera nedovoljne i prešao sam na drugog. I da bude stvarno dobar (kako sam mislio) - na virtuelnom namenskom serveru

Moj jadni blog. Koliko je eksperimenata već provedeno na njemu! Drugi bi se jednostavno pokrio bakrenim lavorom i ne bi grgotao. Sve u svemu, ovaj potez se pokazao kao strateška greška. Namjenska linija koštala je višestruko skuplje, ali sa svakim prilivom ljudi stalno se pojavljivala greška 503– strpljenje servera je ponestalo! Server nije mogao učitati moj blog.

Greška 503
Svakom nalogu na serveru je dodijeljen određeni broj procesa koji obrađuju zahtjeve korisnika. Zahtjevi stižu na server i nalaze se u redu čekanja. Laki zahtjevi se obrađuju brzo, a teži problematični sporo, usporavajući napredak reda. Kada dužina reda dostigne određenu vrijednost, server prestaje primati nove zahtjeve, vraćajući grešku 503 (Usluga je privremeno nedostupna, usluga je privremeno nedostupna)

Ljudi su, nailazeći na praznu stranicu, pisali i žalili se na nedostupnost obećanih informacija

Sa svoje strane, pisao sam hosteru, pitao i psovao.

Služba za podršku hostinga se jako trudila da nešto riješi, ali sve je bilo beskorisno - moj blog je brzo padao na nulu u pretraživanjima. Pretražni promet u jesen se ne bi mogao nazvati prometom. Ne saobraćaj, nego suze.

Do decembra je naš odnos sa službom podrške već glatko prešao iz konstruktivnog i tolerantnog u fazu obračuna: ko je kriv i šta da se radi. I nekako se usred ovih obračuna pojavila misao da imam instalirano mnogo dodataka (u to vrijeme bilo ih je 37).

Sada i ja to mislim to je puno. Ali na redovnom zajedničkom hostingu to se uopće nije osjetilo! Stoga, u tom trenutku nisam doveo naše sporove sa domaćinom u rat i brzo sam vratio blog nazad timeweb

Ali posejana ideja je urodila plodom. Nakon malog istraživanja o pitanjima interne optimizacije i ubrzanja učitavanja bloga, došao sam do toga dodaci nisu uvijek korisni! Za svu njihovu udobnost.

Oni kreiraju dodatne upite bazi podataka, dodatno opterećuju server i time usporavaju motor. Brzina ionako sporog WordPress-a opada i sveprisutni Google počinje da nagovještava da je vaš blog navodno sporiji od drugih, te stoga u rezultatima pretrage ustupa mjesto bržima. A ovo je u najboljem slučaju! U mom slučaju, rekao mi je oštro i odlučno:

Incl. napuštanje dodataka je počelo kao neophodna mjera. Novi trendovi zahtijevaju nova rješenja. Trebalo je tražiti alternativna rješenja. WordPress bez dodataka!

Da biste maksimalno ubrzali WordPress, ima smisla udubiti se u njega i pronaći rješenje klase: "i vukovi su hranjeni i ovce su sigurne" - sačuvajte uobičajenu funkcionalnost i bez dodataka. Pa, barem bez većine dodataka.

Dodatak- Ovo je mali pomoćni program. Dizajniran je da proširi funkcionalnost glavnog programa (u našem slučaju WordPress), dopuni ga i poboljša u određenim područjima. Istovremeno, glavni program uključuje mehanizam za izvršavanje dodataka, odnosno WordPress može raditi sa pomoćnim programima.

Prednosti dodataka

1. Dodaci mogu obavljati potpuno različite funkcije - od rješavanja jednostavnih problema do složenih integriranih rješenja (forumi, moduli za online trgovinu, itd.)
2. Čak ih i početnik može instalirati
3. Nije neophodno razumjeti PHP i CSS da bi se poboljšala funkcionalnost bloga

Nedostaci dodataka

1. Prevelik broj zahtjeva prema web serveru
2. Upiti baze podataka mogu biti veoma teški, što povećava opterećenje na serveru
3. Vrijeme ažuriranja dodataka možda se neće podudarati s ažuriranjem samog motora i kao rezultat toga prestati raditi
4. Za blokiranje ažuriranja, početnici instaliraju dodatne dodatke
5. Ne može svaki hosting podržati više od 50 dodataka (u mom slučaju više se nije ponašao adekvatno sa 37 dodataka)
6. Prilikom prelaska na novi hosting mogu se pojaviti neočekivani problemi. Počevši od banalne rekonfiguracije dodataka, završavajući sukobima i nekompatibilnošću, pa čak i neoperabilnosti pojedinačnih dodataka. Baš sam neki dan morao da rešim problem sa FacebookShare dodatkom za jednog partnera - kodiranje nije radilo kako treba

Da rezimiram, mogu reći da sam danas napustio većinu dodataka, ali se moj blog ni na koji način nije promijenio u pogledu funkcionalnosti.

Na mrežnom putu postoji 14 aktivnih dodataka, od kojih su samo 4 standardna i općenito prihvaćena. Mislim da je to tako dok ne smislim kako da ih zamijenim komadom koda.

Ovo je ono što sada odlično funkcionira na mom blogu bez dodataka:

1. Antispam u komentarima
2. Mapa sajta
3. Popularni postovi na bočnoj traci sa slikama
4. Slični unosi ispod objava (sa prikazanim slikama) - kako se PageSpeed ​​žalio na ovaj dodatak, njegove java skripte i css tabele, čak i nakon optimizacije i kompresije, stvorile su prilično opterećenje
5. mrvice hljeba
6. Navigacija po stranici
7. Vrhunski komentatori
8. Google+ dugmad za preporuke i

Nastavljamo seriju postova posvećenih povratnim informacijama u sistemu upravljanja WordPress. Danas ću vam pokušati reći kako to učiniti bez dodatka na bazi standardne funkcije wp_mail koristeći ajax tehnologiju programiranja.

Prednosti povratnih informacija o WordPressu bez dodatka

• Stranica ne učitava dodatni JavaScript i CSS kod - postaje lakše;
• WordPress formular za povratne informacije bez dodatka je manje sklon neželjenoj pošti, pod uslovom da je vaš kod jedinstven;
• Možete prilagoditi izlaz po svom ukusu i kreirati oblik bilo koje složenosti.

Da bismo kreirali WordPress formular za povratne informacije, bez korištenja dodataka, potrebno nam je minimum PHP znanja, samo kopirajte kod na pravo mjesto.

Kod za kreiranje povratnih informacija za WordPress bez dodatka

Hajde da počnemo!

Otvorite datoteku functions.php vaše teme i tamo dodajte sljedeći kod:

funkcija myform_action_callback() ( globalni $wpdb; globalni $mail; $nonce=$_POST["nonce"]; $rtr=""; if (!wp_verify_nonce($nonce, "myform_action-nonce")) wp_die("(" error":"Greška. Spam")"); $message=""; $to="your_mail@site"; // zamijenite vašom e-poštom $headers = "Content-type: text/html; charset=utf-8 \r\n"; $headers.= "Od: [email protected]\r\n"; // zamijenite drugim poštanskim sandučićem $subject="Poruka sa stranice ".$_SERVER["SERVER_NAME"]; do_action("plugins_loaded"); // ne treba biti omogućen u novim VI-ovima, vi možda ćete morati da ga onemogućite ako ( !empty($_POST["name"]) && !empty($_POST["mess"]) && !empty($_POST["email"]))( $message.="Ime : ".$_POST[" name"]; $message.="
E-mail: ".$_POST["email"]; $message.="
Poruka:
".nl2br($_POST["mess"]); if(wp_mail($to, $subject, $message, $headers))( $rtr="("work":"Poruka poslata!","error": "")"; )else( $rtr="("error":"Greška servera.")"; ) )else( $rtr="("error":"Sva polja su obavezna!")"; ) echo $rtr; exit; ) add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback"); add_action("wp_ajax_myform_send_action", "myform_action_callback"); function myform_stylesheet())( wp_style_sheet())(wp_en_style_list())(wp_en_style_forma,loginqueue"). /css /styleform.css","0.1.2",true); wp_enqueue_script("myform_script_temp",get_bloginfo("stylesheet_directory")."/js/scriptform.js",array("jquery"),"0.1.2", true); wp_localize_script("myform_script_temp", "myform_Ajax", array("ajaxurl" => admin_url("admin-ajax.php"), "nonce" => wp_create_nonce("myform_action-nonce"))); ) add_action( "wp_enqueue_scripts", "myform_stylesheet"); funkcija formZak() ( $rty="

U prvoj funkciji "myform_action_callback" trebate $to="your_mail@site"; - zamijenite svojom e-poštom. Takođe možete imati problema sa linijom do_action("plugins_loaded"); - na novim verzijama VP-a možete i bez njega. Nema potrebe mijenjati ništa drugo, primjer radi i WordPress povratna informacija bez dodatka je testirana na WP verzijama 4.2 i 4.9.1.

Slijedeći ovaj kod, trebate kreirati 2 foldera u temi: "css" i "js". Ako su ovi direktoriji već prisutni u vašoj temi, nema potrebe da ih kreirate. Stavite datoteku stila "styleform.css" u "css" direktorij - i, ako želite, upišite stilove obrazaca tamo. Neću to učiniti, jer stilovi nisu potrebni da bi primjer funkcionirao.

Postavite datoteku "scriptform.js" u "js" direktorij i tamo napišite ovaj jednostavan kod:

funkcija myform_ajax_send(ime,e-mail,nered)(
jQuery.ajax((
upišite: "POST",
url: myform_Ajax.ajaxurl,
dataType:"json",
podaci:(
"name":jQuery(name).val(),
"email":jQuery(email).val(),
"mess":jQuery(mess).val(),
"nonce": myform_Ajax.nonce,
"action":"myform_send_action"
},
uspjeh: funkcija (podaci) (
if(data.error=="")(
upozorenje(podaci.rad);
)inače(
upozorenje(data.error);
}
},
greška: function() (
alert("Greška veze");
}
});
}

Ne zaboravite da otpremite ove fajlove na vaš server.

Sve je spremno! - da biste prikazali obrazac, samo umetnite kratki kod u objavu ili stranicu vaše web stranice.

Ako trebate pozvati obrazac iz PHP-a, na primjer na dnu stranice, koristite poziv kratkog koda:

Možete kopirati ovaj kod na svoju web stranicu i pokušati ga testirati, sve bi trebalo funkcionirati, posebno sam testirao ovaj primjer na sebi. Ovo je odgovor koji biste trebali dobiti putem e-pošte:

Kao što razumete, ovo je kako je to lako učiniti bez dodatka. U nastavku ću pokušati da vam kažem nešto o tome šta ovaj kod znači, ako ste naravno zainteresovani.

Opis povratnih informacija za wordpress bez dodatka

myform_action_callback() - funkcija za slanje poruke iz obrasca za povratne informacije na vaš email.

add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback");
add_action("wp_ajax_myform_send_action", "myform_action_callback");

povežite našu funkciju slanja sa Ajax zahtjevom. Važna stvar je da odavde “myform_send_action” treba odgovarati ovom redu u vašem JavaScript fajlu: “action”: “myform_send_action”

myform_stylesheet() - funkcija za povezivanje stilske datoteke, JavaScript i kreiranje JavaScript varijable myform_Ajax, koja uključuje myform_Ajax.ajaxurl - vezu do Ajax obrađivača zahtjeva i myform_Ajax.nonce - jedinstvenu provjeru da li je obrazac poslat sa vaše stranice (potrebno da se spriječi spam i hakovanje sajtova).

formZak() - funkcija u kojoj se generira kod forme. Ovdje možemo dodati ili ukloniti potrebna polja.

Zadnji red funkcija: add_shortcode("formZak", "formZak"); registruje kratki kod tako da nam je zgodno da radimo sa našim formularom za povratne informacije za WordPress bez dodatka.

Odlučio sam da napravim malu tabelu da strukturiram fajlove koje treba da kreirate ili u koje morate da dodate kod kako bi povratne informacije o WordPress-u radile bez dodatka. Nema ih mnogo, mislim da možete shvatiti.

Čini se da sam opisao sve o tome kako kreirati obrazac za povratne informacije bez dodataka. Ako i dalje imate pitanja o kodu, ili niste bili u mogućnosti da pokrenete ovaj obrazac na svom serveru, možete opisati problem u komentarima. Bit će mi drago pomoći u rješavanju vašeg problema. Do sljedećeg puta.

Nažalost, nećete moći preuzeti ovaj primjer, budući da ne mogu dati svoj functions.php fajl vašoj temi, jednostavno neće raditi :(.

Ako nađete bilo kakve probleme s ovim kodom, javite nam, bit ćemo vam zahvalni. Problem je moguć zbog ažuriranja VI i onemogućavanja nekih od korištenih funkcija ili prilikom prelaska na novu jquery biblioteku.

Neki webmasteri bi željeli imati svoju web stranicu na WordPressu bez ijednog dodatka. Za one koji koriste ogromnu listu dodataka, ne mora biti jasno zašto je to potrebno.

U stvari, obje grupe webmastera su u pravu, a obje su u krivu, u isto vrijeme. WordPress bez dodatka je sasvim moguć, ali ne i sasvim moguć.

Razmotrimo ovo pitanje detaljnije.

Zašto vam treba WordPress bez dodatka?

Svaki dodatak na WordPress-u učitava server. Dakle, svaki put kada se stranica učita, hosting server prima određeno opterećenje, a to opterećenje raste sa brojem dodataka. Opterećenje će eksponencijalno rasti s povećanjem broja posjetitelja, jer će svaka osoba učitavati server.

Ne ulazeći u detalje servera, recimo da mnogi dodaci usporavaju stranicu, a što sporije radi, to je više dodataka, više posjetitelja i slabiji hosting. Usput, pročitajte kako da saznate koliko je vremena potrebno za učitavanje vaše stranice.

Otuda dolazi ideja da se WordPress napravi bez dodataka.

Da li je moguće napraviti WordPress bez dodataka?

Većina funkcija koje se reproduciraju na WordPress web stranici mogu se implementirati bez dodataka. Međutim, ovo nije tako jednostavno kao što se čini. Da biste to učinili, na primjer, bez dodatka, morat ćete napisati potreban kod, na pravom mjestu, u pravom fajlu. Ne morate pisati ovaj kod i lako ga možete pronaći na internetu, ali ćete ga sami morati staviti na pravo mjesto. A ako pogriješite, onda, u najboljem slučaju, funkcija neće raditi. U najgorem slučaju, cijela stranica neće raditi. A onda ćete ga morati vratiti. Dobro je ako zapamtite koji fajl i gdje ste izvršili promjene. A ako ne, onda ćete to morati učiniti iz rezervne kopije.

Jednostavno rečeno, pravljenje vlastitog WordPress-a bez dodatka zahtijeva znanje i iskustvo. Ali nemaju ih svi. A onda je WordPress kreiran tako da svako može da napravi web stranicu na njemu, bez posebnog znanja i iskustva.

WordPress bez dodataka neće biti toliko funkcionalan, a neće biti ni tako lako konfigurirati ovu ili onu funkciju. Dakle, ako, na primjer, pokušate napraviti klizač bez dodatka, onda da biste dodali i zamijenili slike u njemu, morat ćete urediti kod, a to treba učiniti sa svom pažnjom i koncentracijom. U vrijeme kada vam dodaci za klizače omogućavaju da ne razmišljate previše prilikom uređivanja elementa stranice.

Trebate li WordPress bez dodataka?

Rekavši gore navedeno, odgovor je očigledan - ne, ne morate da pravite WordPress bez dodatka, barem u potpunosti. Na jednoj strani vage je opterećenje na serveru, a na drugoj su dugi sati uređivanja koda. Izbor je očigledan. Štaviše, ako koristite dobar hosting, nećete osjetiti opterećenje.

Međutim, još uvijek možete pokušati implementirati neke jednostavne funkcije bez dodatka na WordPress. To će vam omogućiti da steknete neprocjenjivo iskustvo.

Na početnoj stranici, kao i na stranicama kategorija, arhivama i rezultatima pretraživanja, obično je potrebna navigacija stranicama (poznata i kao paginacija). Blogovi na WordPress-u nisu izuzetak; oni također koriste paginaciju, kada su rezultati izlaznih informacija podijeljeni na nekoliko stranica.

Ranije su se za implementaciju ove funkcije koristili dodaci ili posebne funkcije trećih strana koje su se nalazile u datoteci functions.php. Međutim, izdavanjem WordPress verzije 4.1, funkcija paginacije je ugrađena u jezgro CMS-a, a sada su interne funkcije WordPress-a dovoljne za implementaciju navigacije stranicama i nema potrebe za dodavanjem koda ili dodataka treće strane.

Ranije sam pisao o sličnom poboljšanju WordPress-a u vezi sa oznakom TITLE - https://aboutwordpress.ru/post/wordpress-title/.

Šta je paginacija

Paginacija je podjela informacija na stranice. Ovaj koncept takođe znači uzastopno numerisanje stranica, naznačeno brojevima koji se nalaze na dnu, vrhu ili sa strane stranice.

WP-PageNavi - WordPress dodatak za paginaciju

Najpopularniji dodatak za paginaciju za WordPress je WP-PageNavi. Da budem iskren, on se tako dobro nosi sa zadatkom paginacije da nema smisla raspravljati i uspoređivati ​​druge dodatke.

WordPress paginacija - WP-PageNavi dodatak

WordPress paginacija bez dodatka

Da bismo izvršili paginaciju na web stranici bez dodataka, koristit ćemo ugrađenu WordPress funkciju the_posts_pagination(). Na mjesto koje nam je potrebno trebamo umetnuti sljedeći kod (obično su to fajlovi index.php, category.php i slično):

Rezultat funkcije the_posts_pagination() bit će otprilike sljedeći HTML kod:

Uklanjanje H2 naslova iz paginacije

H2 zaglavlje “Post Navigation” odmah upada u oči. Kojem u većini slučajeva nije mjesto na stranici. Da biste ga se riješili, dodajte sljedeći kod u datoteku functions.php:

/* Ukloni H2 iz paginacije */ add_filter("navigation_markup_template", "my_navigation_template", 10, 2); funkcija my_navigation_template($template, $class)( return "

Postavljanje stranica za paginaciju

Podrazumevano, the_posts_pagination() prikazuje prvu i poslednju stranicu, kao i jednu stranicu oko trenutne. Svi ostali su zamijenjeni trotočkom. Ovo ponašanje se može promijeniti korištenjem argumenata:

• show_all - prikaži sve stranice
• end_size - broj stranica na početku i na kraju liste
• mid_size - broj stranica lijevo i desno od trenutne stranice

Na primjer ovako:

2, "end_size" => 2,)); ?>

CSS stilovi paginacije

Brojevi stranica (odmak: 1% 2%; senka okvira: 0 0 10px #ccc; margina: 0 1% 0 0; pozadina: #fff; radijus granice: 3px; )

Veze ka stranicama paginacije sa ovim stilovima će izgledati ovako:

U ovom članku želim da vam pokažem kako da na svoj blog dodate paginaciju brojeva u WordPress-u bez ikakvih dodataka.

Na ovom sajtu se koristi numerička paginacija koju ću implementirati (ako odete na sekciju bloga i skrolujete do samog dna, shvatićete o čemu govorim; napomena prevodioca - otprilike ista implementacija se koristi na ovom blogu , samo preko dodatka).

Napisao sam ovaj post jer vjerujem da je ljudima obično teško dodati paginaciju na postojeću stranicu.

Redovno nailazim na teme na forumima WordPress.org gdje korisnici postavljaju slična pitanja: “ Kako da dodam paginaciju na stranicu svog bloga?», « Kako mogu dodati ove brojeve na samom dnu stranice kako bi se korisnici mogli kretati kroz objave?" ili " Kako mogu podijeliti svoj blog na više stranica?»

Čini se da većina korisnika bira numeričku paginaciju u WordPress-u umjesto navigacije pomoću standardnih linkova “Prethodna stranica” i “Sljedeća stranica”, što u stvarnosti ne pokazuje gdje se tačno korisnik trenutno nalazi.

Osnovna paginacija pomoću dvije veze „Sljedeća stranica“ i „Prethodna stranica“ prilično je jednostavna za implementaciju, kao što je dobro napisano u kodu, ali ova navigacija nije najpogodnija.

Zamislite da je korisnik došao na vašu stranicu, došao na stranicu 8 sa željenim unosom i otišao. Onda se vratio i odlučio da istu objavu dobije na 8. stranici - za ovo bi morao da skroluje kroz gomilu stranica. Zamislite koliko je ovo dosadno. Ovo ukazuje na lošu upotrebljivost, te je preporučljivo izbjegavati ovaj pristup ako ne želite da vam se korisnici vraćaju.

Basic setup

Prilagođeni upit WP_Query

Prvi — i najvažniji — korak kreiranja paginacije je ispravno postavljanje WP_Query. Morate biti sigurni da upit vraća podatke zapisa. Evo osnovnog primjera pokretanja upita:

$paged = (get_query_var("paged")) ? get_query_var("paged") : 1

$args = niz (
"posts_per_page" => 6,
"paged" => $paged
);

$custom_query = novi WP_Query($args);

while($custom_query->have_posts()) :
$custom_query->the_post();
?>