Sveiki, dārgie emuāra vietnes lasītāji. Es nolēmu šodienas publikāciju veltīt jautājumam par rakstu rakstīšanu WordPress HTML redaktorā ().

Fakts ir tāds, ka dažreiz nav iespējams izmantot vizuālo redaktoru admin panelī (visbiežāk tas notiek hostinga problēmu dēļ), un bez tā iesācējiem emuāru autoriem būs diezgan grūti rakstīt pareizi un skaisti noformētus rakstus, jo vienkāršs redaktors, kas darbojas visiem bez izņēmuma, prasa vismaz .

Kad es pirmo reizi sāku rakstīt šo emuāru un iepazinos ar dzinēju, es vienkārši nevarēju izmantot vizuālo redaktoru. Nelīdzēja ne papildu spraudņi ar to dažādajām versijām, ne citi “dejas ar tamburīnu”. Tāpēc, gribot negribot, nācās apgūt esošo pamata redaktoru, par laimi, uz to laiku jau biju diezgan labi pazīstams ar hiperteksta iezīmēšanas valodu.

Izmantojot tikai HTML redaktoru programmā WordPress

Bet jēga nebija pat HTML, bet gan ikdienas un bieži sastopamo darbību veikšanas ērtībā. Jā, noklusējuma WordPress redaktors ļauj izmantot vienu pogu, lai pievienotu treknraksta (STRONG tag) un slīpraksta (EM) tagus, ievietotu saites, citātus, attēlus, numurētus un aizzīmju sarakstus, izceltu dažādus kodus un .

Bet ar to man nepietika, jo... Rakstu tekstos aktīvi izmantoju dažādu līmeņu iekšējos virsrakstus (no H2 līdz H5), izcēlu kodu (PHP, CSS u.c.) ar speciāliem tagiem un darīju daudz ko citu.

Tātad viss, kas nebija iekļauts pamata WordPress redaktora standarta rīku komplektā, bija jāievada manuāli no tastatūras, un tas nepavisam neatviegloja ziņu izveides darbu un bija ļoti kaitinoši.

Taču šī problēma tika veiksmīgi atrisināta, pateicoties brīnišķīgajam WP spraudnim Post Editor Buttons, ar kuru HTML redaktora rīkjoslai var pievienot tik daudz papildu pogu, cik vēlaties, ieprogrammējot tās konkrētām darbībām.

Šodien mēs detalizēti aplūkosim ierakstu rakstīšanu WP no sākuma līdz beigām, neizlaižot nianses un paņēmienus, kas, manuprāt, palīdzēja emuāra vietnei (jūs to lasāt tagad, ja vien, protams, šis raksts nav nozagts un ne ievietots citā vietnē) sasniedz vairāku tūkstošu unikālo apmeklētāju līmeni.

Tas ir, šī publikācija būs detalizēts raksta pielikums (tas nav oriģinālais nosaukums, bet ņemts no kāda lasītāja retvīta, bet, manuprāt, tas ir pat veiksmīgāks par manu sākotnējo vārdu).

Tajā rakstā es izklāstīju nianses, kas, manuprāt, ietekmēja trafika (apmeklētāju) pieplūdumu no meklētājprogrammām, un šajā ierakstā mēģināšu iedziļināties detaļās, kas bieži vien ir ļoti svarīgas un no pirmā acu uzmetiena nav acīmredzamas. .

Turklāt, manuprāt, iesācējam blogerim vai tiem, kas tikai domā par sava projekta izveidi un vadīšanu, nebūs neinteresanti uzzināt, cik vienkārši viss ir WordPress, ja zināsi, kas un kur jādara, lai iegūtu vēlamo rezultātu. Nu, labi, ievads ir aizkavējies, ir pienācis laiks pāriet tieši uz materiāla prezentāciju.

Tiem, kuriem vēl nav sava WP emuāra, bet ir vēlme kļūt par emuāru autori, vai tiem, kuri vēlas pāriet no cita blogošanas dzinēja vai bezmaksas platformas uz WordPress, sniegšu saites uz materiāliem par tā uzstādīšanu un sākotnējo konfigurāciju :

Sāksim rakstīt rakstu WordPress HTML redaktorā

Tātad, lai rakstītu jaunu rakstu, jums būs jādodas uz administratora paneli (http://sait.ru/wp-admin/) un kreisajā izvēlnē (ja izmantojat standarta WP administratora paneļa dizainu) atlasiet “ Pievienot jaunu” vienumu apgabalā “Ziņas”

Rezultātā tiks atvērta standarta lapa raksta (ziņas) pievienošanai, kurā būs lauks tā nosaukuma ievadīšanai un liels lauks ieraksta teksta ievadīšanai.

Ievadot virsraksta tekstu tam paredzētajā laukā nav nekādu viltību, taču ļoti svarīgi ir nevis tas, kā to ievadāt, bet gan tas, ka tajā jāizmanto atslēgas vārdi. Cik labi jūs izvēlaties sava ieraksta nosaukumu (), jo augstāk jūsu ziņa pacelsies meklēšanas rezultātos noteiktiem vaicājumiem.

Bet tajā pašā laikā raksta nosaukumam WordPress ir labi jāsakrīt ar tā tekstu (atbilst ziņojuma tekstam). Turklāt tas tiks parādīts meklēšanas rezultātos, un jūsu publikācijas turpmākais liktenis būs atkarīgs no tā, cik tā būs pievilcīga (ja viņi uz tās nenoklikšķinās, uzvedības faktori pasliktināsies un tas pametīs augšpusi).

Parasti virsraksta galīgo variantu formulēju pēc paša raksta uzrakstīšanas. Dažkārt visus starpposma apakšvirsrakstus iekopēju atsevišķā teksta failā un, visus turot acu priekšā, veidoju vispārīgu, cenšoties ņemt vērā visu, kas tajā bija minēts.

Iespējams, tāpēc mani nosaukumi ir ļoti gari, taču, kā liecina prakse, tajā nav nekā slikta. Meklētājprogrammas lieliski strādā ar maniem nosaukumiem, un meklēšanas rezultātos tiek parādīta tā NOSAUKUMA daļa, kurā parādās vārdi no meklēšanas vaicājuma.

Kāpēc nosaukums ir tik svarīgs lapas reklamēšanai meklētājprogrammās? Jā, jo viņiem tas ir galvenais kritērijs, lai noteiktu jūsu raksta atbilstību (atbilstības pakāpi un citus sarežģītus vārdus) konkrētam meklēšanas vaicājumam.

Lai gan nē, ne gluži tā. Nevis ziņas virsraksts, bet lapas nosaukums TITLE ir vissvarīgākais kritērijs meklētājprogrammām, nosakot pozīciju konkrētam meklēšanas vaicājumam (skatiet visu sīkāk).

Kāds tad sakars WP ieraksta nosaukumam? Un neskatoties uz to, ka pareizais NOSAUKUMS būtu jāveido no raksta virsraksta plus visa bloga virsraksts, un tādā secībā. Starp citu, jūs varat konfigurēt pareizu TITLE veidošanu pakalpojumā WordPress. Spraudnis ir vienkārši brīnišķīgs un tajā pašā laikā ļauj atrisināt daudzas problēmas saistībā ar iekšējo optimizāciju.

Vēlos vērst jūsu uzmanību uz atšķirību starp HTML loģisko izcelšanas tagu “STRONG” un citu treknrakstu izcelšanas tagu “B”, kā arī starp “EM” un “I”. Pirmais no šiem tagiem (STRONG un EM) ir jāizmanto ne tikai, lai piesaistītu lasītāju uzmanību svarīgiem teksta punktiem.

Meklētājprogrammas ņems vērā vārdus un frāzes, kas izceltas ar šiem uzsvara tagiem (STRONG un EM), ar lielāku nozīmi, salīdzinot ar parastiem, neuzsvērtiem vārdiem tekstā. Tomēr tagad jums ir jābūt ļoti uzmanīgiem ar to, lai neaizietu pārāk tālu un ne.

Virsrakstu optimālās struktūras izvēle līmeņos H1-H6

Tagad par H1-H6 virsrakstu tagiem, kurus var izmantot arī emuāra rakstos, lai liktu uzsvaru uz nepieciešamajiem vārdiem un frāzēm.

Šajos iekšējos apakšvirsrakstos, tāpat kā TITLE, ir jāietver atslēgvārdi un frāzes, kuras vēlaties ierindot meklētājprogrammās. Meklēšanā tie tiks ņemti vērā ar lielāku svaru nekā parastie. Bet atkal, nekādā gadījumā nevajadzētu sūtīt surogātpasta atslēgas, jo mūsdienu veicināšanas apstākļos jūs par to varat ciest.

Turklāt iekšējie apakšvirsraksti (parasti no H2, H3 līmeņa) sniedz papildu iespēju teksta strukturēšanai, kas uzlabo lasītāju uztveri.
Bet ir vēl viena lapas optimizācijas problēma, kas ir saistīta ar virsrakstu līmeņiem (H1 līdz H6), kas tiek izmantoti WordPress emuāru lapās.

Galvenais veids, kā sadalīt virsrakstu līmeņus tīmekļa lapā, ir visa raksta virsraksts jāiekļauj H1 tagā (augstākais līmenis), un tam jābūt vienam lapā, un visiem iekšējiem apakšvirsrakstiem tekstā jāsākas ar H2.

Starp citu, vēlos jums ieteikt ļoti ērtu veidu, kas ļauj WordPress skaidri redzēt, kur un kādā līmenī konkrētajā vietnē tiek izmantotas galvenes. Šis ir FireFox() spraudnis ar nosaukumu .

Tātad, ja izvēlaties šī spraudņa izvēlnē (tā izvēlne ir pievienota pārlūkprogrammas augšpusē) vienumus "Outlines" - "Header Outlines", tad visi tie, kas atrodami pārlūkprogrammā pašlaik atvērtajā tīmekļa lapā, tiks apvilkti ar apli. ar daudzkrāsainiem taisnstūriem, kuriem blakus būs uzraksts, to līmenis ir H1 -H6.

Kā redzams no augstāk esošā attēla, raksta virsraksta līmeni noteicu nevis uz H1, bet uz H2, savukārt H1 tiek izmantots, lai pievienotu visa projekta aprakstu, t.i. nevis uz kādu konkrētu rakstu, bet uz visu emuāru.

Šis Mauls vienā no saviem rakstiem minēja, ka H1 līmeņa galvenei vietnē jābūt vienādai visās tīmekļa lapās, taču viņš patiešām nekādā veidā nepamatoja savu ideju. Tomēr es izmantoju tieši viņa shēmu. Iekšējām apakšpozīcijām es izmantoju H3 un H4 tagus (dažreiz arī H5).

Vēl viena nianse. Galvenajā lapā manu ierakstu nosaukumi ir saites, kas ved uz tīmekļa lapām ar pilnām versijām, bet pašās šajās lapās ar pilniem ierakstu tekstiem rakstu nosaukumi pārstāj būt saites. Kaut kur lasīju, ka tā būtu labāk.

Tagad mums vēl ir nedaudz jāparunā par to, kā jūs varat mainīt HTML virsrakstu tagu līmeni programmā WordPress, piemēram, rakstiem, vai pievienot, kā es to darīju, vienu kopīgu H1 līmeni visiem.

Lai to izdarītu, jums būs jāizveido savienojums ar mitināšanas serveri, kurā atrodas jūsu emuārs, piemēram, izmantojot FTP. Visi faili, kas mums var būt nepieciešami, atrodas mapē ar jūsu izmantoto WordPress motīvu (veidni), kuru varat atrast šajā ceļā:

/wp-content/themes/Tēmas nosaukums/

Lai skaidrāk izprastu WordPress motīvu failu (veidņu) struktūru un mērķi, iesaku izlasīt šīs publikācijas pašā sākumā sniegto rakstu (sarakstā).

Apskatīsim, kur var mainīt rakstu galveno nosaukumu līmeni, kas atrodas galvenajā lapā (par tā izskatu atbild fails INDEX) un lapās ar pilnām rakstu versijām (VIENS fails).

Vispirms atvērsim INDEX rediģēšanai. Tajā WordPress rakstu nosaukumi ir ietverti HTML tagā H2 (otrais līmenis) un papildus tie ir saites, jo tie ir ietverti saites tagā A:

pavedieni)

Šis paņēmiens ļaus izvairīties no nevajadzīgām iekavām. Turklāt šāds kods labi iekļaujas HTML kontekstā.

14. Procesuālās un objektorientētās pieejas

Objektorientētā programmēšana palīdzēs jums pieturēties pie vairāk vai mazāk skaidras struktūras, taču tas nenozīmē, ka jums ir jāatkāpjas no pieteikumu rakstīšanas procesuālajiem principiem.

Objekti ir lieliski piemēroti datu attēlošanai. Piemērs:

Class User ( publisks $lietotājvārds; publisks $pirms_nosaukums; publisks $uzvārds; publisks $e-pasts; publiska funkcija __construct() ( // ... ) public function create() ( // ... ) public function save() ( / / ... ) publiskā funkcija delete() ( // ... ) )

Procedūras metodēm ir savas īpašas priekšrocības.

Funkcija lielo burtu rakstīšana($string) ( $ret = strtoupper($string); $ret .= strtolower(substr($string,1)); return $ret; )

15. Izlasiet atvērtā pirmkoda kodu

Parasti atvērtā pirmkoda projektus raksta liels skaits izstrādātāju. No šī viedokļa rakstītā koda izpēte līdzīgos projektos var palīdzēt iegūt pieredzi. Tāpēc netērējiet tam savu laiku.

16. Refaktorings

Refaktorings ir koda maiņa, nezaudējot funkcionalitāti. To var arī izmantot, lai uzlabotu lasāmību. Nav vietas kļūdu labošanai vai funkcionalitātes pievienošanai. Jūs vienkārši nedaudz mainiet sava koda struktūru.

Es ceru, ka šis raksts jums noderēja! Vai es kaut ko palaidu garām? Dalies pieredzē!

WordPress.com neļauj emuārā izmantot potenciāli bīstamu kodu, taču jūs varat publicēt avota kodu apskatei. Mēs izveidojām tagu, kas saglabā pirmkoda formatējumu un pat nodrošina sintakses izcelšanu dažām valodām. Piemērs:

#button (fonta svars: treknraksts; apmale: 2px solid #fff; )

Lai iegūtu rezultātu, kas līdzīgs iepriekš norādītajam fragmentam, ietiniet kodu šajos tagos:

Jūsu kods

Parametrs “language” nosaka valodas un sintakses izcelšanas noteikumus. Tiek atbalstītas šādas vērtības:

• darbības skripts3
• aukstā saplūšana
• csharp
• delfos
• erlang
• fsharp
• groovy
• javascript
• javafx
• Matlab
• Powershell
• pitons
• skala

Ja parametra "language" vērtība nav norādīta, tiek izmantota "text" vērtība (bez sintakses izcelšanas).
Kods starp "koda" tagiem tiks automātiski kodēts parādīšanai, tāpēc jums nav jāuztraucas par HTML elementiem vai kaut ko tamlīdzīgu.

Konfigurācijas iespējas

Tagi atbalsta arī daudzas konfigurācijas opcijas, kuras varat izmantot, lai pielāgotu to izskatu. To izmantošana ir pilnīgi neobligāta.

• automātiskās saites (patiesa/nepatiesa) — katrs URL kodā tiek parādīts kā hipersaite. Noklusējuma vērtība: true.
• sakļaut (patiess/nepatiess) — ja iestatīts uz True, koda apgabals tiks sakļauts, kad lapa tiek ielādēta. Lai to paplašinātu, jums būs jānoklikšķina uz tā. Tas ir noderīgi lieliem koda fragmentiem. Noklusējums ir nepatiess.
• pirmā rindiņa (skaitlis) — nosaka, ar kādu numuru sākas rindas numerācija. Noklusējuma vērtība: 1.
• notekas (patiess/nepatiess) — ja iestatīts uz nepatiesu, rindu numuri tiks paslēpti. Noklusējuma vērtība: true.
• izcelt (ar komatu atdalīti cipari) — izceļamie rindu numuri, piemēram, "4,7,19".
• hmtlscript (true/false) — ja iestatīts uz True, izceļ HTML/XML kodu. Tas ir noderīgi, publicējot jauktu kodu, piemēram, PHP HTML. Darbojas tikai ar dažām valodām. Noklusējuma vērtība: false.
• gaisma (patiesa/nepatiesa) — ja iestatīts uz True, rindu numuri un rīkjosla tiks paslēpti. Tas ir noderīgi, ievietojot vienas vai divu rindiņu koda fragmentu. Noklusējuma vērtība: false.
• padlinenumbers (patiess/nepatiess/vesels skaitlis) — ļauj kontrolēt rindu numuru pildījumu ar nullēm. Vērtība true iestata automātisko pabeigšanu, vērtība false atspējo pabeigšanu, cipars rindu numuriem nosaka fiksētu rakstzīmju skaitu.
• rīkjosla (patiesa/nepatiesa) — ja ir iestatīta vērtība False, rīkjosla ar pogām neparādīsies, virzot kursoru virs koda. Noklusējuma vērtība: true.
• aplaušanas līnijas (patiesa/nepatiesa) — ja iestatīta vērtība False, rindu aplaušana tiks atspējota. Ja ir garas līnijas, parādīsies horizontāla ritjosla.
• virsraksts (virkne) – koda nosaukums. Var būt noderīga kombinācijā ar sakļautības opciju.

Iepriekš minēto parametru izmantošanas piemēri:

Šī rinda nav izcelta. Šī līnija ir iezīmēta. Šī līnija ir iezīmēta. Šī rinda nav izcelta. Šis ir īss koda fragments ar nulles polsterētiem rindu numuriem līdz 4 rakstzīmēm. //Šajā piemērā rindas aplaušana ir atspējota. Lai izlasītu visu tekstu, jums būs jāizmanto ritjosla. Turklāt šajā piemērā rindu numerācija ir atspējota un rīkjosla ir paslēpta.

Un tas ir lielāks koda fragments. Šeit ir atlasīta PHP valoda un tiek iezīmēts rindas numurs 12.

WordPress.com koda piemērs WordPress.com koda piemērs Šī rinda ir izcelta. Ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti, ļoti gara rinda. Šis ir viedo ciļņu piemērs. WordPress.com

Pateicības
Lai ieviestu šo funkciju, tiek izmantots SyntaxHighlighter projekts (autors Alekss Gorbačovs). Lietotāji var iestatīt atbilstošo