Keling, veb-saytga kodni qanday kiritish, html kodini, hisoblagich kodini, Artisteer-ga uchinchi tomon skript kodini qanday kiritish haqida gapiraylik. Dasturning o'zida kodni ikkita joyga qo'yish mumkin, birinchisi "matn" tugmasini bosish orqali altbilgi yaratishda, ikkinchisi esa sahifaning eng pastki qismida, eksport sozlamalarini o'rnatishda " Tavsif” yorlig'i. Ikkinchisida, shablonni yaratgandan so'ng, uni kiritish hali ham qulayroqdir.

Hisoblagich kodini qanday kiritish kerak

Salom bolalar!

Bugun men yosh veb-sayt yaratuvchilari orasida dolzarb bo'lib qolmaydigan mavzuga to'xtalishga qaror qildim.

Ular yaratilganidan keyin har doim saytlarni moslashtirishga ehtiyoj bor. Ba'zi sozlamalar fayllarni tahrirlash orqali amalga oshiriladi belgilangan shablon dizayn mavzulari. Masalan, shunga o'xshash yozuvlarni ko'rsatadigan kodni kiritishingiz kerak. Lekin uni qaerga kiritish kerak?

Ko'pincha yangi boshlanuvchilar bunday savollarni berishadi. Ularni boshqa shunga o'xshash muammolar ham tashvishga solmoqda, ularning echimi asosan bir xil. Bundan tashqari, kelajakdagi maqolalarimda men ko'pincha shablonning turli joylariga kodlar kiritishga murojaat qilaman. Shuning uchun, bu material har qachongidan ham dolzarbdir.

Ushbu maqolada men sizga WordPress shabloningizdagi har qanday kodni kiritishingiz kerak bo'lgan joyni qanday aniqlash juda oson ekanligini ko'rsataman. Men boshqalarni ham ko'rib chiqaman muhim nuqtalar, bu sizni dastlabki bosqichda tashvishga solishi mumkin.

Keling, eng yuqorisidan boshlaylik va agar siz plaginlarni ishlatishdan ko'ra kodlarni qo'lda kiritishni istasangiz, tahrirlashingiz kerak bo'lgan fayllarni ko'rib chiqamiz, chunki bunday imkoniyat mavjud. Men buni mamnuniyat bilan qabul qilmayman, lekin shunga qaramay, dangasalar uchun men bunday plaginlarni keyingi maqolalarda tasvirlab beraman.

Eng boshida men video dars beraman, chunki usiz taqdim etilgan materialni tushunish qiyin bo'ladi matn formati quyida.

Endi men hamma narsani matn formatida batafsil tushuntiraman.

Har bir sahifa turini chiqarish uchun mas'ul fayllar

Agar siz boshqa bloglarda kodlar (skriptlar) yordamida ba'zi funktsiyalarni amalga oshirish haqida ko'plab maqolalarni o'qigan bo'lsangiz, men 100% aminmanki, siz quyidagi kabi iboralarni ko'rgansiz:

• Ushbu kodni chiqish uchun mas'ul faylga joylashtiring bosh sahifa;
• Ushbu kodni yozuvlarni va boshqalarni chiqarish uchun mas'ul bo'lgan faylga joylashtiring.

Kodlarni kiritishingiz kerak bo'lgan ko'plab fayllar mavjud. Lekin bu fayllar nima? Hammasi juda oddiy.

1. Bosh sahifa chiqishi - index.php;
2. Yozuvlarni chiqarish - fayl single.php;
3. Sahifa chiqishi - page.php fayli;
4. Arxiv va toifalarni chiqarish - archive.php;
5. Footer chiqishi - footer.php;
6. Qidiruv sahifasi chiqishi - search.php;
7. Yon panel chiqishi - sidebar.php;
8. Uslublar fayli - style.css;
9. 404 sahifali chiqish fayli 404.php.

Endi ular sizga kodni falon faylga joylashtirish kerakligini aytishganda, siz qaerga qarashni bilib olasiz.

Faqat savolga javob berish qoladi: fayllarning har birida to'g'ri joyni qanday aniqlash mumkin?

Kodni qaerga kiritish kerakligini aniqlash

Birinchidan, aniqlanishi kerak bo'lmagan joylarni ko'rib chiqaylik. Ular shablondan qat'i nazar, hamma uchun bir xil bo'ladi.

Barcha shablonlar uchun bir xil bo'lgan birinchi o'rin Header.php faylidagi maydondir. Bular ochilish va yopish teglari .

Ba'zi skriptlar har doim ushbu teglar orasiga joylashtiriladi, ular saytning barcha sahifalari uchun ishlashi kerak. Ya'ni, biz ushbu teglar orasiga ijtimoiy tugmalar uchun skriptni joylashtirdik va ular saytning barcha sahifalarida ishlaydi, biz ularni ko'rsatamiz.

Bu teglar Header.php faylining eng yuqori qismida joylashgan.

Ularning tarkibi hamma uchun har xil bo'ladi, chunki barchasi shablonga bog'liq.

Agar ular sizga kiritish kerakligini aytishsa bu kod ochish va yopish bosh teglari o'rtasida, so'ngra kodni nusxa ko'chiring, shablon faylingizda shunga o'xshash joyni qidiring va uni shu teglar orasiga qo'ying.

Ikkinchi o'rin, shuningdek, barcha shablonlar uchun bir xil bo'lib, altbilgining chiqishi uchun mas'ul bo'lgan faylda joylashgan - footer.php.

Skriptlarni faqat teglar orasiga kiritish orqali ulash mumkin emas Header.php faylida. Siz ularni footer.php fayli orqali ham yuklashingiz mumkin, shu bilan sayt sahifasining yuklanishini tezlashtirasiz.

Gap shundaki, sahifa yuklana boshlaganda, u yuqoridan pastga yuklanadi. Agar barcha skriptlar sahifaning yuqori qismida bo'lsa, unda uning mazmunini ko'rsatish sekinlashadi, chunki skriptlarni yuklash uchun vaqt kerak bo'ladi.

Bizning vazifamiz sahifa mazmunini ham tashrif buyuruvchilarga ham, imkon qadar tezroq ko'rsatishdir qidiruv tizimlari. Bunday holda, avval tarkibni ko'rsatish uchun skriptlarni sahifaning eng oxirida yuklash tavsiya etiladi, keyin esa hamma narsani yuklang.

Ushbu parametrni amalga oshirish uchun siz footer.php faylini ochishingiz va skriptni yopilish tanasi tegidan oldin kiritishingiz kerak. U fayl mazmunining oxirida joylashgan, chunki u sahifa maydonining oxiri uchun javobgardir.

Ko'rib turganingizdek, men ushbu sohadagi barcha skriptlarni yopish tegidan oldin ko'rsatdim

(ko'k ramka bilan ta'kidlangan). Aytgancha, men ularni skriptlarni ushbu sohaga joylashtirish orqali emas, balki fayllardan yuklash orqali olib chiqdim. Shundan so'ng men blogni sezilarli darajada tezlashtirdim. Buni qanday qilish alohida maqola bo'ladi. Kutmoq!

Umid qilamanki, ular sizga kodni ushbu sohalarga joylashtirishni aytishganda, siz buni hech qanday muammosiz bajarasiz.

Keling, murakkabroq masalaga o'tamiz va boshqa turli xil kodlar kiritilgan boshqa shablon fayllaridagi joylarni qanday aniqlashni o'rganishga harakat qilaylik. Odatda, bu kodlar quyidagilarni o'z ichiga oladi:

• Shu kabi postlarni ko'rsatish;
• Obuna shakli chiqishi;
• Ijtimoiy tugmalarni ko'rsatish va boshqalar.

Bularning barchasi tarkibning asosiy qismidan keyin, ya'ni maqola oxiridan keyin kiritiladi. Har birida turli xil shablon kodi mavjud va shuning uchun savolga universal javob "Mening maqolamning chiqish kodi qayerda tugaydi?" oddiygina yo'q.

Lekin siz kodning oxirini osongina aniqlashingiz mumkin, shundan so'ng siz kerakli funktsiyani amalga oshirishingiz kerak. Qisman bu usul Tanlov haqida maqolada allaqachon ko'rsatganman WordPress shablon(). Keyin men Internet-brauzerning standart funksiyasidan foydalandim.

Ushbu usulning mohiyatini yaxshiroq tushunish uchun men ushbu xabarning boshida videoni tomosha qilishni tavsiya qilaman. Unda men hamma narsa real vaqtda qanday sodir bo'lishini ko'rsatdim. Xo'sh, endi men buni iloji boricha aniq tasvirlashga harakat qilaman.

Men sizga bir misol bilan ko'rsataman Google brauzeri Chrome. Boshqa brauzerlarda ham bu funksiya mavjud, biroq bir oz boshqacha nomga ega boʻlishi mumkin.

• Gugl xrom- element kodini ko'rish;
• Firefox - o'rganish elementi;
• Opera - elementni tekshirish.

Printsip 3 ta brauzerda o'xshash. Endi men har qanday shablonda istalgan hududning joylashishini qanday aniqlashni ko'rsataman.

Element kodini ko'rish uchun o'ting (Google Chrome). Sahifaning bo'sh joyini sichqonchaning o'ng tugmasi bilan bosing.

Shundan so'ng, sahifaning pastki qismida hamma narsani ko'rsatadigan panel paydo bo'ladi manba kodi sahifa, biz tahrir va qanday tuzilishi va ko'rish mumkin tashqi ko'rinish real vaqtda shablon. Ammo ma'lumotlarga kiritilgan o'zgarishlar saqlanmaydi. Buning uchun siz shablon fayllarini o'zingiz tahrirlashingiz kerak.

Mana panel qanday ko'rinishga ega.

Men strelka bilan kattalashtiruvchi oynaga ishora qildim, uni bosish orqali biz shablonning tuzilishini tekshirishimiz va shablonimiz qanday bloklardan iboratligini aniqlashimiz mumkin. Bu funksiya Men sizni inspektor deb chaqiraman.

Inspektorni bosgandan so'ng, biz sichqonchani sahifamiz bo'ylab harakatlantiramiz va biz kursorni o'rnatgan barcha elementlar rangli fon bilan ta'kidlana boshlaganini ko'ramiz. Misol sifatida, men sizga shablonni tanlash haqidagi maqoladan skrinshotni ko'rsataman. U yerda kursorni post sarlavhasi ustiga olib bordim.

Agar biz maqolamizdan keyin kodni kiritishimiz kerak bo'lsa, unda shablonimiz maydonini tekshirishimiz va maqolaning barcha mazmunini o'z ichiga olgan blokni topishimiz kerakligini taxmin qilish qiyin emas. Siz blokning oxirini ham, boshini ham qidirishingiz mumkin. Ya'ni, siz shablonni pastdan ham, yuqoridan ham tekshirishingiz mumkin.

Ammo bu erda bitta eslatma bor . Biz nafaqat maqola satrlarini, balki tarkibning o'zi joylashgan bloklarni ham topishimiz kerak, chunki shablon fayllarida maqolalar yo'q. Faqat tarkibni ko'rsatadigan kod mavjud va u bloklarga o'ralgan. To'g'ridan-to'g'ri yopilgan blok tegidan keyin va kodni joylashtirishingiz kerak bo'ladi.

Xo'sh, nima qilamiz? Kattalashtiruvchi oyna belgisini bosing va bizning maqolamiz joylashgan hududni tekshirishni boshlang. Butun maqolaning maydoni ajratilganda sahifaning bir qismini topishingiz kerak. Bu tarkibni ko'rsatadigan blok bo'ladi.

Misol tariqasida, men ushbu blok qanday ta'kidlanishini ko'rsatish uchun kichik tarkibga ega yangi maqola yaratdim.

Poke usulidan foydalanib, siz tarkibingizni o'z ichiga olgan blokni ham topishingiz kerak. Kursni olib borganingizda, blok nomini ko'rsatadigan kichik maslahatchini ko'rasiz.

Shablonning bunday qismini topgach, sichqoncha tugmasini bosing va bu qism faollashadi. Element kodini ko'rish panelida ushbu blokli kod qatori avtomatik ravishda ajratib ko'rsatiladi.

Ko'rib turganingizdek, bu blok sichqonchani ko'taruvchi asboblar panelidagi kabi nomga ega.

Maqolaning asosiy qismi aks ettirilgan blok nomini bilsak, kerakli faylga o'tishimiz va ushbu blokdan keyin o'zimizga kerak bo'lgan kodni kiritishimiz mumkin. Masalan, yozuvning chiqish faylini (single.php) olaylik.

Men uni Notepad muharririda ochaman va kodda element kodini ko'rish panelidagi kabi boshlanadigan qatorni qidiraman.

Bloknot muharririda ishlash juda qulay, chunki blokning ochilish tegini bosganingizda yopilish tegi ham ajratib ko'rsatiladi (yuqoridagi rasmda ko'rsatilgan). Yakunlovchi teg bu kontentning oxiri ekanligini bildiradi. Shundan so'ng biz ijtimoiy tugmalar, shunga o'xshash postlar va boshqa funktsiyalarni kiritishimiz mumkin.

Men u yerga ijtimoiy tugmachalarni va yangilanishlar uchun obuna formasini kiritdim.

Ular sahifalarda shunday ko'rinadi.

Xuddi shu narsa boshqa shablon fayllariga (sahifalar, toifalar, arxivlar ...) kiritish uchun ham amal qiladi.

Amaliyotsiz, matn va tasvirlarni kiritishning ushbu usulini o'zlashtira olmaysiz. Shuning uchun, uni oling va sinab ko'ring. Ishonchim komilki, hammasi yaxshi bo'ladi. Maqolaning boshida video ham foydali bo'ladi.

Kerakli faylni keyinchalik qo'shish uchun shablon faylidagi joyni aniqlash haqida biz buni aniqladik.

Oxirgi daqiqa qoldi, bu ayni paytda muqaddaslashga arziydi.

Shablonning functions.php fayliga aralashuvni talab qiladigan bir nechta sozlamalar mavjud. Lekin siz unga kodlarni qanday kiritishni ham tushunishingiz kerak.

Qoidaga ko'ra, barcha bloglarda ular qo'shish faylning eng oxirida yopilish yorlig'idan oldin bajarilishi kerakligini yozadilar.>.

Ammo bu teg faylda bo'lmasa-chi? Misol uchun, menda shunchaki yo'q. Bunday vaziyatda nima qilish kerak? Yopuvchi tegning yo'qligi fayl noto'g'ri ekanligini anglatmaydi. Blog ishlaydi. Demak, hammasi joyida.

Bunday holda, men buning aksini qilishni taklif qilaman - uni ochish yorlig'i oldidan faylning eng boshida kodga kiriting. Quyidagi rasmga qarang.

Ochilish yorlig'i qizil rang bilan ta'kidlangan va ko'k rangda kiritilgan kod.

Bu bitta variant. Kodni faylning oxiriga, lekin oxirgi koddan oldin ham kiritishingiz mumkin. Bunday holda, siz hech bo'lmaganda qaerdan boshlanganini tushunishingiz kerak oxirgi kod uni kesib tashlamaslik uchun.

Ana xolos. Agar to'satdan sizda funsctions.php faylida yo'qolgan yopish tegi bilan bir xil vaziyat yuzaga kelsa, unda nima qilish kerakligini bilib olasiz.

Shablonda dizayn uslublarini aniqlash

Shuningdek, biz sahifa elementlari uchun dizayn uslublarini ko'rishimiz va ularni o'zgartirishimiz, shuningdek, o'zimiznikilarni qo'shishimiz mumkin. Xuddi shu element inspektori bunga yordam beradi.

Kerakli elementni topib, ustiga bosganimizda, kodni ko'rib chiqish panelining o'ng qismida tanlangan blok (element) uchun dizayn uslublari ko'rsatiladi. Men yuqorida muhokama qilingan maqolaning bir xil bloklari uchun uslublarni ko'rsataman.

Agar biz ushbu uslublarni real vaqtda tahrirlashni va u yoki bu element qanday ko'rinishga ega bo'lishini ko'rishni istasak, ularni to'g'ridan-to'g'ri ushbu panelda o'zgartirishimiz mumkin. Kerakli uslublarning qiymatlarini bosing va ularni o'zgartiring.

Ammo o'zgarishlar faqat 1-sahifa yangilanmaguncha amal qiladi. Ushbu uslublarni qo'llash uchun ularni shablonning uslublar fayliga qo'shishingiz kerak. Yuqoridagi rasmlardan birida men ko'k ramka bilan ushbu uslublar yozilgan fayl nomini, shuningdek, ular boshlangan chiziqni ko'rsatadigan maydonni ko'rsatdim.

Shuning uchun, style.css uslub faylini oching va mening ishimda 890 qatorni qidiring.

Bu erda siz ularni tahrirlashingiz mumkin. Faylni saqlang va uni hostingingizga yuklang.

E'tibor bering, men kompyuterimdagi barcha fayllarni tahrir qilaman. Bu holda men foydalanaman tashqi dasturlar, bu har qanday muammo yuzaga kelganda har qanday o'zgarishlarni bekor qilish imkonini beradi. Xuddi shu narsa kodlar va skriptlar bilan turli xil tajribalar uchun ham amal qiladi - barchasi on .

Men sizga ham kompyuteringizdagi har qanday faylni xuddi shunday tahrirlashni tavsiya qilaman. Buni amalga oshirish uchun, avvalo, fayllarni hostingingizdan kompyuteringizga yuklab olishingiz kerak ftp mijozi. Men bu haqda yozganman. Va keyin fayllarni ochishingiz mumkin bo'lgan siz uchun qulay bo'lgan har qanday muharrir bilan oching. Men ushbu maqsadlar uchun Notepaddan foydalanaman.

Bu maqolani yakunlaydi. Bu kod yoki skriptni qaerga kiritish kerakligini aniqlashning qiyin jarayoni. Bir qarashda, bu protsedura murakkab ko'rinishi mumkin. Lekin hamma narsa juda oddiy. Siz buni bir necha marta sinab ko'rasiz va endi bunday savollarni bermaysiz.

Albatta, siz maxsus plaginlar yordamida blogingizga kodlar va skriptlarni kiritishingiz mumkin, men ularni keyingi maqolalarda albatta muhokama qilaman. Ammo, ulardan foydalanishning oldini olish uchun siz ularsiz ham xuddi shunday harakatlarni bajarishingiz mumkin, men buni tavsiya qilaman. Buning yordamida siz saytdagi keraksiz yuklardan xalos bo'lasiz, shu bilan uni tezlashtirasiz va tashrif buyuruvchilaringiz foydalanishi uchun qulayroq bo'lasiz.

Hamma do'stlar. Shu yerda tugataman. Izohlarda savollaringizni kutaman. Biz buni aniqlaymiz. Yangi materiallarda ko'rishguncha.

Hurmat bilan, Konstantin Xmelev.

Albatta, bu ma'lumotlar hammaga ham kerak emas, lekin faqat o'z sahifalarida kodni o'ylab topish bo'yicha o'z tajribasini (saytni o'qing) va uning ba'zi modernizatsiyalarini o'z sahifalarida baham ko'radiganlargina ... yaxshi tushunasiz, "genetikaga" aralashuv orqali! Nima deb o'ylading?

Oldinga qarab, men asosiy hikoyani boshlamagunimcha, ayta olamanki, men atrofni qazishni davom ettiraman, nima haqida yozaman va nima haqida siz uchun foydali bo'lishi mumkin, agar sizda Internetda klaviatura ijodkorligi uchun o'z manbangiz bo'lsa. . Shuning uchun, men yangi mahsulotning chiqarilishini o'tkazib yubormaslik uchun yangi maqolalar chiqarilishini kuzatishni maslahat beraman. Ayniqsa, agar siz hali buni qilmagan bo'lsangiz, nega hayronman?

Va endi, aziz go'zallarim, hikoya boshlanadi.

O'rtacha savol tug'ilishi mumkin: siz haqiqatan ham kodni kiritish bilan bezovta qilishingiz kerakmi? Nima uchun kodni ajratib ko'rsatishni amalga oshirishingiz kerak va nima uchun uni matn kabi joylashtira olmaysiz?

Va bu juda oddiy - agar siz kodni xuddi shunday kiritishga harakat qilsangiz, uni ko'rsatish o'rniga, ba'zida u mo'ljallangan barcha funktsiyalarni va siz kiritgan joyni bajarishni boshlaydi. Bu barcha "jozibalar" dan sayt "suzishi" mumkin, u "qiyshiq bo'lishi" mumkin va maqolaning o'zi noaniq narsaga aylanishi mumkin va ular orasida - xunuk! Va kodning o'zi "yalang'och" shaklda, unchalik o'qilmaydigan "tomosha" bo'lib, u o'qimagan ko'z uchun hazm bo'lmaydigan moddani taqdim etishi mumkin, undan tomoshabin hatto biror narsani tushunishni va nimaning mohiyatini o'rganishni istamasligi mumkin. sodir bo'lmoqda. Qisqasi, unday emas! Ha, masalan, koddagi rasmning ko'rinishiga qarasangiz, o'zingiz ko'rishingiz mumkin:

Shunday qilib, "bu" bo'lishi uchun bir nechta variantlar mavjud, aniqrog'i 3. Men boshida va'da qilganimdek, hammasini tasvirlashga harakat qilaman va qaysi birini amalga oshirish va idrok etish sizga qulayroq va yoqimli bo'lishini o'zingiz hal qilasiz. .

Qanday qilib html kodini maqola tanasiga chiroyli va to'g'ri kiritish mumkin.

Variant raqami 1 - WP-Syntax plagini orqali kodni ajratib ko'rsatish.

Aniqrog'i, ushbu parametr ikkita plaginning kombinatsiyasi orqali amalga oshiriladi - foydalanish qulayligi uchun. To'plamning birinchi qismi deyiladi: WP-Sintaksis va asosiy funktsiyani bajaradi. Ikkinchi qism esa xizmat ko'rsatish qismi bo'lib, WP-Syntax Button deb ataladi, u tugmani bosish orqali ishni amalga oshiradi va bu tugmani WordPress muharriri asboblar paneliga qo'shadi. Ushbu to'plamning ikkala qismini blog administrator panelidagi nom bo'yicha qidirish orqali yoki vosita ombori sahifalaridan yuklab oling. WP-Syntax uchun ombor sahifasi bu yerda. Va WP-Syntax Button uchun sahifa. Biz mikroavtobusda emasmiz, to'g'rimi?

O'rnatish standart - topilgan, yuklab olingan, faollashtirilgan. Esda tutingki, Button plagini ikki yildan ortiq vaqt davomida yangilanmagan va uning WordPress-ning yangi versiyasi bilan mosligi haqida hech qanday ma'lumot yo'q, bu tashvish tug'dirishi mumkin. Agar siz ushbu vaziyatdan xavotirda bo'lsangiz, tugmachani yuklab olmaysiz va havolaning faqat birinchi qismi bilan ishlay olmaysiz - bu ham ishlaydi, faqat kamroq qulay. O'z nomimdan aytamanki, men to'liq to'plamdan foydalanaman va hamma narsa ishlaydi.

Agar siz hamma narsani o'rnatsangiz, muharrir panelida yangi "Kod" tugmasi paydo bo'ladi.

Ushbu plagin orqali kodni kiritish uchun avval uni vizual (oddiy, matnni kiritadigan joyda) rejimga kiritishingiz kerak, uni sichqoncha bilan tanlang, so‘ng “Kod” tugmasini bosing va ochilgan oynadan kodingizga mos tilni tanlang. pastga ro'yxati. Shu bilan birga, Line Number-da birinchi raqamni ko'rsatib, satrlarni raqamlashni o'rnatishingiz mumkin. Tanlangandan so'ng, "Qo'shish" tugmasini bosing.

Shu bilan birga, postni/sahifani saqlangan/yangilaganingizdan so'ng siz rasm kodingiz yaxshi kiritilgan ushbu rasmga o'xshash narsani ko'rasiz, masalan:

Agar siz WP-Syntax Button qismini o'rnatmagan bo'lsangiz, kodni kiritish uchun ushbu kod birikmasidan foydalanishingiz kerak bo'ladi:

Kodingizni shu yerga kiriting

Qaerda, Til sizning kodingiz tilidir. Ushbu kombinatsiya HTML muharririga joylashtirilishi kerak va sizning kodingiz ichiga kiritilishi kerak. Qo'llab-quvvatlanadigan tillar ro'yxati ushbu plagin sahifasida joylashgan. Kodni kiritish uchun ushbu parametr juda qulay emas, lekin kimdir bunga muhtoj bo'lishi mumkin. Natija shunday bo'ladi:

Variant raqami 2 – SyntaxHighlighter Evolved plagini orqali sintaksisni ta'kidlash, nomi aniq tarjima qilingan. Siz uni blog administratori sohasida yoki ushbu plagin sahifasidan ism bo'yicha qidirish orqali yuklab olishingiz mumkin. O'rnatish standartdir. Ushbu plagin avvalgi kabi ishlaydi, lekin kamroq qulay versiyada.

O'rnatishdan so'ng sizda Sozlamalar > SyntaxHighlighter menyusi bo'ladi, bu erda uning barcha sozlamalari bo'ladi. Ha, plagin ingliz tilidagi va ruscha bo'lmaganligini aytishni unutib qo'ydim - bu kamchilik. Agar biror narsa tushunarsiz bo'lsa, sahifa tarjimasidan foydalaning.

Plagin sozlamalari sukut bo'yicha qoldirilishi mumkin - ular funktsionaldir. Yoki siz mening sozlamalarim misoli bilan rasmdagi kabi qiymatlarni o'rnatishingiz mumkin:

Agar siz chalkashib ketsangiz, sozlamalarda "Standartlarga tiklash" tugmasi mavjud - sozlamalarni asl holatiga qaytaring. Shuningdek, sahifaning pastki qismida, tugmalar ostida kod displeyining oldindan ko'rishi mavjud - siz xavfsiz o'ynashingiz va sozlamalar va kod chiqarish uchun o'zingizning variantingizni tanlashingiz mumkin. Qo'llab-quvvatlanadigan tillar ro'yxati va boshqalar mavjud batafsil tavsif uning sozlamalari - hamma narsa rus tilida, siz buni tushunasiz.

Ushbu plagin bilan sayt postiga html yoki PHP kodini kiritish uchun plagin sozlamalari sahifasidagi misoldagi konstruksiyalardan birini qo'llashingiz kerak (eng pastda):

Xabar yozishda HTML muharririga o'ting, misoldan kerakli til parametrini tanlang, uni joylashtiring va kodingizni ichiga joylashtiring. Bu shunday ko'rinadi:

Bu yerga uzun kodingizni kiriting

Variant raqami 3 – plaginsiz HTML yoki PHP kodini kiriting.

Plaginsiz bajarish va blogning asosiy qismiga HTML kodini kiritish uchun uni quyidagi kodga qo'shishingiz kerak:

KODINGIZNI BU YERGA KIRISH

Bu erda balandlik va kenglik mos ravishda piksellardagi kod bilan ko'rsatilgan maydonning balandligi va kengligi, rang rangdir. Rangni men allaqachon yozgan ko'z tomchisi yordamida tanlashingiz mumkin. Kengligi va balandligi saytingiz parametrlariga mos ravishda sozlanishi mumkin. Chiqish shunday bo'ladi:

Bu, albatta, tashqi ko'rinishi va funksionalligi jihatidan kamroq jozibali, lekin u blogni keraksiz plaginlar bilan yuklamaydi, garchi men o'zim bu usuldan foydalanmasam ham. Men uni almashtirish uchun olib keldim.

O'ylaymanki, endi html kodini blogga qanday qilib chiroyli tarzda kiritishni hal qiling.

Gapimni shu yerda tugataman. Umid qilamanki, bugun sizga foydam tegdi. O'qiganingiz uchun rahmat.

Bir oz ijobiy:

Ijtimoiy tugmalarni bosish va sharhlar qabul qilinadi!

Tugmalarni kuzatib boring, do'stlaringizga maqola haqida aytib bering - bu pulga olib keladi!

Ba'zan maqolaga ba'zi ma'lumotlarni, masalan, banner yoki qandaydir shaklni kiritishingiz kerak bo'ladi. Bu narsalar html kodidir. Kimga html kodini kiriting maqola yoki sahifaga kiritish uchun maxsus bilim kerak emas. Bu juda sodda tarzda amalga oshiriladi. Html kodi shunchaki matn ekanligini allaqachon bilasiz. Maqola yoki sahifa yaratishda Matn rejimini tanlang. Keyin kerakli kodni kiriting. Saqlash. Va shunday, siz tugatdingiz!

Boshqa usul ham bor, u istalgan HTML kodini istalgan veb-sahifaga kiritish imkonini beradi.

Bu teg . Printsip quyidagicha: birinchi , keyin kodingiz, keyin. Sizga bir misol keltiraman Sizning HTML kodingizQayerda

• uslub teg ichidagi matnning uslubi, hajmi, rangi uchun javobgardir;
• chegara: 10px; chekinish hajmi,
• kengligi: 300px; kengligi o'lchami,
• balandligi: 120px; balandligi o'lchami.

P.S. Bir oz miya mashg'uloti

Hovuz bo'yida uchta qurbaqa o'tirgan edi. Ulardan biri hovuzga sakrashga qaror qildi. Sohilda nechta qurbaqa qoldi?

Sizni bu qiziqtirishi mumkin:

• Axborot byulletenini saytga qanday ulash mumkin