Pozdravljeni, dragi bralci spletnega dnevnika. Odločil sem se, da današnjo publikacijo posvetim vprašanju pisanja člankov v urejevalniku HTML WordPress ().

Dejstvo je, da včasih ni mogoče uporabiti vizualnega urejevalnika v skrbniški plošči (najpogosteje je to posledica težav z gostovanjem), brez njega pa bodo blogerji začetniki precej težko pisali pravilno in lepo oblikovane članke, saj preprost urejevalnik, ki deluje za vse brez izjeme, zahteva vsaj .

Ko sem prvič začel pisati ta blog in se spoznavati z motorjem, preprosto nisem mogel uporabljati vizualnega urejevalnika. Pomagali niso niti dodatni vtičniki z različnimi različicami niti drugi "plesi s tamburino". Zato sem, hočeš nočeš, moral obvladati obstoječi osnovni urejevalnik, na srečo sem takrat že dobro poznal označevalni jezik hiperteksta.

Uporaba samo urejevalnika HTML v WordPressu

Toda bistvo ni bilo niti v HTML-ju, temveč v udobju izvajanja vsakodnevnih in pogosto pojavljajočih se dejanj. Da, privzeti urejevalnik WordPress vam omogoča uporabo enega gumba za dodajanje krepkih (oznaka STRONG) in ležečih (EM) oznak, vstavljanje povezav, citatov, slik, oštevilčenih in označenih seznamov, označevanje različnih kod in .

Ampak to mi ni bilo dovolj, ker... V besedilu člankov sem aktivno uporabljal notranje naslove različnih ravni (od H2 do H5), označeval kodo (PHP, CSS itd.) S posebnimi oznakami in naredil veliko več.

Tako je bilo treba vse, kar ni bilo vključeno v standardni nabor orodij osnovnega urejevalnika WordPress, vnesti ročno s tipkovnico, kar pa ni prav nič olajšalo dela pri ustvarjanju objav in je bilo zelo nadležno.

Toda ta težava je bila uspešno odpravljena zahvaljujoč čudovitemu vtičniku WP Post Editor Buttons, s katerim lahko v orodno vrstico urejevalnika HTML dodate poljubno število dodatnih gumbov in jih programirate za določena dejanja.

Danes si bomo podrobno ogledali pisanje objav v WP od začetka do konca, ne da bi izpustili nianse in tehnike, ki so po mojem mnenju pomagale spletnemu blogu (zdaj ga berete, razen če je bil ta članek seveda ukraden in ne objavljeno na drugem spletnem mestu) dosežejo raven več tisoč edinstvenih obiskovalcev.

To pomeni, da bo ta publikacija podroben dodatek k članku (to ni izvirni naslov, ampak prevzet iz ponovnega tvita enega od bralcev, vendar je po mojem mnenju še bolj uspešen kot moje prvotno ime).

V tistem članku sem orisal nianse, ki so po mojem mnenju vplivale na naval prometa (obiskovalcev) iz iskalnikov, v tem prispevku pa se bom poskušal poglobiti v podrobnosti, ki so pogosto zelo pomembne in na prvi pogled niso očitne. .

Poleg tega menim, da blogerju začetniku ali tistim, ki šele razmišljajo o ustvarjanju in vodenju lastnega projekta, ne bo nezanimivo izvedeti, kako enostavno je vse v WordPressu, če veste, kaj in kje morate narediti, da dobite želeni rezultat. No, v redu, uvod je bil odložen, čas je, da nadaljujemo neposredno s predstavitvijo gradiva.

Za tiste, ki še nimate svojega bloga WP, vendar imate željo postati bloger, ali za tiste, ki želite preiti z drugega blogerskega mehanizma ali brezplačne platforme na WordPress, bom ponudil povezave do materialov o njegovi namestitvi in ​​začetni konfiguraciji :

Začnimo pisati članek v urejevalniku HTML WordPress

Če želite napisati nov članek, boste morali iti na skrbniško ploščo (http://sait.ru/wp-admin/) in v levem meniju (če uporabljate standardno zasnovo skrbniške plošče WP) izbrati » Dodajte nov" element v območje "Objave"

Posledično se odpre standardna stran za dodajanje članka (objave), ki bo imela polje za vnos naslova in veliko polje za vnos besedila objave.

Pri vnašanju naslovnega besedila v za to namenjeno polje ni nobenih trikov, zelo pomembno pa ni, kako ga vnesete, temveč to, da morate v njem uporabiti ključne besede. Kako dobro boste izbrali naslov za svojo objavo (), višje se bo vaša objava dvignila v rezultatih iskanja za določene poizvedbe.

Toda hkrati mora biti naslov članka v WordPressu dobro povezan z njegovim besedilom (biti relevanten za besedilo objave). Poleg tega bo prikazan v rezultatih iskanja in nadaljnja usoda vaše publikacije bo odvisna od tega, kako privlačna je (če ne kliknejo nanjo, se bodo poslabšali vedenjski dejavniki in bo zapustila vrh).

Običajno končno različico naslova oblikujem po pisanju samega članka. Včasih kopiram vse vmesne podnaslove v ločeno besedilno datoteko in jih vse držim pred očmi, oblikujem splošno, pri čemer poskušam upoštevati vse, kar je bilo v njem omenjeno.

Verjetno so zato moji naslovi zelo dolgi, a kot kaže praksa, s tem ni nič narobe. Iskalniki se z mojimi naslovi odlično znajdejo in rezultati iskanja prikazujejo tisti del NASLOVA, v katerem se pojavljajo besede iz iskalne poizvedbe.

Zakaj je naslov tako pomemben za promocijo strani v iskalnikih? Da, ker je za njih glavno merilo za določanje ustreznosti (stopnja skladnosti - in druge zapletene besede) vašega članka za določeno iskalno poizvedbo.

Čeprav ne, ne čisto tako. Ne naslov prispevka, ampak naslov strani NASLOV je najpomembnejše merilo za iskalnike pri določanju položaja za določeno iskalno poizvedbo (glejte vse podrobnosti).

Kaj ima potem naslov objave v WP s tem? In kljub temu, da mora biti pravilen NASLOV sestavljen iz naslova članka in naslova celotnega bloga in v tem vrstnem redu. Mimogrede, pravilno oblikovanje TITLE lahko konfigurirate v WordPressu. Vtičnik je preprosto čudovit, hkrati pa vam omogoča, da rešite veliko težav glede notranje optimizacije.

Rad bi vas opozoril na razliko med oznako za logično označevanje HTML »STRONG« in drugo krepko oznako za označevanje »B« ter med »EM« in »I«. Prvo od teh oznak (STRONG in EM) je treba uporabiti ne samo za pritegnitev pozornosti bralcev na pomembne točke v besedilu.

Iskalniki bodo upoštevali besede in besedne zveze, poudarjene s temi poudarjenimi oznakami (STRONG in EM), z večjo težo v primerjavi z navadnimi, nepoudarjenimi besedami v besedilu. Vendar morate biti zdaj pri tem zelo previdni, da ne boste šli predaleč in ne.

Izbira optimalne strukture naslovov na nivojih H1-H6

Zdaj pa kar zadeva oznake naslovov H1-H6, ki jih lahko uporabite tudi v člankih na spletnem dnevniku, da poudarite potrebne besede in besedne zveze.

Ti notranji podnaslovi morajo tako kot NASLOV vsebovati ključne besede in fraze, za katere želite biti uvrščeni v iskalnikih. Iskanje jih bo upoštevalo z večjo težo kot običajne. Ampak še enkrat, v nobenem primeru ne smete pošiljati neželene pošte ključev, ker lahko zaradi tega trpite v sodobnih pogojih promocije.

Poleg tega notranji podnaslovi (običajno od ravni H2, H3 dalje) nudijo dodatno možnost za strukturiranje besedila, kar izboljša njihovo zaznavo pri bralcih.
Obstaja pa še eno vprašanje optimizacije na strani, ki je povezano z ravnmi naslovov (H1 do H6), ki se uporabljajo na straneh spletnega dnevnika WordPress.

Glavni način porazdelitve ravni naslovov na spletni strani je, da mora biti naslov celotnega članka obdan z oznako H1 (najvišji nivo) in mora biti eden na strani, vsi notranji podnaslovi v besedilu pa se morajo začeti z H2.

Mimogrede, rad bi vam priporočil zelo priročen način, ki vam omogoča, da v WordPressu jasno vidite, kje in na kateri ravni se uporabljajo glave na določenem spletnem mestu. To je vtičnik za FireFox(), imenovan .

Če torej v meniju tega vtičnika (njegov meni je dodan na vrh brskalnika) izberete elemente »Orisi« - »Orisi glave«, bodo obkroženi vsi tisti, ki jih najdete na spletni strani, ki je trenutno odprta v brskalniku. z večbarvnimi pravokotniki, poleg katerih bo napis njihova raven je H1 -H6.

Kot je razvidno iz zgornje slike, nivoja naslova članka nisem nastavil na H1, ampak na H2, medtem ko je H1 uporabljen za opis celotnega projekta, tj. ne na določen članek, ampak na celoten blog.

Ta Maul je v enem od svojih člankov omenil, da bi morala biti glava nivoja H1 na spletnem mestu enaka za vse spletne strani, vendar svoje ideje res ni z ničemer utemeljil. Vendar uporabljam točno njegovo shemo. Za notranje podnaslove uporabljam oznake H3 in H4 (včasih H5).

Še en odtenek. Na glavni strani so naslovi mojih objav povezave, ki vodijo na spletne strani s polnimi različicami, na samih straneh s polnimi besedili objav pa naslovi člankov prenehajo biti povezave. Nekje sem prebrala, da bi bilo bolje tako.

Zdaj se moramo še malo pogovoriti o tem, kako lahko spremenite raven naslovnih oznak HTML v WordPressu, na primer za članke, ali dodate, kot sem jaz, eno skupno raven H1 za vse.

Če želite to narediti, se boste morali na primer prek FTP-ja povezati s strežnikom za gostovanje, na katerem se nahaja vaš blog. Vse datoteke, ki jih morda potrebujemo, se nahajajo v mapi z WordPress temo (predlogo), ki jo uporabljate, ki jo najdete na tej poti:

/wp-content/themes/Ime teme/

Za jasnejšo predstavo o strukturi in namenu WordPress tematskih datotek (predlog) vam svetujem, da preberete članek, ki je naveden na samem začetku te objave (na seznamu).

Poglejmo, kje lahko spremenite raven glavnih naslovov člankov, ki se nahajajo na glavni strani (za njen videz je odgovorna datoteka INDEX) in na straneh s polnimi različicami člankov (ENAKA datoteka).

Najprej odprimo INDEX za urejanje. V njem so naslovi WordPress člankov zaprti v HTML oznaki H2 (drugi nivo), poleg tega pa so povezave, ker so zaprti v oznaki povezave A:

niti)

Ta tehnika vam bo omogočila, da se izognete nepotrebnim oklepajem. Poleg tega se takšna koda dobro prilega kontekstu HTML.

14. Proceduralni in objektno usmerjeni pristopi

Objektno orientirano programiranje vam bo pomagalo ostati pri bolj ali manj jasni strukturi, vendar to ne pomeni, da bi morali odstopati od proceduralnih principov pisanja aplikacij.

Objekti so odlični za predstavljanje podatkov. primer:

Uporabnik razreda ( public $username; public $first_name; public $last_name; public $email; javna funkcija __construct() ( // ... ) javna funkcija create() ( // ... ) javna funkcija save() ( / / ... ) javna funkcija delete() ( // ... ) )

Postopkovne metode imajo svoje posebne prednosti.

Funkcija capitalize($string) ( $ret = strtoupper($string); $ret .= strtolower(substr($string,1)); return $ret; )

15. Preberite odprtokodno kodo

Običajno odprtokodne projekte piše veliko število razvijalcev. S tega vidika vam lahko preučevanje pisne kode v podobnih projektih pomaga pridobiti izkušnje. Zato ne izgubljajte časa s tem.

16. Preoblikovanje

Refactoring je spreminjanje kode brez izgube funkcionalnosti. Uporablja se lahko tudi za izboljšanje berljivosti. Ni prostora za popravljanje napak ali dodajanje funkcionalnosti. Samo nekoliko spremenite strukturo kode.

Upam, da vam je bil ta članek v pomoč! Sem kaj izpustil? Delite svoje izkušnje!

WordPress.com vam ne dovoljuje uporabe potencialno nevarne kode na vašem blogu, lahko pa objavite izvorno kodo za ogled. Ustvarili smo oznako, ki ohranja oblikovanje izvorne kode in celo zagotavlja označevanje sintakse za nekatere jezike. primer:

#button ( teža pisave: krepko; obroba: 2 slikovnih pik polna #fff; )

Če želite dobiti rezultat, podoben zgornjemu izrezku, zavijte kodo v te oznake:

Vaša koda

Parameter »jezik« določa pravila za označevanje jezika in sintakse. Podprte so naslednje vrednosti:

• actionscript3
• hladna fuzija
• csharp
• delphi
• erlang
• fsharp
• groovy
• javascript
• javafx
• matlab
• powershell
• python
• scala

Če vrednost parametra "jezik" ni navedena, se uporabi vrednost "besedilo" (brez označevanja sintakse).
Koda med oznakama "code" bo samodejno kodirana za prikaz, tako da vam ni treba skrbeti za elemente HTML ali kaj podobnega.

Možnosti konfiguracije

Oznake podpirajo tudi številne konfiguracijske možnosti, s katerimi lahko prilagodite njihov videz. Njihova uporaba je popolnoma neobvezna.

• samodejne povezave (true/false) – vsak URL v kodi je prikazan kot hiperpovezava. Privzeta vrednost: true.
• kolaps (true/false) – Če je nastavljeno na true, bo območje kode strnjeno, ko se stran naloži. Če ga želite razširiti, ga morate klikniti. To je uporabno za velike dele kode. Privzeta vrednost je false.
• prva vrstica (število) — Določa, pri kateri številki se začne oštevilčenje vrstice. Privzeta vrednost: 1.
• žleb (true/false) – Če je nastavljeno na false, bodo številke vrstic skrite. Privzeta vrednost: true.
• osvetlitev (številke, ločene z vejicami) – številke vrstic, ki jih je treba označiti, na primer "4,7,19".
• hmtlscript (true/false) – če je nastavljen na true, označi kodo HTML/XML. To je uporabno pri objavljanju mešane kode, kot je PHP znotraj HTML. Deluje samo z nekaterimi jeziki. Privzeta vrednost: false.
• light (true/false) - Če je nastavljeno na true, bodo številke vrstic in orodna vrstica skrite. To je uporabno pri objavljanju eno ali dvovrstičnih izrezkov kode. Privzeta vrednost: false.
• padlinenumbers (true/false/integer) – Omogoča vam nadzor zapolnitve številk vrstic z ničlami. Vrednost true nastavi samodokončanje, vrednost false onemogoči dokončanje, number nastavi fiksno število znakov za številke vrstic.
• orodna vrstica (true/false) – če je nastavljeno na false, se orodna vrstica z gumbi ne bo prikazala, ko miškin kazalec premaknete nad kodo. Privzeta vrednost: true.
• prelomi (true/false) – če je nastavljeno na false, bo prelom vrstic onemogočen. Če so vrstice dolge, se prikaže vodoravni drsni trak.
• naslov (niz) – naslov kode. Lahko je uporabno v kombinaciji z možnostjo strnjenja.

Primeri uporabe zgornjih parametrov:

Ta vrstica ni poudarjena. Ta vrstica je poudarjena. Ta vrstica je poudarjena. Ta vrstica ni poudarjena. To je kratek del kode z ničelnimi številkami vrstic do 4 znakov. //V tem primeru je prelom vrstic onemogočen. Če želite prebrati celotno besedilo, boste morali uporabiti drsni trak. Poleg tega je v tem primeru oštevilčenje vrstic onemogočeno in orodna vrstica skrita.

In to je večji fragment kode. Tu je izbran jezik PHP in označena je vrstica številka 12.

Primer kode WordPress.com Primer kode WordPress.com Ta vrstica je označena. Zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo, zelo dolga vrsta. To je primer pametnih zavihkov. WordPress.com

Zahvala
Za izvedbo te funkcije se uporablja projekt SyntaxHighlighter (avtor Alex Gorbatchev). Uporabniki lahko nastavijo ustrezne