Сайн байна уу, блог сайтын эрхэм уншигчид. Би өнөөдрийн нийтлэлийг WordPress HTML редактор () дээр нийтлэл бичих асуудалд зориулахаар шийдсэн.

Баримт нь заримдаа админ самбарт визуал засварлагчийг ашиглах боломжгүй байдаг (ихэнхдээ энэ нь хостингтой холбоотой асуудлаас шалтгаалдаг) бөгөөд үүнгүйгээр шинэхэн блогчид зөв, үзэсгэлэнтэй нийтлэл бичихэд хэцүү байх болно, учир нь Ямар ч үл хамаарах зүйлгүй хүн бүрт ажилладаг энгийн засварлагч дор хаяж .

Би анх энэ блогийг бичиж, хөдөлгүүртэй танилцаж эхлэхдээ визуал засварлагчийг ашиглаж чадахгүй байсан. Өөр өөр хувилбартай нэмэлт залгаасууд болон бусад "хэнгэрэгтэй бүжиг" тусалсангүй. Тиймээс, дур зоргоороо би одоо байгаа үндсэн редакторыг эзэмших шаардлагатай болсон бөгөөд аз болоход тэр үед би гипертекст тэмдэглэгээний хэлийг аль хэдийн мэддэг байсан.

WordPress дээр зөвхөн HTML засварлагчийг ашиглах

Гэхдээ гол нь HTML дээр ч биш, харин өдөр тутмын болон байнга тохиолддог үйлдлүүдийг хийхэд тохиромжтой байсан юм. Тиймээ, WordPress-ийн өгөгдмөл засварлагч нь нэг товчлуурыг ашиглан тод (STRONG шошго) болон налуу (EM) шошго нэмэх, холбоос, ишлэл, зураг, дугаарласан болон тэмдэглэгдсэн жагсаалт оруулах, төрөл бүрийн кодыг тодруулах, .

Гэхдээ энэ нь надад хангалтгүй байсан, учир нь ... Нийтлэлүүдийн текстэнд би янз бүрийн түвшний дотоод гарчгийг (H2-ээс H5 хүртэл) идэвхтэй ашиглаж, кодыг (PHP, CSS гэх мэт) тусгай шошготойгоор тодруулж, илүү их зүйлийг хийсэн.

Тиймээс WordPress-ийн үндсэн редакторын стандарт хэрэгслүүдэд ороогүй бүх зүйлийг гараас гараар оруулах шаардлагатай байсан бөгөөд энэ нь нийтлэл үүсгэх ажлыг огт хөнгөвчлөхгүй бөгөөд маш ядаргаатай байв.

Гэхдээ энэ асуудал нь гайхалтай WP залгаасын Post Editor Buttons-ийн ачаар амжилттай шийдэгдсэн бөгөөд үүний тусламжтайгаар та HTML засварлагч хэрэгслийн самбарт хүссэнээрээ олон нэмэлт товчлуур нэмж, тэдгээрийг тодорхой үйлдлээр програмчилж болно.

Өнөөдөр бид блог сайтад тусалсан нюанс, арга техникийг үл тоомсорлож, WP дээр нийтлэл бичих талаар эхнээс нь дуустал нарийвчлан авч үзэх болно (мэдээж энэ нийтлэлийг хулгайд хийгээгүй бол та одоо уншиж байна. өөр сайт дээр байрлуулсан) хэд хэдэн мянган өвөрмөц зочдын түвшинд хүрэх.

Өөрөөр хэлбэл, энэ нийтлэл нь нийтлэлийн дэлгэрэнгүй хавсралт байх болно (энэ нь анхны гарчиг биш, харин авсан болно. Уншигчдын нэгний жиргээнээс, гэхдээ миний бодлоор энэ нь миний анхны нэрнээс ч илүү амжилттай болсон).

Энэ нийтлэлд би хайлтын системээс урсгалын урсгалд (зочдод) нөлөөлсөн нюансуудыг тодорхойлсон бөгөөд энэ нийтлэлд би маш чухал бөгөөд анх харахад тийм ч тодорхойгүй нарийн ширийн зүйлийг нарийвчлан судлахыг хичээх болно. .

Нэмж дурдахад, шинэхэн блогчин эсвэл өөрийн төсөл зохиож, хэрэгжүүлэх талаар бодож байгаа хүмүүст хүссэн үр дүндээ хүрэхийн тулд юу, хаана хийхээ мэддэг бол WordPress дээр бүх зүйл хэр хялбар болохыг мэдэх нь сонирхолгүй байх болно гэж би бодож байна. За, танилцуулга хойшлогдсон тул материалын танилцуулга руу шууд шилжих цаг болжээ.

Өөрийн гэсэн WP блогтой болоогүй ч блог хөтлөгч болох хүсэлтэй хүмүүст эсвэл өөр блог хөтлөгч эсвэл үнэгүй платформоос WordPress руу шилжихийг хүсч буй хүмүүст зориулж би үүнийг суулгах, анхны тохиргооны талаархи материалын холбоосыг өгөх болно. :

WordPress HTML засварлагч дээр нийтлэл бичиж эхэлцгээе

Тиймээс, шинэ нийтлэл бичихийн тулд та админ самбар (http://sait.ru/wp-admin/) руу орж, зүүн цэснээс (хэрэв та WP админ самбарын стандарт загварыг ашигладаг бол) "" гэсэн хэсгийг сонгох хэрэгтэй. "Нийтлэл" хэсэгт "шинэ" зүйл нэмнэ үү

Үүний үр дүнд нийтлэл (нийтлэл) нэмэх стандарт хуудас нээгдэх бөгөөд энэ нь түүний гарчгийг оруулах талбар, нийтлэлийн текстийг оруулах том талбартай болно.

Үүнд зориулагдсан талбарт гарчгийн текст оруулахад ямар ч заль мэх байхгүй, гэхдээ хамгийн чухал зүйл бол та үүнийг хэрхэн оруулах биш, харин түлхүүр үгээ ашиглах шаардлагатай байгаа явдал юм. Та нийтлэлийнхээ гарчгийг хэр сайн сонгох вэ (), таны нийтлэл тодорхой асуулгын хайлтын үр дүнд өндөр өсөх болно.

Гэхдээ үүнтэй зэрэгцэн WordPress дээрх нийтлэлийн гарчиг нь түүний тексттэй сайн уялдаж байх ёстой (нийтлэлийн тексттэй холбоотой байх). Нэмж дурдахад, энэ нь хайлтын үр дүнд харагдах бөгөөд таны нийтлэлийн ирээдүйн хувь тавилан нь хэр их сонирхол татахуйц байхаас хамаарна (хэрэв тэд үүн дээр дарахгүй бол зан үйлийн хүчин зүйлүүд улам дордож, тэргүүлэгчээс гарах болно).

Би ихэвчлэн нийтлэлийг өөрөө бичсэний дараа гарчгийн эцсийн хувилбарыг томъёолдог. Заримдаа би бүх завсрын дэд гарчгийг тусдаа текст файл руу хуулж, бүгдийг нь миний нүдний өмнө барьж, тэнд дурдсан бүх зүйлийг анхаарч үзэхийг хичээдэг.

Тийм ч учраас миний цол хэргэм маш урт байдаг ч туршлагаас харахад үүнд буруудах зүйл байхгүй. Хайлтын системүүд миний гарчигтай маш сайн ажилладаг бөгөөд хайлтын үр дүн нь хайлтын асуулгын үгс гарч ирэх TITLE хэсгийг харуулдаг.

Хайлтын систем дэх хуудсыг сурталчлахад гарчиг яагаад тийм чухал байдаг вэ? Тийм ээ, учир нь тэдний хувьд энэ нь тухайн хайлтын асуулгад таны нийтлэлийн хамаарлыг тодорхойлох гол шалгуур юм.

Үгүй ч гэсэн тийм биш. Бичлэгийн гарчиг биш, харин хуудасны гарчиг нь хайлтын системд тодорхой хайлтын асуулгын байрлалыг тодорхойлоход хамгийн чухал шалгуур болдог (дэлгэрэнгүйг үзнэ үү).

WP дээрх нийтлэлийн гарчиг нь үүнтэй ямар холбоотой вэ? Хэдийгээр нийтлэлийн гарчиг болон бүхэл бүтэн блогын гарчигаас эхлээд зөв гарчиг, дарааллаар нь бий болсон байх ёстой. Дашрамд хэлэхэд та WordPress дээр TITLE-ийн зөв хэлбэрийг тохируулах боломжтой. Plugin нь ердөө л гайхалтай бөгөөд үүний зэрэгцээ дотоод оновчлолтой холбоотой олон асуудлыг шийдвэрлэх боломжийг танд олгоно.

Би та бүхний анхаарлыг HTML логик тодотгох шошго "STRONG" болон "B" тод тодоор тэмдэглэсэн шошго, мөн "EM" болон "I" хоёрын хоорондох ялгааг анхаарч үзэхийг хүсч байна. Эдгээр шошгуудын эхнийх нь (STRONG ба EM) нь зөвхөн текстийн чухал цэгүүдэд уншигчдын анхаарлыг татахын тулд ашиглагдах ёстой.

Хайлтын системүүд эдгээр онцлох шошгуудаар (STRONG ба EM) тодруулсан үг, хэллэгийг текст дэх энгийн, онцолдоггүй үгстэй харьцуулахад илүү жинтэй авч үзэх болно. Гэсэн хэдий ч одоо та хэт хол явахгүйн тулд үүнийг маш болгоомжтой хийх хэрэгтэй.

H1-H6 түвшний гарчигуудын оновчтой бүтцийг сонгох

Одоо H1-H6 гарчгийн шошгуудын хувьд блог нийтлэлд шаардлагатай үг, хэллэгийг онцлон тэмдэглэхэд ашиглаж болно.

Эдгээр дотоод дэд гарчгууд нь яг TITLE шиг хайлтын системд эрэмбэлэхийг хүссэн түлхүүр үг, хэллэгийг агуулсан байх ёстой. Хайлт нь тэдгээрийг ердийнхөөс илүү жинтэй харгалзан үзэх болно. Гэхдээ ямар ч тохиолдолд та түлхүүрүүдийг спам болгож болохгүй, учир нь орчин үеийн сурталчилгааны нөхцөлд та үүнээс болж зовж шаналж болно.

Нэмж дурдахад, дотоод дэд гарчгууд (ихэвчлэн H2, H3 түвшингээс) нь текстийг бүтэцжүүлэх нэмэлт боломжийг олгодог бөгөөд энэ нь уншигчдын ойлголтыг сайжруулдаг.
Гэхдээ WordPress блог хуудсуудад хэрэглэгддэг гарчгийн түвшний (H1-ээс H6) холбоотой өөр нэг хуудасны оновчлолын асуудал бий.

Вэб хуудсанд гарчгийн түвшинг хуваарилах гол арга бол нийтлэлийн гарчгийг бүхэлд нь H1 шошгонд (хамгийн дээд түвшин) хавсаргах бөгөөд энэ нь хуудсан дээр нэг байх ёстой бөгөөд текстийн бүх дотоод дэд гарчгууд нь дараах байдлаар эхлэх ёстой. H2.

Дашрамд хэлэхэд, би танд WordPress дээр тодорхой сайтын толгойг хаана, ямар түвшинд ашиглаж байгааг тодорхой харах боломжийг олгодог маш тохиромжтой аргыг санал болгохыг хүсч байна. Энэ бол FireFox()-д зориулсан залгаас юм.

Тиймээс, хэрэв та энэ залгаасын цэснээс (түүний цэсийг хөтчийн дээд хэсэгт нэмсэн) "Тойм" - "Толгойн тойм" гэсэн зүйлийг сонговол хөтөч дээр нээлттэй байгаа вэб хуудаснаас олдсон бүх зүйлийг дугуйлна. олон өнгийн тэгш өнцөгтүүдтэй, хажууд нь тэдний түвшин H1 -H6 гэсэн тайлбар байх болно.

Дээрх зургаас харахад би нийтлэлийн гарчигийн түвшинг H1 биш, харин H2 гэж тохируулсан бол H1 нь төслийн бүхэл бүтэн тайлбарыг хавсаргахад хэрэглэгддэг. тодорхой нийтлэлд биш, харин бүхэл бүтэн блогт.

Энэ Маул нэгэн нийтлэлдээ сайт дээрх H1 түвшний гарчиг нь бүх вэб хуудсанд ижил байх ёстой гэж дурьдсан боловч тэр санаагаа ямар ч байдлаар зөвтгөсөнгүй. Гэсэн хэдий ч би түүний схемийг яг таг ашигладаг. Дотоод дэд гарчгийн хувьд би H3 ба H4 шошгуудыг (заримдаа H5) ашигладаг.

Бас нэг нюанс. Үндсэн хуудсан дээр миний нийтлэлүүдийн гарчиг нь бүрэн хувилбартай вэб хуудас руу хөтөлдөг холбоосууд байдаг боловч эдгээр хуудсан дээр нийтлэлийн бүрэн эх бичвэрүүд нь холбоос байхаа больсон. Ингэж чадвал илүү дээр гэж би хаа нэгтээ уншсан.

Одоо бид WordPress-ийн HTML гарчгийн шошгоны түвшинг хэрхэн өөрчлөх талаар бага зэрэг ярих хэрэгтэй, жишээлбэл нийтлэлд зориулсан, эсвэл миний хийсэн шиг бүгдэд зориулсан нэг нийтлэг H1 түвшинг нэмэх.

Үүнийг хийхийн тулд, жишээ нь, та FTP-ээр дамжуулан таны блог байрладаг хост серверт холбогдох хэрэгтэй болно. Бидэнд хэрэгтэй байж болох бүх файлууд нь таны ашиглаж буй WordPress сэдэв (загвар) бүхий хавтсанд байгаа бөгөөд та үүнийг энэ замаас олж болно.

/wp-content/themes/Сэдвийн нэр/

WordPress сэдэвчилсэн файлуудын (загваруудын) бүтэц, зорилгын талаар илүү тодорхой ойлголттой болохын тулд би энэ нийтлэлийн эхэнд (жагсаалтад байгаа) өгөгдсөн нийтлэлийг уншихыг зөвлөж байна.

Үндсэн хуудсан дээр (INDEX файл нь түүний гадаад төрхийг хариуцдаг) болон нийтлэлийн бүрэн хувилбар (SINGLE файл) дээр байрлах нийтлэлийн үндсэн гарчгийн түвшинг хаана өөрчлөх боломжтойг харцгаая.

Засварлахын тулд эхлээд INDEX-ийг нээцгээе. Үүнд WordPress нийтлэлийн гарчгийг HTML шошго H2 (хоёрдахь түвшин) хавсаргасан бөгөөд үүнээс гадна тэдгээр нь холбоосууд юм, учир нь тэдгээр нь A холбоосын шошгонд хавсаргасан болно:

утаснууд)

Энэ техник нь шаардлагагүй хаалтаас зайлсхийх боломжийг танд олгоно. Мөн ийм код нь HTML контекстэд сайн тохирдог.

14. Процедурын болон объект хандалтат хандлага

Объект хандалтат програмчлал нь танд тодорхой бүтэцтэй байхад тань туслах болно, гэхдээ энэ нь програм бичих процедурын зарчмаас хазайх ёстой гэсэн үг биш юм.

Объектууд нь өгөгдлийг илэрхийлэхэд тохиромжтой. Жишээ:

Class User ( public $username; public $first_name; public $ last_name; public $email; public function __construct() ( // ... ) public function create() ( // ... ) public function save() ( / / ... ) нийтийн функц устгах() ( // ... ) )

Процедурын аргууд нь өөрийн гэсэн давуу талтай байдаг.

Функц томоор бичих($string) ( $ret = strtoupper($string); $ret .= strtolower(substr($string,1)); буцаах $ret; )

15. Нээлттэй эхийн кодыг уншина уу

Ер нь Нээлттэй эхийн төслүүдийг олон тооны хөгжүүлэгчид бичдэг. Энэ үүднээс авч үзвэл ижил төстэй төслүүдийн бичсэн кодыг судлах нь танд туршлага хуримтлуулахад тусална. Тиймээс үүнд цаг заваа үрэх хэрэггүй.

16. Рефакторинг

Refactoring гэдэг нь функцийг алдалгүйгээр кодыг өөрчлөх явдал юм. Унших чадварыг сайжруулахын тулд үүнийг бас ашиглаж болно. Алдаа засах эсвэл функц нэмэх зай байхгүй. Та зүгээр л кодынхоо бүтцийг бага зэрэг өөрчил.

Энэ нийтлэл танд хэрэг болсон гэж найдаж байна! Надад ямар нэг зүйл дутагдаж байна уу? Туршлагаасаа хуваалцаарай!

WordPress.com нь таныг блог дээрээ аюултай код ашиглахыг зөвшөөрдөггүй ч та үзэхийн тулд эх кодыг нийтлэх боломжтой. Бид эх кодын форматыг хадгалах, тэр ч байтугай зарим хэлний синтакс онцлох тэмдэглэгээг бий болгосон. Жишээ:

#товчлуур (фонтын жин: тод; хүрээ: 2px хатуу #fff; )

Дээрх хэсэгтэй төстэй үр дүнд хүрэхийн тулд кодоо дараах шошгонд ороорой:

Таны код

"Хэл" параметр нь хэл, синтаксийг тодруулах дүрмийг тодорхойлдог. Дараах утгуудыг дэмжинэ.

• actionscript3
• хүйтэн холилдох
• csharp
• дельфи
• эрланг
• fsharp
• сайхан
• javascript
• javafx
• matlab
• powershell
• питон
• скала

Хэрэв "хэл" параметрийн утгыг заагаагүй бол "текст" -ийн утгыг ашиглана (синтакс онцлохгүйгээр).
"Код" шошгуудын хоорондох кодыг харуулахын тулд автоматаар кодлох тул та HTML элементүүд болон бусад зүйлсийн талаар санаа зовох хэрэггүй болно.

Тохиргооны сонголтууд

Шошгууд нь мөн гадаад төрхийг нь өөрчлөхөд ашиглаж болох олон тохиргооны сонголтыг дэмждэг. Тэдний хэрэглээ нь бүрэн сонголттой байдаг.

• autolinks (үнэн/худал) - Кодын URL бүр нь гипер холбоос хэлбэрээр харагдана. Өгөгдмөл утга: үнэн.
• collapse (үнэн/худал) - Хэрэв үнэн гэж тохируулсан бол хуудсыг ачаалах үед кодын талбар хумигдах болно. Үүнийг өргөжүүлэхийн тулд та үүн дээр дарах хэрэгтэй. Энэ нь том кодын хэсгүүдэд хэрэгтэй. Өгөгдмөл нь худал.
• эхний мөр (тоо) — Тооны мөрийн дугаарлалт аль үеэс эхлэхийг тодорхойлно. Өгөгдмөл утга: 1.
• суваг (үнэн/худал) - Хэрэв худал гэж тохируулсан бол мөрийн дугаар нуугдах болно. Өгөгдмөл утга: үнэн.
• тодруулах (таслалаар тусгаарлагдсан тоо) - Онцлох мөрийн дугаарууд, жишээ нь "4,7,19".
• hmtlscript (true/false) - Хэрэв үнэн гэж тохируулсан бол HTML/XML кодыг тодруулна. Энэ нь HTML доторх PHP гэх мэт холимог кодыг нийтлэхэд хэрэгтэй. Зөвхөн зарим хэл дээр ажилладаг. Өгөгдмөл утга: худал.
• гэрэл (үнэн/худал) - Хэрэв үнэн гэж тохируулсан бол мөрийн дугаар болон хэрэгслийн мөр нуугдах болно. Энэ нь кодын нэг эсвэл хоёр мөрийн хэсгийг нийтлэхэд хэрэгтэй. Өгөгдмөл утга: худал.
• padlinenumbers (true/false/integer) - Мөрийн дугаарыг тэгээр дүүргэхийг хянах боломжийг танд олгоно. Үнэн утга нь автоматаар гүйцээхийг, худал нь гүйцээхийг идэвхгүй болгож, дугаар нь мөрийн дугаарт тогтмол тооны тэмдэгтүүдийг тохируулдаг.
• toolbar (true/false) - Хэрэв худал гэж тохируулсан бол код дээр гүйлгэх үед товчлуур бүхий хэрэгслийн мөр гарч ирэхгүй. Өгөгдмөл утга: үнэн.
• wraplines (true/false) - Хэрэв худал гэж тохируулсан бол мөрийг боохыг идэвхгүй болгоно. Хэрэв урт мөрүүд байвал хэвтээ гүйлгэх самбар гарч ирнэ.
• гарчиг (мөр) – кодын гарчиг. Энэ нь нурах сонголттой хослуулан ашигтай байж болно.

Дээрх параметрүүдийг ашиглах жишээ:

Энэ мөрийг онцолсонгүй. Энэ мөрийг онцлон тэмдэглэв. Энэ мөрийг онцлон тэмдэглэв. Энэ мөрийг онцолсонгүй. Энэ бол 4 хүртэлх тэмдэгтийг тэгээр дүүргэсэн мөрийн дугаар бүхий богино кодын хэсэг юм. //Энэ жишээнд мөрийг боохыг идэвхгүй болгосон. Текстийг бүхэлд нь уншихын тулд та гүйлгэх мөрийг ашиглах хэрэгтэй болно. Нэмж дурдахад, энэ жишээнд мөрийн дугаарыг идэвхгүй болгож, хэрэгслийн самбарыг нуусан байна.

Мөн энэ нь илүү том кодын хэсэг юм. Энд РНР хэлийг сонгоод 12 дугаар мөрийг тодруулна.

WordPress.com кодын жишээ WordPress.com кодын жишээ Энэ мөрийг тодруулсан. Сйx маш сайн, сайхан, маш, маш, маш, маш, их зай байдаг. Энэ бол ухаалаг табуудын жишээ юм. WordPress.com

Талархал
Энэ функцийг хэрэгжүүлэхийн тулд SyntaxHighlighter төслийг (зохиогч Алекс Горбатчев) ашигладаг. Хэрэглэгчид тохирохыг тохируулах боломжтой