Blog

  • 100 dollardan kamroq evaziga noldan qanday qilib veb-sayt yaratish mumkin

    How-to-Create-a-Website-from-Scratch-for-Under-$100

    Agar siz noldan veb-sayt yaratmoqchi boʻlsangiz, lekin byudjetingiz kam va texnik bilimingiz mutlaqo nol boʻlsa, unda bu qisqa qoʻllanma siz uchun.

    Ushbu maqola barcha texnik tafsilotlar va qiyinchiliklarsiz veb-sayt yaratmoqchi boʻlgan mutlaqo yangi boshlovchilar uchun moʻljallangan. Shuning uchun, agar siz mijozlarga koʻrsatish uchun oʻz ofisiga sayt xohlayotgan startap egasi boʻlsangiz, yoki restoran sharhlarini onlayn yozmoqchi boʻlgan taomlar shinavandasi boʻlsangiz, yoxud shunchaki saytga muhtoj boʻlgan havaskor boʻlsangiz, oʻqishda davom eting! Hamma narsani imkon qadar sodda saqlash uchun texnik atamalardan imkon boricha yiroq boʻlaman.

    Keling, ishni tugatganimizda nimalarga ega boʻlishimizni sanab oʻtamiz. Maqola oxirida siz quyidagilarga ega boʻlasiz:

    1. Your own website that people can visit at http://supermegaawesomewebsite.com,
    2. Optionally have your own email address at [email protected],
    3. A certain zen-like state of mind.

    Sizga nimalar kerak boʻladi

    Xoʻsh, amaliy bosqichlarni boshlashdan oldin, bizga quyidagilar kerak boʻladi:

    1. Veb-saytingiz qanday boʻlishi haqida gʻoya,
    2. Kredit karta yoki 100 dollar mablagʻi boʻlgan Paypal hisobi va
    3. Chanqab qolsangiz ichish uchun yaxna ichimlik yoki bir stakan suv – organizmda suv miqdori meʼyorda boʻlgani doim yaxshi.

    Veb-sayt oʻzi nima?

    Biron narsa qilishdan oldin, aslida nimani yaratayotganimizni bilib olish muhimdir. Ha, biz sizning shaxsiy veb-saytingizni yaratyapmiz, lekin u aslida nima?

    In a nutshell, a website is a bunch of files in a special computer, and this special computer can be accessed by using a special web address on your web browser. After accessing the web server, it’s going to crunch those files together and in the end we would be able to see a pretty looking web page.

    Sorta techy terms:

    • bunch of files = web pages
    • special computer = web server
    • special web address = domain name or URL

    Oldingi xatboshidagi qalin qilib koʻrsatilgan soʻzlar – bu biz olishimiz kerak boʻlgan narsalardir. Baxtimizga, bularning barchasini birdaniga olishimiz mumkin boʻlgan joy bor.

    Internetda oʻz oʻrningizga ega boʻlish

    Men GoDaddy boshqariladigan WordPress xostingi – Basic (Asosiy) tarif rejasini olishni tavsiya qilaman. Ushbu reja bizga ortiqcha qiyinchiliklarsiz saytimizni darhol yaratish uchun kerak boʻlgan hamma narsani beradi. Eng yaxshi tomoni shundaki, hamma narsani sozlashning texnik tafsilotlari haqida qaygʻurishimiz shart emas.

    Agar “Boshqariladigan WordPress xostingi” rejasi nima ekanligi bilan qiziqayotgan boʻlsangiz, tushuntirib beraman:

    • Managed – GoDaddy will be the ones who’ll make sure that everything runs smoothly, updated, fast and without any problems. And if you need any help, you can ask their customer support.
    • WordPress – This the content management platform that will be used. It’s what you’ll use to publish your content online. It’s awesome. If you want to know more about WordPress, WP101 has a great intro video on What WordPress Is
    • Hosting – Everything will be placed in GoDaddy’s servers, so everything can be accessed quickly and with almost no down time.

    When getting the plan from GoDaddy, they also provide you with a domain name for free. This is awesome since now we don’t have to do anything aside from signing up in order to get the full package!

    Qoʻshimcha bonus sifatida, ularning Basic tarif rejasini xarid qilib, elektron pochta manzillariga ham ega boʻlishingiz mumkin. Birinchi yil bepul, shuning uchun mijozlar va boshqa odamlar bilan muloqot qilish uchun elektron pochtadan foydalanmoqchi boʻlsangiz, bu ayni muddao.

    Ularning tarif rejalari haqida batafsil maʼlumot olish uchun quyidagi havolaga kiring (yoʻq, ularni tavsiya qilganim uchun menga pul toʻlashmaydi):

    GoDaddy-ning boshqariladigan WordPress hosting rejalarini koʻrib chiqing

    Barcha maʼlumotlarni toʻldiring, oʻzingiz xohlagan domen nomini toping (supermegaawesomewebsite.com dan foydalanishingiz shart emas), soʻng toʻlov jarayoniga oʻtib, toʻlovni amalga oshiring.

    I recommend that you sign up for at least one year so that you can avail of their discounts. You can also scour the web to check if there are any promos available.

    Web Server Cost: $12.18 – $59.88 for 1 year (the key here is to find a promo) Email Cost: $0 for 1 year Domain Name Cost: $0 for 1 year

    Total Cost so far: $12.18 – $59.88

    Tabriklaymiz, endi sizda WordPress veb-sayti bor!

    GoDaddy xostingini olganingizdan soʻng, saytingiz toʻliq ishlay boshlashi kerak. Siz http://supermegaawesomewebsite.com domeningizga kirib, saytingizni koʻrishingiz mumkin.

    Saytingiz dastlabki koʻrinishda boʻsh tuyulishi mumkin.. va bu mutlaqo normal holat. Xavotir olmang, buni toʻgʻrilaymiz!

    Veb-saytingizga kirish

    Since you’ve signed up with GoDaddy, they’ll give you a URL where you can access the administration side of your website. If you can’t find it, you can add a /wp-admin at the end of your URL. e.g. http://supermegaawesomewebsite.com/wp-admin and log in from there. Once logged in, you’ll end up in your WordPress Dashboard.

    GoDaddy yangi boshlovchilarga saytlarini sozlashda yordam berish uchun oʻzining “Quick Setup” tizimiga ega. Agar siz WordPress qanday ishlashini bilmasangiz, ushbu sozlash jarayonidan oʻtishingizni tavsiya qilaman.

    WordPress-ni oʻrganish

    Endi WordPress bilan tanishish vaqti keldi. Yuqorida aytib oʻtganimdek, WordPress – bu siz kontentingizni chop etish uchun foydalanayotgan platformadir. Boshqacha qilib aytganda: siz saytingizga kirasiz, sahifalar va blog postlarini yaratasiz va shunchaki chop etish tugmasini bosasiz.

    Keyingi qadam – WordPress-dan qanday foydalanishni oʻrganishdir. Agar siz ilgari WordPress-dan foydalanmagan boʻlsangiz, boshqaruv panelini birinchi marta koʻrganingizda maʼlumot juda koʻpdek tuyulishi mumkin. Turli boʻlimlarni oʻzingizga qulay tezlikda oʻrganib chiqishni tavsiya qilaman.

    If you need guidance, there are a lot of tutorials on how to use WordPress online too. One of them is WP101. WP101 makes things super easy by providing lots of tutorials in video format, and they have a huge library of videos that will teach you all the ins and outs of WordPress.

    They have a few free videos in their site. For example, you can watch WP101’s video tutorial about the WordPress Dashboard.

    WP101 video darsliklarini koʻrib chiqing

    Video Tutorials Cost: $15 per month (if you can obsess over all their videos within the first month, then you’re golden)

    Total Cost so far: $27.18 – $74.88

    Saytingizni chiroyli koʻrinishga keltirish

    The next step is to change the design of your site to make it match your personality and/or needs. You’ll need themes for that. In short, themes are like “skins” for your WordPress site.

    There are a ton of free and paid themes out there. If you want free themes, then there’s no doubt that the WordPress.org theme directory is your number one option.

    Since there are a lot out there though, it’s sometimes hard to find the perfect one for you. Theme Friendly’s Find Themes helps by providing reviews for themes and gives them a score based on their review. They have a number of themes in their site, and probably the best thing there is that you can click on filters while browsing themes, so you can view only themes fit for portfolios, businesses or blogs, and many more.

    There are also paid themes, but for starters I would recommend the free ones first. If you decide to take the premium route check out Premium WordPress’ list of theme shops.

    If you’re wondering why I didn’t mention ThemeForest, it’s because there are a lot of themes there that add a lot of bloat (unnecessary features) to your site. So if you really want to find a theme from there, tread carefully.

    Theme Cost: $0 – $70 one time (I’d recommend looking for promos in theme shops too)

    Total Cost so far: $27.18 – $144.88

    Saytingizga koʻproq funksionallik qoʻshish

    As you create your site and continue to add content to it, you might find yourself wanting to add more stuff like contact forms, maybe some icons, or a Google Map, or something else. For these kinds of stuff, you’ll need plugins.

    As with themes, there are also a ton of free and paid options. And like themes, the number one choice for free plugins is the WordPress.org plugin directory. It’s a common saying within the WordPress community that if you need something in your site, “there’s a plugin for that.”

    For premium plugins, you can also find premium ones in CodeCanyon.net. But I would recommend going through the thousands of free ones in the WordPress.org plugin directory first.

    Plugin Cost: $0

    Total Cost so far: $27.18 – $144.88

    Conclusion

    You might have noticed that the total cost indicator is a range instead of a solid number. It’s because there are various ways to push the cost down like watching out for promotions, and opting for free themes & plugins.

    So if you play your cards right, you can actually have your own site from scratch (powered on for a full year), for only $27.18

    Most likely the succeeding years won’t be as cheap as the first year, but if you have your site up and running for at least a year already, then I would like to think that it’s a success and the other future costs aren’t a problem anymore.

    Hopefully you’ve learned a bunch from this article. And if you didn’t know about WordPress before and you’re now a proud WordPress user, consider joining the numerous WordPress communities online. Just search for a WordPress group in Facebook :)

    Kutib turing! Hali sahifani yopmang!

    Toʻxtang! Ushbu sahifani yopishdan oldin men Page Builder Sandwich haqida aytib oʻtmoqchiman. Yuqorida koʻplab ajoyib narsalarni eslatib oʻtdim, ammo siz hali Page Builder Sandwich-ni koʻrmadingiz.

    Page Builder Sandwich yangi saytingizdagi sahifalarni hech qanday kod bilmasdan osongina loyihalashtirish imkonini beradi. U matn muharririda hujjatni tahrirlashga oʻxshab koʻrinadi va ishlaydi, faqat veb-saytlar uchun. Uning yordamida siz karusellar, piktogrammalar, tugmalar, rasm fonlari va boshqa koʻplab narsalar bilan saytingizni yanada ajoyib qilishingiz mumkin.

    You can try out the demo, or watch the video below. What’s cool is that we’re still below the $100 limit :)

    Page Builder Sandwich demosini sinab koʻring

    Page Builder Sandwich Cost: $39 for 1 site

    Total Cost so far: $86.18 – $203.88

  • Bosh sahifangizning yuqori qismiga nima joylashtirish kerak – «Above the Fold» kontenti bo’yicha maslahatlar

    Tips-For-“Above-the-Fold”-ContentWhat you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.

    This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.

    Mavzuga to’g’ridan-to’g’ri sho’ng’ishdan oldin, bosh sahifangizning yuqori qismi nima deb atalishini bilib olgan ma’qul. Uning uchun saytingizning-yuqori-qismi degan nomdan ko’ra yaxshiroq nom mavjud.

    file000153814713_

    “Above the Fold”

    U “Above the Fold” (buklamadan yuqori qism) deb ataladi. Nega? Chunki insoniyat gazeta deb ataluvchi narsalardan foydalangan ilk davrlarda, ular odatda ikkiga buklanib qo’yilgan bo’lardi, shuning uchun darhol faqat yuqori qismi ko’rinar edi. O’sha yuqori qism yoki “buklamadan yuqori” qism kunning eng muhim sarlavha(lar)ini o’z ichiga olgan bo’lib, gazetani ochganingizda esa unchalik muhim bo’lmagan qolgan sarlavhalarni ko’rardingiz. Veb-saytlarda ham xuddi shunday, saytingizning yuqori qismi odamlar birinchi bo’lib ko’radigan narsadir, so’ngra pastga aylantirganingizda, xuddi gazetani ochgandek, saytning qolgan qismini ko’rasiz.

    Gazeta misoliga to’xtaladigan bo’lsak, aytaylik, ko’chada ketayotib gazeta sotuvchisini ko’rib qoldingiz. Agar gazetani ko’rganingizda undagi sarlavha qiziqarli bo’lsa, qolgan qismini ham o’qish uchun gazetani sotib olishingiz mumkin. Bu veb-saytlar bilan ham aynan bir xil: agar tashrif buyuruvchilar saytingizga kirib, birinchi ko’rinadigan qismdagi (above the fold) kontentni qiziqarli deb topsa, ular qiziqib qolib, ko’proq ma’lumot olish uchun pastga tushishadi yoki saytingizning qolgan qismini ko’rib chiqishadi.

    Nielsen tadqiqoti

    Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters

    The average difference in how users treat info above vs. below the fold is 84%.

    If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.

    Bu mantiqan to’g’ri, chunki veb-saytning yuqori qismi siz birinchi bo’lib ko’radigan joydir.

    Shunday qilib, bosh sahifangizning birinchi ko’rinadigan qismidagi kontent qanchalik muhimligini bilgan holda, saytingizning yuqori qismiga nima joylashtirishingiz kerak?

    To’g’ridan-to’g’ri maqsadga o’ting

    Saytingiz nima haqida ekanligini darhol ko’rsating. Bosh sahifangiz va uning birinchi ko’rinadigan qismi butun saytingizning hayotiy manbaidir. Agar tashrif buyuruvchilar nimadir tushunmay adashib qolsa, ular tezda orqaga qaytib, sahifani yopishadi. Agar siz yangi kitob muallifi bo’lsangiz, shunday ekanligingizni yozing va eng so’nggi kitobingizni namoyish eting. Agar to’y tashkilotchisi bo’lsangiz, tashrif buyuruvchiga ularning hayotidagi eng unutilmas to’yni taqdim eta oladigan to’y tashkilotchisi ekanligingizni yozing. Yoki kichik mehmonxonangiz uchun sayt tayyorlayotgan bo’lsangiz, shahardagi eng yaxshi mini-mehmonxona ekanligingizni yozing. (Quyida ushbu misollardan ko’proq foydalanaman.)

    Tashrif buyuruvchilaringiz sayt nima haqida ekanligini taxmin qilishga majbur bo’lmasligi kerak. Ular buni darhol tushunishlari lozim, shundagina ular batafsilroq ma’lumot olish uchun pastga tushishadi.

    Tashrif buyuruvchilarni maqsadli ravishda jalb qiling

    Keyin veb-saytingizning asl maqsadi haqida o’ylashingiz kerak. Avvalo, veb-saytingizni yaratishdan asosiy sabab nima? Sababi nima bo’lishidan qat’i nazar, uni ham birinchi ko’rinadigan qismga joylashtirishingiz kerak.

    Yuqorida keltirib o’tgan bir nechta misollarimni olaylik. Yangi kitob muallifi sifatida, ehtimol siz ko’proq tanilishni xohlaysiz. Agar sizda bepul elektron kitob bo’lsa, tashrif buyuruvchilar uni yuklab olishlari uchun tugma joylashtirishingiz mumkin. To’y tashkilotchisi bo’lsangiz, odamlar xizmatlaringiz yuzasidan siz bilan bog’lanishlarini xohlaysiz — telefon raqamingizni yoki aloqa formasini qo’ying. Kichik mehmonxona uchun esa, telefon raqamingiz bilan birga bron qilish formasini joylashtiring.

    Page Builder Sandwich uchun men odamlar plagin haqida ko’proq bilib olishlarini va oxir-oqibat mijozga aylanishlarini xohlayman. Shuning uchun u yerda tashrif buyuruvchilarga darhol demoni sinab ko’rish imkonini beruvchi tugma hamda plaginni sotib olish uchun yana bir tugma mavjud.

    Birinchi ko’rinadigan qismni loyihalash

    Nimani joylashtirish kerakligini bilganimizdan so’ng, endi dizayn haqida qaror qabul qilish vaqti keldi. Shaxsan men tartibli va bo’limlarga ajratilgan kontentni afzal ko’raman, shuning uchun ham bosh sahifamizda bir tekis fon ishlatilgan. Ammo birinchi ko’rinadigan qismdagi kontentingizni yanada jonli qilish uchun uni rasm yoki video bilan boyitish ham yaxshi g’oyadir.

    Screen-Shot-2016-01-29-at-12.11.19-AM_Here’re a few examples of what you can do about your front page.

    Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.

    Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.

    Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.

    Xulosa

    Bosh sahifangiz uchun birinchi ko’rinadigan qism kontentini yaratish qiyin emas, ammo uni to’g’ri bajarish uchun biroz o’ylash va sinovdan o’tkazish talab etiladi. Agar sizda allaqachon sayt mavjud bo’lsa va undan qoniqayotgan bo’lsangiz-u, lekin Google Analytics’da rad etishlar ko’rsatkichi (bounce rate) yuqori bo’lsa, unda yuqoridagi maslahatlar asosida birinchi ko’rinadigan qism kontentini qayta ko’rib chiqishingizni tavsiya qilaman.

    If you have tips on creating above the fold content, kindly share them in the comments!


    Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content

    Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.

    Page Builder Sandwich haqida ko’proq bilib oling

  • Page Builder Sandwich Lite endi WordPress plaginlar repozitoriysida mavjud

    PBS-Lite-Is-Now-Available-In-The-WP-Plugin-RepoNow you can download the Lite version of Page Builder Sandwich from the WordPress.org plugin repository!

    Lite versiyasi premium plaginning qisqartirilgan shakli bo‘lsa-da, to‘liq foydalanishga yaroqlidir. Quyida Lite versiyasida mavjud bo‘lgan xususiyatlar va vositalar ro‘yxati keltirilgan:

    • Frontendda jonli tahrirlash
    • Qalqib chiquvchi oynalarsiz to‘g‘ridan-to‘g‘ri bosish va yozish orqali tahrirlash
    • Matnni formatlash vositalari: ranglar, qalin, qiya, tagiga chizilgan, gorizontal chiziq, tekislashlar va boshqalar — xullas, backend TinyMCE muharririda qila oladigan barcha narsalar.
    • WordPress media boshqaruvchisi yordamida rasmlar va rasmlar ustida amallar bajarish
    • WordPress havola yaratish dialog oynasi yordamida havola yaratish
    • Blok elementlari: sarlavhalar, iqtiboslar, belgili va raqamlangan ro‘yxatlar
    • Mavjud barcha shortkodlarning to‘liq ro‘yxati bilan birga jonli shortkod renderlash va tahrirlash
    • Ichma-ich joylashadigan qatorlar & ustunlar bilan maket tuzish
    • Qator & ustun xususiyatlari: orqa fon rangi, tashqi va ichki hoshiyalar hamda chegaralar
    • Ishlaydigan bekor qilish/qaytarish (undo/redo) funksiyasi
    • Va yana ko‘plab boshqa imkoniyatlar!

    Lite versiyasini hoziroq yuklab oling

    Agar plagin sahifasini ko‘rgan bo‘lsangiz va nega plagin mutlaqo yangi emasligiga hayron bo‘layotgan bo‘lsangiz, sababi bu plaginning birinchi versiyasi emas. Bir yil oldin bu backend sahifa yaratuvchisi edi, lekin u menga yoqmadi va oylarcha o‘ylash hamda miya hujumidan so‘ng men butunlay boshqa yo‘nalishni tanladim va u endi o‘zim shaxsan mamnuniyat bilan ishlatadigan ajoyib frontend sahifa yaratuvchisiga aylandi.

    Bu mening mavzum bilan ishlaydimi?

    Texnik jihatdan bu har qanday va barcha mavzular bilan ishlashi kerak. Foydalanuvchilarimiz va mijozlarimiz bilan birga biz Page Builder Sandwich’ni ko‘plab mavzular, jumladan WordPress.org mavzular ombori, Genesis Themes, StudioPress Themes, Elegant Themes va ThemeForest mavzulari bilan muvaffaqiyatli ishlatganmiz. Agar u sizning mavzuingiz bilan ishlamasa, iltimos, bizga xabar bering va biz buni to‘g‘rilaymiz.

    Bu mening joriy kontentim bilan ishlaydimi?

    Page Builder Sandwich mavjud kontentingiz bilan yaxshi ishlashi kerak. Kontentingiz darhol frontendda tahrirlanadigan bo‘ladi!

    Agar kontentingiz ichma-ich joylashgan shortkodlar bilan to‘la bo‘lsa (masalan, ustun shortkodlaridan foydalanayotgan bo‘lsangiz), avvalo ushbu ustun shortkodlarini tozalash va olib tashlashni maslahat beramiz. Page Builder Sandwich toza CSS asosidagi, shortkodsiz va moslashuvchan ustunlar bilan ta’minlangan. Ulardan foydalansangiz yaxshiroq bo‘ladi, chunki ular tezroq va mustahkamroqdir.

    Maxsus tanishtiruv chegirmasi

    Agar sizga to‘liq kenglikdagi qatorlar, kengaytirilgan matn, rasm, qator va ustunlarni formatlash kabi ko‘proq imkoniyatlar kerak bo‘lsa, unda premium versiya sizga ma’qul keladi. Shuningdek, siz plagin yangilanishlari va mijozlarni qo‘llab-quvvatlash xizmatiga ega bo‘lasiz.

    For the next few days, we’re offering you a 50% introductory discount. Take advantage of this now!

    If you’re unsure, give the lite version a spin on your own setup first, or check out the live demo from the top menu ?

  • Markdown endi qo‘llab-quvvatlanadi, shuningdek bir nechta ajoyib formatlash vositalari

    Markdown-Now-Supported,-Plus-A-Few-Cool-Formatting-Tools2.4 versiyasidan boshlab endi frontend ichida kontentingizni Markdown yordamida tahrirlashingiz mumkinligini mamnuniyat bilan e’lon qilaman!

    Markdown sintaksisini qo’llab-quvvatlash

    Markdown nima? Bu asosan tezkor tugmalarga o’xshaydi, lekin tugmalar birikmasini bosish o’rniga ularni yozasiz va formatlash darhol qo’llaniladi. Yaqinda WordPress ham Markdown qo’llab-quvvatlashini qo’shdi va endi siz bularni Page Builder Sandwich ichida ham bajarishingiz mumkin. Siz Markdown yordamida turli sarlavhalar, iqtibos bloklari (blockquotes), oldindan formatlangan matn yoki kod, gorizontal chiziqlar, markerlangan yoki raqamlangan ro’yxatlar va havolalarni qo’shishingiz mumkin.

    Buni formatlash tugmalarini bosish uchun sichqonchadan foydalanishning muqobili deb biling. Masalan, blog postini yozayotganda boshqa sarlavha kerak deb qaror qilsangiz, endi shunchaki ikkita panjara belgisini (##) va keyin sarlavha matnini yozishingiz mumkin. Enter tugmasini bosishingiz bilan butun qator <h2> tegiga aylanadi. Bu qanchalik ajoyib?

    Barcha qo’llab-quvvatlanadigan markdown sintaksislari ro’yxatini bizning hujjatlar sahifamizdan topishingiz mumkin: http://pagebuildersandwich.helpscoutdocs.com/article/4-how-to-use-markdown

    Shuningdek, uni jonli demo

    Bir nechta ajoyib formatlash vositalari va xususiyatlari

    Shuningdek, endi ixtiyoringizda bir nechta yangi vositalar mavjudligini aytib o’tish joiz:

    • Tugma (Button) vositasi – Endi siz shortkodlarsiz tugmalar yaratishingiz mumkin! Ilgari siz faqat ankor havolalarini yaratish bilan cheklangan edingiz, endi esa unday emas! Buning ajoyib tomoni shundaki, siz hech qanday noqulay pop-uplarsiz to’g’ridan-to’g’ri tugma yorlig’i va ranglarini tahrirlashingiz mumkin.
    • Kod vositasi – Dasturchilar quvonsin, endi matn ichidagi so’zlarni code.
    • Gorizontal chiziq vositasi – Kontentingizni ajratish uchun juda mos. Buning uchun ham markdown sintaksisi mavjud, shunchaki qatorda bir yoki bir nechta chiziqcha (defis) tering, u gorizontal chiziqqa aylanadi.

    Bulardan tashqari, yangi qulaylik xususiyatlari ham mavjud:

    • Har safar havola qo’yganingizda, u avtomatik ravishda ankor tegiga aylanadi (agar u YouTube videosi kabi o’rnatiladigan URL bo’lmasa, unda kontent sahifaga o’rnatiladi).
    • Rasmni finder yoki explorer’dan to’g’ridan-to’g’ri oynaga sudrab tashlash rasmingizni Media Manager’ga yuklaydi. Bu vaqtni juda tejaydi.
  • 2.2-versiya jarayoni boʻyicha yangilanish

    Version-2-2-Progress-UpdateO’tgan hafta biz ko’plab xatolarni tuzatgan va Page Builder Sandwich-ga WordPress havola tahrirlash dialogini qo’shgan 2.1 versiyasini chiqardik.

    Endi biz Page Builder Sandwich-da eng ko’p so’ralgan ikkita asosiy funksiyani amalga oshirdik:

    1. Yana-da tartibli, toza, sodda va qayta ishlab chiqilgan foydalanuvchi interfeysi.
    2. Elementlar, qatorlar va ustunlar uchun maxsus CSS klasslari va IDlarini qo’shish/tahrirlash imkoniyati.

    Eski interfeys bir nechta tugmalarning aralashmasiga o’xshardi. Texnik jihatdan, bu oddiy edi, chunki tugmalar bor va siz shunchaki ularni bosasiz. Ammo aslida, u sodda ko’rinmas va his qilinmas edi hamda yangi foydalanuvchilar uchun biroz qo’rqinchli edi (buni ko’rsatib bergan qo’llab-quvvatlovchilarimizga rahmat). Shunday qilib, endi barcha turli xil vositalar o’xshash asboblarga guruhlangan: matnni formatlash, qatorlar va ustunlar va hokazo. Va ishlarni qo’rqinchsiz qilish uchun boshida faqat eng asosiy tugmalar ko’rsatiladi. Ko’proq «kengaytirilgan» vositalarni esa ko’rinishga yoqib qo’yish mumkin. Bu yangi foydalanuvchilarga shunchaki asosiy tartib bilan tanishtirish orqali hamma narsa qanday ishlashini tezda tushunishga imkon berish uchun qilingan, keyin agar ular o’zlarini qulay his qilsalar, qolgan vositalarni ko’rishlari mumkin.

    Har bir element uchun maxsus klasslar va IDlarni tahrirlashga ruxsat berish bo’yicha qancha ko’p so’rovlar bo’lganini ko’rib hayron qoldim. Shaxsan men sahifa tuzuvchilardan foydalanganimda bu vositalardan kamdan-kam foydalanaman, lekin bu faqat men. Maxsus klasslar va IDlarni qo’shishdagi qiyinchilik shundaki, u Page Builder Sandwich falsafasini saqlab qolishi kerak, ya’ni hamma narsa doimo iloji boricha sodda va tushunarli bo’lishi kerak. Shunday qilib, 2.2 versiyasida sahifangizdagi istalgan elementni tanlaganingizda, inspektorda maxsus CSS klasslaringiz va IDlaringizni qo’shishingiz yoki o’zgartirishingiz mumkin bo’lgan xususiyatlar maydonini ko’rishingiz kerak. Bu qatorlar va ustunlar uchun ham ishlaydi, shuning uchun ularni o’zingizga kerakli darajada to’liq sozlashingiz mumkin.

    Page Builder Sandwich rivojlanishini qo’llab-quvvatlagan barchaga rahmat! Kelgusi yangilanishlarni kuzatib boring ?

  • Video, audio va boshqa kontentlarni joylashtirish endi qo‘llab-quvvatlanadi

    Embedding-Video-Audio-and-Other-Content-Now-SupportedBarchaga Yangi Yil muborak bo‘lsin!

    Siz bilan 2.3 versiyasidan boshlab Page Builder Sandwich-da oEmbed-lar qo‘llab-quvvatlanishini mamnuniyat bilan baham ko‘raman! Endi siz YouTube, Vimeo, Twitter, Flickr, Instagram va boshqa ko‘plab xizmatlardan video, rasm, tvitlar va boshqa ko‘plab kontentlarni joylashtirishingiz (embed qilishingiz) mumkin.

    oEmbeds

    Shu paytgacha saytning tashqi qismida (frontend) video yoki boshqa turdagi joylashtiriladigan kontentni qo‘shishning (shortcode-lardan tashqari) imkoni yo‘q edi. Endi oEmbed-lar to‘liq qo‘llab-quvvatlanishini mamnuniyat bilan aytib o‘tmoqchiman. Shunchaki istalgan joyga oEmbed URL manzilini qo‘ying va Enter tugmasini bosing, u avtomatik tarzda joylashtiriladi.

    oembed_cast
    URL manzilini bitta qatorga qo‘yish ularni joylashtirilgan kontentga aylantiradi.

    Qaysi URL manzillar qo‘llab-quvvatlanadi? Xullas, WordPress tomonidan qo‘llab-quvvatlanadigan har qanday Embed URL manzillari! Bundan tashqari, agar sizda oEmbed provayderlarini qo‘shadigan plagin (masalan, WordPress.com tomonidan Jetpack) bo‘lsa, ular ham qo‘llab-quvvatlanadi.

    Ehtimol, ushbu yangi xususiyatning eng yaxshi tomoni shundaki, joylashtirish kontentingizni chalkashtirib yubormaydi. Boshqaruv paneli (backend) muharriridagi joylashtirilgan URL manzillari bitta qatorli URL satri sifatida ko‘rinadi.

    Agar buni sinab ko‘rmoqchi bo‘lsangiz, yuqoridagi jonli demo havolasini bosing va u yerga bir nechta URL manzillarini joylashtiring!

    Boshqa yaxshilanishlar va tuzatilgan xatolar

    • Kontent turi asboblari tugmalari (p, h2, h3 va h.k.) endi nima tanlanganiga qarab ajratib ko‘rsatiladi.
    • Qator balandligi (line height) endi kichikroq span elementlari o‘rniga butun elementga nisbatan qo‘llaniladi.
    • Tuzatildi: Elementlar ba’zan keraksiz inline uslublarga ega bo‘lib qolishi
    • Tuzatildi: Inspektor admin paneli orqasiga o‘tib ketishi va surib bo‘lmaydigan holga kelishi
    • Tuzatildi: Tugma holatlarini yanada yaxshiroq boshqarish
    • Tuzatildi: Formatlash/formatlashni bekor qilish havola qilingan matnni o‘chirib yuborishi
    • Tuzatildi: strong, em, i, b teglarini o‘z ichiga olgan kontentni formatlab bo‘lmasligi
    • Tuzatildi: Ayrim formatlash vositalaridan ustunlar va jadvallar ichida foydalanib bo‘lmasligi
  • Saytingizga video, rasm, tvit va boshqa kontentlarni qanday qo’shish va joylashtirish mumkin

    How-to-Add-and-Embed-Videos-Images-Tweets-and-Other-Content-in-Your-SiteThere may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can embed these content easily in your WordPress site.

    To do this, all you need to do is find the permalink for the content. In some sites like YouTube, the permalink is simply the current URL. For other sites like Reddit or Vimeo, you’ll have to find the “permalink”, “share” or “embed” button to get the URL. In some sites like Facebook, you’ll have to click the date of the status or post in order to get the permalink.

    Doimiy havolalar (permalink) turli xil shakllarga ega bo’ladi, lekin odatda ular quyidagicha ko’rinadi. Mana bu havola YouTube’dan olingan:

    https://www.youtube.com/watch?v=dQw4w9WgXcQ​

    Kontentni joylashtirish (embed qilish) uchun ushbu URL manzillarni kontent muharririga kiritishingiz mumkin. Agar uni joylashtirish mumkin bo’lsa, URL manzil haqiqiy video yoki kontentga aylanganini ko’rasiz. Agar aylanmasa, demak, ushbu saytdan kontent kiritib bo’lmaydi.

    Saytimga qaysi saytlarni joylashtirishim (embed) mumkin?

    Not all sites can be embedded into your WordPress site. The WordPress Codex has a list of sites which you can embed: https://codex.wordpress.org/Embeds

    Plaginlarni o’rnatish orqali joylashtirish mumkin bo’lgan saytlar sonini oshirish

    If the content you want to embed isn’t in the list in the WordPress Codex, there is another way. Installing plugins can add more embeddable sites. For example, installing Jetpack allows you to embed wall posts from Facebook.

    There are plenty more out there that add more sites, do a search for “oEmbed provider” in the WordPress.org plugin repository to find more. Here’s a link to the plugin repo for your convenience: https://wordpress.org/plugins/search.php?type=term&q=oembed+provider

    Kontent qo’shishning yana bir usuli – Iframe joylashtirish (embed) kodlari

    Agar faqat URL manzilni qo’yish ish bermasa, kontentni joylashtirishning yana bir usuli mavjud. O’zingiz kiritmoqchi bo’lgan saytning ulashish (sharing) parametrlarini tekshirib ko’ring, doimiy havoladan tashqari, sizga kichik «joylashtirish kodi» (embed code) ham berilishi mumkin. Joylashtirish kodlari quyidagicha ko’rinadi:

    <iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>​

    Copy that then in your WordPress content editor, click on the text tab on the top of the editor and paste that in. After you’ve pasted that in, head back to the visual tab, you’ll see if it works when the embed code now looks like the actual content that will get embedded. You can’t do this in the visual tab, pasting it from there would just show the pasted code in your site, it won’t get converted into the content.

    Boshqa saytlardagi kontentni Frontend orqali qo’shish uchun Page Builder Sandwich’dan foydalaning

    While adding content from other sites seem easy, doing things in the administration side of WordPress is a bit of a hassle. You have to know whether to add it in the visual tab or text tab, and you’ll have to preview your page or post in order to see how it would look like when viewed by your site’s visitors.

    Page Builder Sandwich saytingizni bevosita frontend orqali tahrirlash imkonini berib, ishlarni osonlashtiradi. Page Builder Sandwich’dan foydalanganingizda, saytingiz kontentini osonlikcha yozasiz va tahrirlaysiz. Boshqa saytlardan kontent joylashtirish ham ancha osonlashadi.

    Page Builder Sandwich yordamida doimiy havola yoki iframe joylashtirish kodini saytingizning old qismidagi (front) istalgan joyiga qo’yishingiz kifoya va u darhol joylashtirilgan kontentga aylanadi, ma’lumotni qaysi yorliqqa (tab) kiritish kerakligini bilishga hojat qolmaydi.

    Page Builder Sandwich-ni hoziroq oling.