Kako umetnuti oglasne jedinice u WordPress. Kako umetnuti oglasni blok u sažetak blogova u WordPressu Kako umetnuti blokove na WordPress stranicu

Vrlo je teško pronaći web lokaciju na internetu koja ne sadrži oglašavanje treće strane ( Google adsense, Yandex.Direct, Runner itd.). Nije tajna da oglašavanje na web mjestu donosi određeni profit vlasniku web stranice. Na nekim web lokacijama ova zarada se računa kao pristojan iznos, a na nekima je ta zarada jedva dovoljna za plaćanje hostinga i naziva domene.
Naravno, na webu postoje web stranice koje ne sadrže oglase. Takve web stranice uglavnom prodaju resurse. Ove web stranice nisu stvorene za ostvarivanje prihoda izravno od njih, već za predstavljanje i prodaju određenih proizvoda korisniku.

Gotovo svi blogovi koji rade na WordPress motoru također se mogu vidjeti oglasne jedinice... Ovaj blog nije izuzetak.
Druga stvar je imati visoku kvalitetu umetanje oglasa u WordPress blog morate barem malo razumjeti strukturu samog motora i imati barem opšti pojmovi o html -u i css -u.

Za umetanje oglasnih jedinica možete koristiti i posebne dodatke. Pretražite na internetu dodatak. Osobno nisam koristio takve dodatke, jer mislim da dodatni dodatak za WordPress povećava opterećenje bloga. Štoviše, s odgovarajućim znanjem možete savršeno umetati oglase bez korištenja dodatka.

Ako ste upoznati sa strukturom WordPress stroja, možete umetnite oglase direktno u kôd... Obično su to datoteke u direktoriju: / wp-content / themes / your theme /, kao što su: index.php, sidebar.php, single.php, page.php.
Na primjer, ovdje je Yandex Direct kôd umetnut ispod glavnog sadržaja članaka na glavnoj stranici ovog bloga:

1 2 3 4
‘; ) add_shortcode ('yandex_content', 'yandex_direct'); ?>

‘; ) add_shortcode ('yandex_content', 'yandex_direct'); ?>

U slučaju Google Adsense, bijeg nije potreban:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < script type= "text/javascript" > < script type= "text/javascript" src= "http://pagead2.googlesyndication.com/pagead/show_ads.js"> ‘; ) add_shortcode ('google_content', 'google'); ?>

‘; ) add_shortcode ('google_content', 'google'); ?>

I tako, koristeći Yandex Direct kao primjer, naziv stvorene funkcije je 'yandex', izlazni kôd je 'yandex_content'. Sada, kada pišete ili uređujete članak, jednostavno zalijepite: [yandex_content] na pravo mjesto, a oglasi se pojavljuju na blogu na ovom mjestu.
Isto je i sa prikazom Google Adsense blokova. Zalijepimo na pravo mjesto i na našim blokovima vidimo oglase.

Na ovaj način možete stvoriti više funkcija u datoteci functions.php. Funkcijama možete dati bilo koji naziv i izlazni kod. Naravno, samo latiničnim slovima.
Vrijedna zarada za vas na oglasima.

Widgeti u predlošcima wordpress -a omogućuju vam jednostavno, brzo i vizualno dodavanje različitih elemenata u dizajn vašeg bloga. Najčešće se widgeti prikazuju na bočnoj traci ili podnožju, gdje možete postaviti, na primjer, popis nedavnih postova, arhivu bloga, oznake ili neke druge informacije. Kako ga ne bi prikazali pomoću posebnih funkcija u predlošcima (koje ne znaju svi korisnici), programeri dodaju posebne blokove widgeta. U njima korisnik jednostavno povlači gotove elemente i konfigurira njihova svojstva. Danas ćemo pogledati kako se to provodi. Usput, možete i ako vam zaista treba.

Da biste razumjeli o čemu ću, zapravo, govoriti danas, idite na odjeljak " Izgled"- meni" Widgets ". Na stranici s lijeve strane pronaći ćete popis dostupnih widgeta, a s desne strane postoje blokovi u koje ih možete dodati.

Nažalost, programeri tema ne pružaju uvijek mogućnost rada s widgetima, bilo bi točnije reći da se ti widgeti ne nalaze uvijek na mjestu koje nam je potrebno. Općenito, danas ću vam reći nešto o tome gdje u predlošku označavaju i kako dodati nove blokove za widgete.

U principu, nema ništa komplicirano u tome ako često pogledate uređivač wordpress predložak, vjerovatno ste tamo vidjeli blok koda poput ovog:

Ovaj kôd je odgovoran za prikaz sadržaja bloka vidžeta. Tako ga, na primjer, možete postaviti u podnožje web stranice ako želite tamo prikazati widgete. Ako u predlošku ima dovoljno instaliranih widgeta, možete se ograničiti na njih. No, u slučaju rada na prilagođenom predlošku (ne za sebe), može doći do situacije kada se stvori dodatni blok widgeta. Da biste to učinili, slijedite nekoliko koraka.

Prvo idite na datoteku functions.php, gdje dodajemo kôd:

if (function_exists ("register_sidebar")) register_sidebar (array ("name" => "Nova bočna traka", "before_widget" => "", "after_widget" => "", "before_title" => "
"," after_title "=>"
" , ) ) ;

if (function_exists ("register_sidebar")) register_sidebar (array ("name" => "Nova bočna traka", "before_widget" => "", "after_widget" => "", "before_title" => "

"," after_title "=>"
",));

Time se postavlja naziv widgeta (name), prikazani HTML kôd prije i poslije widgeta (before_widget, after_widget), kao i kôd prije i poslije zaglavlja.

Sačuvajte sadržaj functions.php i idite na odjeljak "Widgets". Ako je sve učinjeno bez grešaka, tamo ćete pronaći novi blok:

Tamo će već biti moguće postaviti različite elemente. No da biste ih prikazali, morate otići do datoteke predloška koja vam je potrebna (bočna traka, podnožje ili bilo koje drugo mjesto), gdje dodajemo kôd:

Za razliku od prvog primjera, ovdje izričito navodimo ime bloka widgeta koji smo kreirali. Sačuvajte predložak i pogledajte je li sve prikazano na web mjestu, trebalo bi funkcionirati :) Ako želite "dublje kopati", možete pročitati odjeljak koda o widgetima u predlošcima.

U principu, lično, uvijek uklanjam widgete kako ne bi došlo do nedosljednosti u predlošku, kada se dio prikazuje putem widgeta, dio kroz posebne funkcije. Iako je, naravno, ovdje važan nivo obučenosti korisnika koji će raditi s administratorskom pločom wordpress. Pa, ponekad postoje situacije kada sve treba učiniti brzo, a mnogo je lakše postaviti widgete nego dodati funkcije kodu predloška.

P.S. Stražar. Ako ćete posjetiti "kulturnu prijestolnicu" Rusije, odaberite hostele u Sankt Peterburgu prema svojim željama i mogućnostima.

Velike su šanse da imate postove na blogu koje želite istaknuti. Oni se obično nazivaju istaknuti postovi ili istaknuti sadržaj. Ako koristite WordPress, prikazivanje ovih istaknutih postova može se postići Različiti putevi jedan od njih koristi dodatak poput Jetpacka.

Jetpack je zbirka funkcija za vaše WordPress web mjesto. U vrijeme pisanja ovog članka bilo je oko 30 takvih funkcija, uključujući WordPress.com statistiku, Photon, Infinite Scroll, a ono što ćemo danas gledati - blok Istaknuti sadržaj... Hajde da počnemo.

Dodavanje podrške za teme

Update: u Jetpacku 3.7, obrazac istaknutog sadržaja se nalazi pod Izgled → Izbornik.

Prvo što trebate učiniti je dodati funkciju add_theme_support u datoteku functions.php:

Add_theme_support ("featured-content", array ("featured_content_filter" => "mytheme_get_featured_content",));

Nakon dodavanja vidjet ćete novi oblik za istaknuti sadržaj na stranici Opcije -> Pročitaj.

Odredite oznaku za istaknuti sadržaj, postavite koliko postova želite prikazati i potvrdite okvir ako želite sakriti ovu oznaku od posjetitelja bloga. Dodijelite ovu oznaku postovima na blogu koje želite označiti kao favorite.

Prikaz sadržaja

Dodaćemo nekoliko redova koda za prikaz sadržaja na blogu. Kao primjer u ovom vodiču koristit ću temu TwentyTwelve.

Istaknuti sadržaj obično se prikazuje na početnoj stranici. Ako vaša tema slijedi standardnu ​​strukturu WordPress teme, per početnu stranicu odgovorna je datoteka index.php, home.php ili front-page.php.

Otvorite functions.php i dodajte sljedeću funkciju (dobit ćete istaknute postove i stavite ih u niz):

Funkcija 20thtwelve_get_featured_content () (apply_filters ("dvadesettwelve_featured_content", niz ());)

Kôd možemo proširiti na ovaj način:

funkcija 20thtwelve_get_featured_content ($ num = 1) (globalno $ featured; $ featured = apply_filters ("20thtwelve_featured_content", array ()); if (is_array ($ featured) || $ num> = count ($ featured)) return true; return lažno;)

Gornji uvjet će prikazati istaknuti sadržaj ako postoji barem jedan takav unos i ako stranica nije podijeljena na nekoliko.

Osim toga, možemo postaviti i nove veličine sličica za istaknuti sadržaj. U ovom primjeru stvorio sam nove dimenzije - 250 x 160 piksela. Sljedeći kôd možete dodati negdje ispod add_theme_support ("post-thumbnail"):

Add_theme_support ("post-thumbnails"); add_image_size ("dvadesetdvanaest-istaknuti-palac", 250, 160, tačno);

"title =" (! LANG:!}">

U index.php, pozvat ćemo ovaj predložak sa get_template_part () i staviti ga u petlju ovako:

U osnovi, to je to. Uz dodano malo CSS -a, dobivamo lijep blok istaknutog sadržaja:

Nadamo se da će vam ovaj vodič biti od koristi.

hvala unapred

hvala unapred

"," contentType ":" text / html ")," recommendedBody ":(" izvor ":"

hvala unapred

hvala unapred

"," contentType ":" text / html ")," authorId ":" 40638173 "," slug ":" 52 "," canEdit ": false," canComment ": false," isBanned ": false," canPublish " : false, "viewType": "old", "isDraft": false, "isOnModeration": false, "isSubscriber": false, "commentsCount": 10, "modificationDate": "Thu Jan 01 1970 03:00:00 GMT +0000 (UTC) "," showPreview ": true," odobrenPreview ":(" izvor ":"

hvala unapred

hvala unapred

"," html ":" ako je umetnuto u index.php - veza vodi samo do glavnog. ako je postavljeno u single.php - nije vidljivo u glavnom bloku. "," contentType ":" text / html ")," titleImage ": null," tags ":," isModerator ": false," commentsEnabled ": true, "url": " / blog / share / 52", "urlTemplate": " / blog / share /% slug%", "fullBlogUrl": "https://yandex.ru/blog/share", "addCommentUrl": " / blog / createComment / share / 52", "updateCommentUrl": " / blog / updateComment / share / 52", "addCommentWithCaptcha": " / blog / createWithCaptcha / share / 52", "changeCaptchaUrl": " / blog / api / captcha / new "," putImageUrl ":" / blog / image / put "," urlBlog ":" / blog / share "," urlEditPost ":" / blog / 569dda94a427fd90608af952 / edit "," urlSlug ":" / blog / post / generatedSlug "," urlPublishPost ":" / blog / 569dda94a427fd90608af952 / published "," urlUnpublishPost ":" / blog / 569dda94a427fd90608af952 / unpublish "," urlRemovePost " /" url "," urlDraftTemplate ":" / blog / share /% slug% / draft "," urlRemoveDraft ":" / blog / 569dda94a427fd90608af952 / removeDraft "," urlTagSuggest ":" / blog / api / predlagati / podijeliti "," urlAfterD : " / blog / share", "isAutho r ": false," subscribeUrl ":" / blog / api / subscribe / 569dda94a427fd90608af952 "," unsubscribeUrl ":" / blog / api / unsubscribe / 569dda94a427fd90608af952 "," urlEditPostPraT " : " / blog / post / translate", "urlRelateIssue": " / blog / post / updateIssue", "urlUpdateTranslate": " / blog / post / updateTranslate", "urlLoadTranslate": " / blog / post / loadTranslate", " urlTranslationStatus ":" / blog / share / 52 / translationInfo "," urlRelatedArticles ":" / blog / api / relatedArticles / share / 52 "," author ":(" id ":" 40638173 "," uid ":(" vrijednost ":" 40638173 "," lite ": false," hosted ": false)," aliases ":()," login ":" reva-money "," display_name ":(" name ":" reva-money "," avatar ":(" default ":" 0 / 0-0 "," empty ": true))," address ":" [zaštićena e -pošta]"," defaultAvatar ":" 0/0-0 "," imageSrc ":" https://avatars.mds.yandex.net/get-yapic/0/0-0/islands-middle "," isYandexStaff ": false), "originalModificationDate": "1970-01-01T00: 00: 00.000Z", "socialImage" :( "orig" :( "fullPath": "http://avatars.yandex.net/get-yablog/4611686018427442682 / normalno ")))))">

if (function_exists ("register_sidebar")) register_sidebar (array ("name" => "Desna bočna traka", "before_widget" => "", "after_widget" => "", "before_title" => "

"," after_title "=>"
",));

u redu 3, postavite naziv widgeta (naziv). Imamo ime - Desna bočna traka... Možete unijeti bilo koje ime, čak i na engleskom ili na ruskom, ali važno ga je zapamtiti, jer će ga trebati unijeti na još jedno mjesto. Također, u 4. i 5. retku možete upisati prikazani HTML kôd prije i poslije widgeta (before_widget, after_widget). Prema zadanim postavkama imamo prazno. U redovima 6 i 7, kôd je prije i iza zaglavlja. Odnosno, možete prilagoditi klasu naslova i naslov će se razlikovati u novom widgetu. Sačuvajte naše functions.php i idite na administratorsku ploču u odjeljak "Widgets". Ako je sve učinjeno ispravno, tamo ćete pronaći novi blok. Možete odmah dodati neki widget da kasnije provjerite da li smo sve uradili kako treba.

2. Prikažite blok u samom predlošku

Da biste to učinili, otvorite potrebnu datoteku. To može biti header.php, footer.php, single.php itd. Sve ovisi o tome gdje želite da se novi blok pojavi. Zatim zalijepimo sljedeći kod na pravo mjesto.

U drugom redu vidimo - Desna bočna traka... Ovo je upravo ime koje bi se trebalo podudarati s imenom u datoteci functions.php. Odnosno, ako ste svom bloku dali ime "Mjesto za brojače", onda bi to ime trebalo biti tu i tamo. To je sve. Spremamo našu datoteku koju smo uredili i idemo na web mjesto. Nakon osvježavanja stranice trebali biste vidjeti rezultat. Ostaje zapisati stilove u datoteku style.css za prilagodbu novog bloka.

To je sve. Hvala vam na pažnji 🙂