Page Builder Sandwich

PBS Pro-г авах

Блог

  • Нүүр хуудасныхаа дээд хэсэгт юу байрлуулах вэ – “Дэлгэцийн эхний харагдац” дахь контентын зөвлөмжүүд

    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.

    Шууд эхлэхээсээ өмнө нүүр хуудасны тань дээд хэсгийг юу гэж нэрлэдэг болохыг мэдэж авах нь зүйтэй. Үүнийг ‘таны-сайтын-дээд-хэсэг’ гэж нэрлэхээс илүү дээр нэршил бий.

    file000153814713_

    “Above the Fold”

    Үүнийг Above the Fold гэж нэрлэдэг. Яагаад гэж үү? Учир нь эрт цагт хүмүүс сонин гэж нэрлэгддэг зүйлтэй байх үед тэдгээрийг ихэвчлэн голоор нь нугалдаг байсан тул зөвхөн дээд хэсэг нь шууд харагддаг байв. Тэрхүү дээд хэсэг буюу “above the fold” хэсэг нь тухайн өдрийн хамгийн чухал онцлох гарчгуудыг агуулдаг байсан бөгөөд дэлгэх үед үлдсэн бага ач холбогдолтой гарчгууд харагддаг байжээ. Үүнтэй адилаар вэбсайтад сайтын тань дээд хэсэг нь хүмүүсийн хамгийн түрүүнд хардаг зүйл бөгөөд доош гүйлгэх үед сонин дэлгэж буй мэт сайтын үлдсэн хэсэг харагддаг.

    Сонины жишээг үргэлжлүүлбэл, та гудамжаар алхаж байгаад сонин зардаг мухлаг харлаа гэж бодъё. Хэрэв та сонинг хараад гарчиг нь сонирхолтой санагдвал цаашхийг нь үзэхийн тулд сонинг худалдаж авч магадгүй юм. Энэ нь үндсэндээ вэбсайттай яг адил бөгөөд хэрэв зочид таны сайтаар зочилж, дэлгэцийн эхний харагдацын (above the fold) агуулгыг сонирхолтой гэж үзвэл тэд итгэл үнэмшил авч, илүү ихийг үзэхийн тулд доош гүйлгэх эсвэл сайтын бусад хэсгийг үзэх болно.

    Нилсений судалгаа

    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.

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

    Иймд нүүр хуудасны дэлгэцийн эхний харагдацын агуулга хэр чухал болохыг мэдсэний дараа та сайтынхаа дээд хэсэгт юу байрлуулах ёстой вэ?

    Шууд гол зүйлдээ ор

    Сайт тань юуны тухай болохыг шууд тодорхой харуул. Таны нүүр хуудас болон дэлгэцийн эхний харагдацын (above the fold) хэсэг нь бүхэл бүтэн сайтын тань амин сүнс юм. Хэрэв зочид төөрөлдвөл тэд шууд буцаж, цонхыг хаах болно. Хэрэв та шинэ номын зохиолч бол тийм гэдгээ бичиж, хамгийн сүүлийн үеийн номоо танилцуул. Хэрэв та хуримын зохион байгуулагч бол зочдодоо амьдралынх нь хамгийн мартагдашгүй хуримыг бэлэглэх зохион байгуулагч гэдгээ бич. Эсвэл жижиг зочид буудалдаа зориулж сайт хийж байгаа бол хотын хамгийн шилдэг өглөөний цайтай зочид буудал (bed and breakfast) гэдгээ бичээрэй. (Би эдгээр жишээг доор дэлгэрэнгүй ашиглах болно.)

    Зочид тань энэ сайт юуны тухай болохыг таах гэж зовох ёсгүй. Тэд үүнийг шууд ойлгох ёстой бөгөөд зөвхөн тэгж байж л илүү дэлгэрэнгүйг үзэхийн тулд доош гүйлгэх болно.

    Зочдоо зорилготойгоор татан оролцуул

    Дараа нь та вэбсайтынхаа бодит зорилгын талаар бодох хэрэгтэй. Анхнаасаа вэбсайт нээх болсон шалтгаан тань юу вэ? Шалтгаан нь юу ч байсан, та үүнийгээ мөн дэлгэцийн эхний харагдац дээрээ байрлуулах ёстой.

    Дээр дурдсан цөөн хэдэн жишээг авч үзье. Шинэ номын зохиолчийн хувьд та илүү олон хүнд танигдахыг хүсэж байж болох юм. Хэрэв танд үнэгүй цахим ном байгаа бол зочдодоо татаж авах товчийг байрлуулж болно. Хуримын зохион байгуулагчийн хувьд үйлчилгээний тань талаар тантай холбогдохыг хүсэх тул утасны дугаар эсвэл холбоо барих маягт байрлуул. Эсвэл жижиг зочид буудлын хувьд утасны дугаарын хамт захиалгын маягт оруулна уу.

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

    Дэлгэцийн эхний харагдацын дизайн

    Одоо юу оруулахаа мэдсэн тул дизайны талаар шийдэх цаг боллоо. Хувьдаа би цэвэрхэн, хэсэгчилсэн агуулгыг илүүд үздэг бөгөөд тиймээс манай нүүр хуудас цул дэвсгэртэй байдаг. Гэхдээ дэлгэцийн эхний харагдацын агуулгаа илүү амьд болгохын тулд зураг эсвэл видео хавсаргах нь бас сайн санаа юм.

    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.

    Дүгнэлт

    Нүүр хуудасныхаа дэлгэцийн эхний харагдацын агуулгыг бүтээх нь тийм ч хэцүү биш боловч зөв хийхийн тулд бага зэрэг бодож, туршиж үзэх шаардлагатай. Хэрэв та аль хэдийн сайттай бөгөөд түүндээ дассан ч Google Analytics дээр тань татгалзалтын хувь (bounce rate) өндөр байгаа бол дээрх зөвлөмжүүдийг ашиглан дэлгэцийн эхний агуулгаа эргэн харж, дахин бодож үзэхийг уриалж байна.

    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-ийн талаар дэлгэрэнгүй үзэх

  • 100 доллароос бага зардлаар эхнээс нь хэрхэн вэбсайт хийх вэ

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

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

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

    Ажлаа дуусгахад бидэнд юу бий болохыг жагсааж үзье. Энэ нийтлэлийн төгсгөлд та дараах зүйлстэй болсон байна:

    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.

    Танд юу хэрэгтэй вэ

    За ингээд бодит алхмуудаа эхлүүлэхийн өмнө бидэнд дараах зүйлс хэрэгтэй болно:

    1. Таны вэбсайт ямар байх талаарх санаа,
    2. 100 ам.долларын үлдэгдэлтэй кредит карт эсвэл Paypal данс, мөн
    3. Цангахаас сэргийлж хийжүүлсэн ундаа эсвэл аяга ус, ус сайн уух нь үргэлж тустай байдаг.

    Вэбсайт гэж юу вэ?

    Ямар нэгэн зүйл хийж эхлэхээсээ өмнө бид яг юу бүтээж байгаагаа мэдэх нь чухал юм. Тийм ээ, бид таны өөрийн гэсэн вэбсайтыг бүтээх гэж байна, гэхдээ энэ нь яг юу юм бэ?

    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

    Өмнөх догол мөр дэх тодруулсан үгс нь бидэнд авах шаардлагатай зүйлс юм. Аз болоход, эдгээрийг бүгдийг нь нэг дороос авах боломжтой газар бий.

    Интернэтээс өөрийн гэсэн байршилтай болох нь

    Би GoDaddy-ийн Managed WordPress Hosting – Basic Plan-ийг сонгохыг зөвлөж байна. Энэхүү багц нь хамгийн бага төвөгтэйгөөр сайтаа шууд үүсгэхэд хэрэгтэй бүх зүйлийг бидэнд олгодог. Хамгийн гоё нь бид бүх зүйлийг тохируулах техникийн нарийн ширийн зүйлд санаа зовох шаардлагагүй болно.

    Хэрэв та “Managed WordPress Hosting” багц гэж юу болохыг сонирхож байвал тайлбарлая:

    • 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!

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

    Тэдний багцуудын талаарх дэлгэрэнгүй мэдээллийг доорх холбоосоор орж үзнэ үү (тэд надад сурталчилгааны мөнгө төлөөгүй шүү):

    GoDaddy-ийн Managed WordPress хостинг төлөвлөгөөнүүдтэй танилцана уу

    Бүх мэдээллээ бөглөөд, хүссэн домэйн нэрээ хайж олоод (заавал supermegaawesomewebsite.com гэж оруулах шаардлагагүй), дараа нь төлбөрөө төлөн худалдан авалтаа үргэлжлүүлнэ үү.

    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

    Баяр хүргэе, та одоо WordPress вэбсайттай боллоо!

    GoDaddy хостингоо авсны дараа таны сайт бүрэн ажиллаж эхлэх ёстой. Та өөрийн http://supermegaawesomewebsite.com домэйн руу орж сайтаа харах боломжтой.

    Сайтын тань анхны харагдац бага зэрэг… хоосон… байж магадгүй бөгөөд энэ нь хэвийн зүйл юм. Санаа бүү зов, үүнийг хамтдаа янзалцгаая!

    Вэбсайт руугаа нэвтрэх

    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 нь эхлэн суралцагчдад сайтаа тохируулахад нь туслах өөрийн гэсэн “Quick Setup” системтэй. Хэрэв та WordPress хэрхэн ажилладагийг мэдэхгүй бол энэхүү тохиргооны дагуу явахыг зөвлөж байна.

    WordPress-ийг сурах

    Одоо WordPress-тэй танилцах цаг боллоо. Өмнө дурдсанчлан, WordPress бол таны контентоо нийтлэхэд ашиглаж буй платформ юм. Өөрөөр хэлбэл: та сайтдаа нэвтэрч, хуудас болон блог нийтлэл үүсгээд, шууд л нийтлэх (publish) товчийг дарна гэсэн үг.

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

    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 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

    Сайтаа үзэмжтэй харагдуулах

    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

    Сайтдаа илүү олон функц нэмэх

    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 :)

    Түр хүлээнэ үү! Энэ цонхыг хараахан битгий хаагаарай!

    Хүлээгээрэй! Та энэ цонхыг хаахаасаа өмнө би Page Builder Sandwich-ийг дурдмаар байна. Би дээр олон гайхалтай зүйлсийг дурдсан ч та Page Builder Sandwich-ийг хараахан хараагүй байна.

    Page Builder Sandwich нь ямар ч код мэдэхгүйгээр цоо шинэ сайтынхаа хуудсуудыг хялбархан зохион бүтээх боломжийг танд олгоно. Энэ нь бичвэр боловсруулах программ дээр баримт засварлахтай төстэй харагдаж, ажилладаг ч вэбсайтад зориулагдсан байдаг. Үүний тусламжтайгаар та карусель гүйлгэгч, дүрс тэмдэгт, товчлуур, зургийн арын дэвсгэр болон бусад олон зүйлийг сайтдаа хялбархан оруулж, илүү гайхалтай болгох боломжтой.

    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-ийн демо хувилбарыг туршиж үзэх

    Page Builder Sandwich Cost: $39 for 1 site

    Total Cost so far: $86.18 – $203.88

  • Page Builder Sandwich Lite нь WordPress-ийн залгаасын санд одоо бэлэн боллоо

    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 хувилбар нь дээд зэрэглэлийн (premium) залгаасын хураангуйлсан хувилбар боловч бүрэн ашиглах боломжтой хэвээр байна. Lite хувилбарт байгаа боломжууд болон хэрэгслүүдийн жагсаалтыг энд харуулав:

    • Шууд фронтэнд засварлалт
    • Попап цонхны төвөггүйгээр шууд товшоод бичих засварлалт
    • Текст форматлах хэрэгслүүд: өнгө, тод, налуу, доогуур зураас, хэвтээ шугам, зэрэгцүүлэлт гэх мэт, үндсэндээ TinyMCE арын засварлагч дээр хийж болох бүх зүйл.
    • WordPress медиа менежер ашиглан зураг оруулах болон зураг боловсруулах
    • WordPress-ийн холбоос үүсгэх харилцах цонхыг ашиглан холбоос үүсгэх
    • Блок элементүүд: гарчиг, эшлэл, цэгтэй болон дугаарласан жагсаалт
    • Бүх боломжтой шорткодуудын бүрэн жагсаалтын хамт шорткодыг бодит цагт дүрслэх болон засварлах
    • Дотроо агуулах боломжтой мөр & баганууд бүхий бүтэц зохион байгуулалт
    • Мөр & баганын шинж чанарууд: дэвсгэр өнгө, гадна зай, дотор зай болон хүрээ
    • Ажилладаг буцаах/дахин хийх үйлдэл
    • Мөн өөр олон зүйл!

    Lite хувилбарыг одоо татаж авах

    Хэрэв та залгаасын хуудсыг үзээд яагаад цоо шинэ биш байгааг гайхаж байгаа бол энэ нь залгаасын анхны хувилбар биш учраас тэр юм. Жилийн өмнө энэ нь арын (backend) хуудас бүтээгч байсан ч надад таалагдаагүй бөгөөд олон сарын турш тунгаан бодож, тархиа гашилгасны эцэст би цоо шинэ чиглэл сонгосон. Одоо энэ нь миний өөрөө ч дуртайяа ашигладаг гайхалтай фронтэнд хуудас бүтээгч болсон.

    Энэ миний загвартай ажиллах уу?

    Техникийн хувьд энэ нь бүх төрлийн загвартай ажиллах ёстой. Бид хэрэглэгчид болон үйлчлүүлэгчдийнхээ хамтаар WordPress.org сангийн загварууд, Genesis Themes, StudioPress Themes, Elegant Themes болон ThemeForest-ийн загварууд зэрэг олон төрлийн загвартай Page Builder Sandwich-ийг амжилттай туршиж ашигласан. Хэрэв таны загвартай ажиллахгүй бол бидэнд мэдэгдээрэй, бид засах болно.

    Энэ миний одоогийн агуулгатай ажиллах уу?

    Page Builder Sandwich нь таны одоо байгаа агуулгатай сайн ажиллах ёстой. Таны агуулгыг шууд фронтэнд дээр засварлах боломжтой байх болно!

    Хэрэв таны агуулга дотор шорткод дотор шорткод агуулсан олон элементүүд байгаа бол (жишээ нь, та баганын шорткод ашиглаж байгаа бол) эхлээд эдгээр баганын шорткодыг цэвэрлэж устгахыг бид зөвлөж байна. Page Builder Sandwich нь цэвэр CSS бүхий, шорткодгүй, уян хатан багануудтай ирдэг. Тэдгээр нь илүү хурдан бөгөөд илүү найдвартай ажилладаг тул оронд нь тэдгээрийг ашиглах нь дээр байх болно.

    Анхны танилцуулгын тусгай хөнгөлөлт

    Хэрэв та бүтэн өргөнтэй мөр, текст, зураг, мөр болон баганын ахисан түвшний форматлалт зэрэг илүү олон боломжуудыг хүсэж байвал premium хувилбар танд таалагдах болно. Мөн та залгаасын шинэчлэлт болон хэрэглэгчийн дэмжлэгийг авах болно.

    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-ыг одоо дэмждэг боллоо, нэмээд форматлах хэд хэдэн гайхалтай хэрэгслүүд

    Markdown-Now-Supported,-Plus-A-Few-Cool-Formatting-Tools2.4 хувилбараас эхлэн та өөрийн агуулгыг Markdown ашиглан фронтенд дээрээсээ засах боломжтой болсныг дуулгахад таатай байна!

    Markdown синтаксын дэмжлэг

    Markdown гэж юу вэ? Энэ нь үндсэндээ товчлолын товчлууруудтай төстэй боловч товчлуурын хослол дарахын оронд тэдгээрийг шивж бичсэнээр форматлалт нь шууд хэрэгждэг. WordPress саяхан мөн Markdown-ийн дэмжлэгийг нэмсэн бөгөөд одоо та Page Builder Sandwich дотор ч эдгээрийг хийх боломжтой боллоо. Та Markdown-ийн тусламжтайгаар янз бүрийн гарчиг, эшлэл блок, урьдчилан форматласан текст эсвэл код, хэвтээ шугам, цэгтэй болон дугаарласан жагсаалт, холбоосуудыг нэмэх боломжтой.

    Үүнийг хулганаараа форматлах товчнууд дээр дарахын нэг хувилбар гэж ойлгож болно. Жишээлбэл, блог нийтлэл бичиж байхдаа дахин нэг гарчиг оруулахаар шийдвэл та зүгээр л хоёр чагт тэмдэг (##) бичээд дараа нь гарчгийн текстээ бичиж болно. Enter дармагц тухайн мөр бүхэлдээ <h2> шошго болон хувирах болно. Ямар гайхалтай гээч?

    Та дэмжигдсэн бүх markdown синтаксын жагсаалтыг манай баримт бичгийн хуудаснаас үзэх боломжтой: http://pagebuildersandwich.helpscoutdocs.com/article/4-how-to-use-markdown

    Та үүнийг мөн шууд демо

    Хэд хэдэн гайхалтай форматлах хэрэгсэл ба боломжууд

    Мөн танд хэд хэдэн шинэ хэрэгсэл ашиглах боломжтой болсныг дурдах нь зүйтэй:

    • Товчны хэрэгсэл – Одоо та богино код (shortcode) ашиглахгүйгээр товчлуурууд үүсгэх боломжтой боллоо! Өмнө нь та зөвхөн холбоос үүсгэхээр хязгаарлагддаг байсан бол одоо үгүй болсон! Үүний гайхалтай тал нь та ямар ч ядаргаатай попап цонх дамжихгүйгээр товчны нэр болон өнгийг шууд засах боломжтой.
    • Кодын хэрэгсэл – Хөгжүүлэгчид баярлаж болно, одоо та мөр доторх текстийг code.
    • Хэвтээ шугамын хэрэгсэл – Агуулгаа тусгаарлахад нэн тохиромжтой. Үүнд зориулсан markdown синтакс бас бий бөгөөд нэг мөрөнд нэг эсвэл хэд хэдэн зураас бичихэд л энэ нь хэвтээ шугам болон хувирна.

    Эдгээрээс гадна ашиглахад хялбар шинэ боломжууд нэмэгдсэн:

    • Таныг холбоос хуулж тавих бүрд энэ нь автоматаар холбоос шошго (anchor tag) болон хувирна (хэрэв энэ нь YouTube видео гэх мэт шигтгэж болох URL бол контент шууд шигтгэгдэн харагдах болно).
    • Зургийг finder эсвэл explorer-оос шууд цонх руу чирснээр Медиа менежерт тань татагдан орох болно. Энэ нь цагийг үнэхээр их хэмнэдэг.

  • 2.2 хувилбарын явцын мэдээлэл

    Version-2-2-Progress-UpdateӨнгөрсөн долоо хоногт бид олон алдааг засварлаж, Page Builder Sandwich-д WordPress холбоос засварлагчийн харилцах цонхыг нэмсэн 2.1 хувилбарыг гаргасан.

    Одоо бид Page Builder Sandwich дээр хамгийн их хүсэлт гаргасан хоёр үндсэн боломжийг шийдвэрлэлээ:

    1. Илүү оновчтой, цэвэрхэн, энгийн бөгөөд шинэчлэгдсэн хэрэглэгчийн интерфэйс.
    2. Элементүүд, мөрүүд болон багануудад зориулан өөрийн CSS класс болон ID нэмэх/засварлах боломж.

    Хуучин интерфэйс нь олон товчлуурын холимог мэт харагддаг байсан. Техникийн хувьд товчлуурууд байдаг бөгөөд та зүгээр л дардаг тул энэ нь энгийн юм. Гэвч бодит байдал дээр энэ нь энгийн харагдаж, мэдрэгддэггүй байсан бөгөөд шинэ хэрэглэгчдэд бага зэрэг сүрдмээр байсан (үүнийг онцолж хэлсэн дэмжигчиддээ баярлалаа). Тиймээс одоо бүх өөр өөр хэрэгслүүдийг төстэй хэрэгслүүдээр нь бүлэглэсэн: текстийн форматжуулалт, мөр болон баганууд гэх мэт. Мөн хэрэглэгчдийг сүрдүүлэхгүй байхын тулд эхэндээ зөвхөн хамгийн үндсэн товчлууруудыг харуулна. Илүү “дэвшилтэт” хэрэгслүүдийг харагдах байдалд шилжүүлэн харах боломжтой. Энэ нь шинэ хэрэглэгчдэд эхлээд үндсэн бүтцийг танилцуулснаар бүх зүйл хэрхэн ажилладагийг хурдан ойлгуулах, дараа нь хэрэв тэд дассан бол бусад хэрэгслүүдийг харах боломжийг олгох зорилготой юм.

    Элемент бүрт өөрийн класс болон ID-г засах боломж олгох талаар хичнээн олон хүсэлт ирснийг хараад би гайхсан. Хувьдаа би хуудас бүтээгчдийг ашиглахдаа тэдгээр хэрэгслийг ховорхон ашигладаг, гэхдээ энэ бол зөвхөн миний л хувьд. Өөрийн класс болон ID нэмэхэд тулгарч буй бэрхшээл нь бүх зүйл аль болох энгийн бөгөөд ойлгомжтой байх ёстой гэсэн Page Builder Sandwich-ийн философийг хадгалах явдал байв. Тиймээс 2.2 хувилбарт та хуудасныхаа аль ч элементийг сонгоход өөрийн CSS класс болон ID-г нэмэх эсвэл өөрчлөх боломжтой байцаагч (inspector) доторх шинж чанаруудын талбарыг харах болно. Энэ нь мөр болон багануудад мөн адил ажиллах тул та өөрт хэрэгтэй бүх зүйлдээ нийцүүлэн тэдгээрийг бүрэн тохируулах боломжтой.

    Page Builder Sandwich-ийн хөгжүүлэлтийг дэмжсэн бүх хүмүүст баярлалаа! Цаашдын шинэчлэлтүүдийг цаг алдалгүй хүлээн авч байгаарай ?

  • Видео, аудио болон бусад агуулга суулгахыг одоо дэмждэг боллоо

    Embedding-Video-Audio-and-Other-Content-Now-SupportedБүгдэд нь Шинэ оны мэнд хүргэе!

    2.3 хувилбараас эхлэн Page Builder Sandwich дээр oEmbed-үүдийг ашиглах боломжтой болсныг та бүхэнтэй хуваалцахдаа таатай байна! Та одоо YouTube, Vimeo, Twitter, Flickr, Instagram гэх мэт платформуудаас видео, зураг, хэлэлцүүлгийн сэдэв болон бусад олон төрлийн контентыг шигтгэн оруулах (embed) боломжтой боллоо.

    oEmbed-үүд

    Өнөөг хүртэл фронтенд хэсэгт видео эсвэл бусад төрлийн шигтгэж болох контентыг нэмэх боломж (shortcode-уудыг эс тооцвол) байгаагүй. Харин одоо oEmbed-ийг бүрэн дэмждэг болсныг хэлэхэд таатай байна. Зүгээр л oEmbed URL-ийг хаана ч хамаагүй хуулж тавиад (paste) enter дарахад л автоматаар шигтгэгдэн орох болно.

    oembed_cast
    Нэг мөрөнд URL хуулж тавихад түүнийг шигтгэсэн контент болгон хувиргана.

    Ямар URL-ууд дэмжигдэх вэ? За, WordPress-ийн дэмждэг бүх л Embed URL-ууд дэмжигдэнэ! Мөн хэрэв танд oEmbed үйлчилгээ үзүүлэгчдийг нэмдэг залгаас (жишээ нь, WordPress.com-ын Jetpack) байгаа бол тэдгээр нь ч мөн адил дэмжигдэх болно.

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

    Хэрэв та үүнийг туршиж үзэхийг хүсвэл дээрх шууд үзүүлэх холбоос (live demo link) дээр дарж, тэнд хэдэн URL хуулж тавиад үзээрэй!

    Бусад сайжруулалтууд болон алдааны засварууд

    • Контентын төрлийн хэрэгслийн товчнууд (p, h2, h3 гэх мэт) одоо сонгосон зүйлээс хамаарч идэвхжиж харагдана.
    • Мөрийн өндөр нь одоо жижиг span элементүүдийн оронд бүхэл элементэд хэрэгжинэ.
    • Зассан: Элементүүдэд заримдаа шаардлагагүй inline загварууд (styles) оноогддог байсан
    • Зассан: Хяналтын хэрэгсэл (inspector) админ самбарын цаагуур орж, зөөх боломжгүй болдог байсан
    • Зассан: Товчны төлөвүүдийг илүү сайн боловсруулдаг болсон
    • Зассан: Формат оруулах/арилгах үед холбоос бүхий текстийг устгадаг байсан
    • Зассан: strong, em, i, b хаягуудыг агуулсан контентыг форматлах боломжгүй байсан
    • Зассан: Зарим форматлах хэрэгслийг багана болон хүснэгт дотор ашиглах боломжгүй байсан

  • Өөрийн сайтад видео, зураг, жиргээ болон бусад агуулгыг хэрхэн нэмэх ба суулгах (embed) вэ

    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.

    Байнгын холбоос нь олон янзын хэлбэртэй байдаг ч ихэвчлэн доорх шиг харагддаг. Энэ жишээ нь YouTube-ээс авсан холбоос юм:

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

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

    Би өөрийн сайтдаа ямар сайтуудыг суулгаж оруулах боломжтой вэ?

    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

    Нэмэлт өргөтгөл (Plugin) суулгаснаар суулгах боломжтой сайтуудын тоог нэмэгдүүлнэ

    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

    Агуулга нэмэх өөр нэг арга – Iframe-ийн суулгах кодууд

    Хэрэв зөвхөн URL хуулж тавих нь үр дүнгүй байвал контент оруулах өөр нэг арга бий. Оруулахыг хүссэн сайтынхаа хуваалцах сонголтуудыг шалгаад үзээрэй, байнгын холбоосоос гадна танд жижиг хэсэг “суулгах код” (embed code) өгөгдөж магадгүй. Суулгах код нь дараах байдалтай харагддаг:

    <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.

    Page Builder Sandwich-ийг ашиглан бусад сайтын агуулгыг хэрэглэгчийн талын интерфейсээс (Frontend) нэмэх

    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 нь таны бодит сайтыг бүхэлд нь нүүрэн талаас (frontend) засах боломжийг олгож, бүх зүйлийг илүү хялбар болгодог. Page Builder Sandwich-ийг ашигласнаар та өөрийн сайтын агуулгыг хялбархан бичиж, засварлана. Бусад сайтуудаас агуулга суулгах нь мөн хамаагүй хялбар байх болно.

    Page Builder Sandwich-ийн тусламжтайгаар байнгын холбоос эсвэл iframe суулгах кодыг сайтынхаа нүүрэн хэсгийн аль ч хэсэгт хуулж тавихад л шууд суулгасан контент болон хувирах тул алийг нь аль таб дээр оруулахаа мэдэх шаардлагагүй болно.

    Page Builder Sandwich-ийг яг одоо аваарай.