Автор: Neil Lock

Жалпы, шорткодтар деген не нәрсе өзі?

Байқаған болсаңыз, WordPress-тің басты қағидаларының бірі — әрқашан, үнемі барлық адамдарға (жаңадан бастаушыларға да, тәжірибелі әзірлеушілерге де) істі біршама жеңілдету. Осы мақсатқа жетудің бір жолы — қысқа кодтарды (shortcodes) пайдалану.

WordPress.com қолдау көрсету беті оларды былайша анықтайды:

Өте қарапайым естіледі. Енді осы мақалаға дейін қысқа кодтар туралы естімеген болсаңыз және олардың қандай болатынын білмесеңіз, олар — шаршы жақшаларға алынған көне код тәрізді мәтіндер.

Әдетте мынадай болып көрінетін кәдімгі кодпен салыстырғанда:

(Эмм. Не бұл?)

Қысқа кодтар жалпы алғанда шамамен мынадай болады:

(Түк те қиын емес.)

…және егер сіз әзірлеуші болсаңыз (немесе тіпті компьютерді өмірінде тым болмаса екі рет ұстап көрген адам болсаңыз), бір ғана кішкентай тапсырманы орындау үшін жай ғана теру мен шертудің өзі көп уақытыңызды алуы мүмкін екендігімен келісетін шығарсыз. Пернелер тіркесімі бар екені сияқты, біз бәрімізге істі жеңілдету үшін, жақсырақ нәрселер жасап, уақытты үнемдеу мақсатында қысқа кодтар да бар; олардың мақсаты бірдей болғандықтан, пернелер тіркесімдеріне өте ұқсас.

Енді дәл осы нақты қысқа кодқа қайта оралайық, жоғарыдағымен бірдей:

Бұл нақты қысқа код embed shortcode деп аталады және әдепкі бойынша WordPress-ке кірістірілген. Ол көрсетілген URL-дегі бейнені контентіңізге ендіреді. Егер қазір WordPress-те болсаңыз, оны сынап көру үшін жоғарыдағы қысқа кодты көшіріп, сайтыңызға қоюыңызға болады.

Дегенмен, қысқа кодтар уақыт үнемдеудің мінсіз шешімі емес. Біз алдыңғы мақаламызда қысқа кодтардың өз кемшіліктері неге бар екенін және оларды түзету үшін Sandwich командасы нені дайындап жатқанын тереңірек қарастырамыз.

Әзірге қысқа кодтармен тәжірибе жасап, олардың сіз үшін не істей алатынын өз көзіңізбен көріңіз.

Сайт жасау сәтті болсын!

2 октября, 2026
Шорткодтардың ашық айтылмайтын мәселесі

Қысқа кодтар (shortcodes) – WordPress-тің ең маңызды жетістіктерінің бірі. Қысқа кодтар әзірлеушілер мен сайт жасаушылар арасындағы көпір болып табылады, бұл адамдарға күрделі контент бөліктерін өздері қалаған кез келген жерге дерлік орналастыруға мүмкіндік береді. Плагин жасаушылар қысқа кодтарды жақсы көреді, өйткені бұл олардың пайдаланушыларына контентті қалай және қайда көрсетуге болатынына көбірек икемділік береді.

Егер сіз қысқа кодтардың не екенін және олардың қалай көрінетінін білмесеңіз, олар төртбұрышты жақшаға алынған көне код тәрізді мәтіндер болып табылады. Олар шамамен мынадай көрінеді:

Бұл нақты код embed қысқа коды деп аталады және әдепкі бойынша WordPress-ке кірістірілген. Бұл код URL мекенжайындағы бейнені контентіңізге ендіреді. Егер оны сынап көргіңіз келсе, жоғарыдағы қысқа кодты көшіріп, сайтыңызға қойыңыз.

Шымылдықтың артында мынадай жайт орын алады: WordPress контентіңізде қысқа кодты кездестіргенде, ол өңделіп, басқа нәрсеге айналады. Біздің жоғарыдағы жағдайымызда, әрбір

қысқа коды анықталған сайын, WordPress қысқа кодтағы URL мекенжайын алып, оны өзінде бар бірқатар контент провайдерлерімен тексереді. Біреуін тапқан кезде, ол тиісті iframe ендіру кодын алады және оның орнына соны көрсетеді.

Сонымен мұнда қандай мәселе бар? Бұл оңай сияқты естіледі, сіз жай ғана жақшалары бар қысқа мәтінді енгізесіз және бәрі дайын.

Shortcode API-мен танысыңыз..

Қысқа кодтардың көптігі

Shortcode API әзірлеушілерге қысқа кодтарды жасауға мүмкіндік ашады. Осының арқасында әзірлеушілер өздерінің плагиндерінің ішіне жеке қысқа кодтарын қоса алады.

Бұл өте жақсы, енді код тәрізді қысқа үзіндімен (сондықтан да «shortcode» деп аталады), жаңадан бастаушылар да, тәжірибелі пайдаланушылар да кез келген контент түрін кез келген жерге дерлік орналастыра алады.

Әдепкі бойынша WordPress-те қысқа кодтардың бірнешеуі ғана бар. Олар аз болғандықтан, жатқа теру оңай. Бірақ егер сіз бірнеше плагин орнатсаңыз, қысқа кодтардың саны тез арада ондаған немесе одан да көпке, ал кейбір жағдайларда жүзден асаға дейін өседі. Әрбір қысқа кодтың өз атрибуттар жиынтығы және оларды қалай пайдалану керектігі туралы нұсқаулары бар. Әрбір плагинде барлық қысқа кодтарының қалай жұмыс істейтіні туралы құжаттама болуы және әрқайсысында қолжетімді параметрлер тізімі берілуі әбден мүмкін. Бірақ барлық қысқа кодтарды және олардың атрибуттарын жаттап алуға тырыссаңыз, есіңізден танасыз.

Мәселе мынада: сайтыңызда қолжетімді барлық қысқа кодтарды және оларды қалай пайдалану керектігін білуге болатын орталықтандырылған орын жоқ.

Кейбіреулер мәселені шешуге тырысады

Кейбір плагиндер барлық жеке қысқа кодтарын оңай қолжетімді ашылмалы тізімде ұсыну арқылы бұл мәселені шешуге тырысады. Содан кейін біреуін басқанда, ол үшін барлық мүмкін атрибуттарымен толық қысқа код көрсетіледі. Оны бұдан былай жаттаудың қажеті жоқ, бұл жақсы нәрсе.

Кейбіреулер одан да әрі барып, қысқа кодтың атрибуттарын толтыру үшін жалаушалары (checkbox) мен түс таңдауыштары бар параметрлердің қалқымалы терезесін қосады.

Бұл шешім белгілі бір деңгейде жұмыс істейді. Дегенмен, әрбір плагин тек өзінің қысқа кодтарын ғана тізімдейді. Сондықтан, егер әрбір плагин қысқа кодты таңдаудың өзіндік формасын жасайтын болса, экранда бірнеше қысқа код таңдауыш пайда болатын кездерге тап боласыз (бұл менде бұрын болған).

Басқаша айтқанда, әрбір плагин өз білгенін істейді және өз қысқа кодтары үшін жеке шешімін қолданады. Кейбір плагиндер «Медиа қосу» батырмасының қасына жаңа батырма немесе TinyMCE ішіне жаңасын қосады.

Енді сіз: «Неге басқа плагиндердің де қысқа кодтарын жинап, оларды ашылмалы тізімге / қысқа код таңдауышқа қоспайды?» деп ойлауыңыз мүмкін. Дәл осылай мен де ойладым. Бірақ, мұны айту оңай, істеу қиын. Себебін сәлден соң түсіндіремін, бірақ алдымен мінсіз шешімнің қалай көрінетінін қарастырайық.

Мінсіз шешім

Керемет жоспар – бұл сайтыңыздағы барлық қолжетімді қысқа кодтарды жинайтын, содан кейін сізге олардың тізімін көрсететін және барлық атрибуттарды толтыруға көмектесетін плагин жасау болар еді. Және әр жолы жаңа плагин орнатқан сайын, жаңадан енгізілген қысқа кодтардың барлығы сізге бірден ұсынылатын еді.

Оңай қол жеткізу үшін барлық қысқа кодтарыңыз орналастырылатын орталық орынды елестетіп көріңізші. Әрбір қысқа код олардың не істейтінін және қай плагинге тиесілі екенін сипаттайтын болады. Содан кейін әрбір қолжетімді атрибут үшін, олардың әрқайсысында белгі, олар үшін мәнді таңдаудың тиісті тәсілі және сипаттамасы болатынын елестетіңіз. Сізге ашылмалы тізімдер, түс таңдауыштар, радио батырмалар, ауыстырғыштар және т.б. көрсетіледі.

Осындай нәрсе біздің веб-сайт пен контент жасаушылар ретіндегі өмірімізді жеңілдететін еді. Өзіңіз пайдаланғыңыз келетін слайдер үшін жасалған қысқа кодты көшіріп алу мақсатында әртүрлі құжаттамаларды немесе басқару тақтасының әртүрлі бөліктерін тексерудің қажеті болмайтын еді.

Ескерту

Өкінішке қарай, қазіргі уақытта мұндай нәрсені жасау өте қиын. Қысқа кодтың барлық мәліметтерін білудің нақты кепілдендірілген тәсілі жоқ. Сіз барлық қысқа кодтардың тізімін ала аласыз, бірақ олардың тек нақты тегтерін/атауларын ғана аласыз, олар туралы атрибуттар тізімі, олар не істейтіні және олардың түрлері – мысалы, жол, түс немесе сан сияқты қосымша мәліметтерді ала алмайсыз. Сондай-ақ әрбір атрибут үшін шамалы болса да сипаттама ала алмайсыз.

Әзірлеушілердің назарына: иә, shortcode_atts функциясы үшін жаңадан қосылған үшінші аргумент бар, бірақ бұл міндетті аргумент емес. Сондықтан әлемдегі әрбір плагин әзірлеушісі оны енгізбейінше, бізде қысқа кодтың барлық атрибуттарын анықтаудың сенімді жолы болмайды.

Shortcode API қысқа код сипаттамаларын, атрибут түрлерін сәйкестендіруді немесе атрибут сипаттамаларын қосу үшін ешқандай мүмкіндік бермейді. Және WordPress-тің өзі қысқа кодтарға қол жеткізудің орталық аймағын қоспаса, бұл мүмкіндік жасалады деп ойламаймын.

Қорытынды

Қазіргі уақытта қысқа кодтарды реттеу міндеті әрбір әзірлеушінің өзіне қалдырылған. WordPress ішінде орталықтандырылған әдіс жасалмайынша, басқару тақтасында бірнеше «Қысқа код қосу» батырмасын көруді жалғастыра бересіз. Мұндай нәрсені WordPress Core-ға қосу керек пе, жоқ па – бұл өз алдына тағы бір үлкен талқылау тақырыбы.

Балама нұсқа

Бұған басқаша қарайтын бет құрастырушы (page builder) плагиндер бар. Олар қысқа кодтарды бағдарламалық түрде анықтаудың орнына, пайдаланушылар қысқа кодтың әрбір мәліметін қолмен енгізе алатын қысқа код карталарын (shortcode mappers) ұсынады. Аяқталғаннан кейін ол бет құрастырушы ішінде қолжетімді болады. Бұл жұмыс істегенімен, олар тек сіздің жеке сайтыңызда ғана қолжетімді болады.

Біз, Page Builder Sandwich тобы, осы қысқа код мәселесін шеше алады деген үмітпен жаңа дүние жасап жатырмыз. Біздің жетістіктеріміз туралы хабардар болу үшін төмендегі жаңалықтар бюллетенімізге жазылыңыз.

2 октября, 2026
Бетіңізге сәнді карталарды қосу — бұл интерактивті тәжірибе
Енді Page Builder Sandwich арқылы бет дизайныңызға карталарды орналастыра аласыз!

Карталарға бола қуану оғаш көрінуі мүмкін. Google Map URL мекенжайын алып, оны кірістіресіз. Немесе интернеттен карта плагинін тауып, қысқа кодты қоясыз. Не болмаса басқа бет құрастырғышыңызда бұл мүмкіндік бар болып, оны қалаған уақытта қоса аласыз. Бірақ біздің қуанып отырғанымыздың себебі — біз карта қосуды мүлдем жаңа деңгейге көтердік.

Міне, алдын ала қарау:

Карта қосудың ескі, жалықтыратын тәсілі

Әдеттегі бет құрастырғышпен карта қалай қосылады:
1. Жаңа карта элементін сүйреп апарасыз,
2. Өрістерге ендік пен бойлықты енгізесіз,
3. Өрістерге картаның биіктігі, ені сияқты басқа мәндерді енгізесіз, жол стилінің құсбелгісін белгілейсіз және т.б.,
4. Алдын ала қарау түймесін басып, оның қалай көрінетінін тексересіз де, одан да әдемі көрінуі үшін бірдеңені өзгерту керек деп шешесіз,
5. Бет құрастырғышқа қайта оралып, мәндерді өзгертесіз, содан кейін жоғарыдағы 4-қадамды қайталайсыз.
Page Builder Sandwich көмегімен карта қосу тәсілі

Веб-сайттардағы карталар интерактивті – оларды жылжытуға, масштабын үлкейтуге және кішірейтуге болады. Сондықтан біз барлық болжамдарды алып тастап, бетті құрастыру кезінде адамдарға картамен тікелей әрекеттесуге неге мүмкіндік бермеске деп ойладық?

Page Builder Sandwich көмегімен карта қалай қосылады:
1. Карта элементін қосасыз,
2. Картаның ортасында көрсетілгіңіз келетін ендік пен бойлықты немесе мекенжайды енгізесіз,
3. Қажетті көріністі алу үшін картаны жылжытып, оның масштабын үлкейтесіз немесе кішірейтесіз,
4. Стиліңізге сәйкестендіру үшін карталарыңызға керемет түстер қосасыз,
5. Сақтау түймесін басасыз.
Біздің тәсіліміз әлдеқайда қызықтырақ әрі түсінікті. Сіз қарапайым Google Map картасымен әрекеттескендей жұмыс істейсіз.

Түрлі-түсті карталар немесе SnazzyMaps көмегімен стиль беру

Біз қосқан керемет мүмкіндіктердің бірі — карталарды реңктеу және бояу мүмкіндігі, және оны орындау өте оңай. (Бұл тек премиум нұсқаға арналған). Егер картаңызды бояғыңыз келсе, жай ғана түс таңдағышымызды басып, түсті таңдаңыз, сонда картаңыз бірден өзгереді.

Міне, біз қызғылт түске реңктеген карта:

Сондай-ақ, Page Builder Sandwich SnazzyMaps арқылы күрделірек түс схемаларын қолдайды. Оларда пайдаланушылар қосқан түс схемаларының үлкен тізімі бар және түстерді көбірек бақылауды қаласаңыз, өз схемаңызды жасауға мүмкіндік береді.

Өзіңізге ұнайтын түс схемасын табыңыз, содан кейін кодты көшіріп алып, оны Page Builder Sandwich ішіне қойыңыз. Түс схемасы дереу картаңызға қолданылады.

Міне, SnazzyMaps ұсынған papuportal dark:

Карталарды қалаған жеріңізге орналастырыңыз

Карталармен жасауға болатын тағы көптеген тамаша нәрселер бар – мысалы, әсерлі көрініс беру үшін оларды толық енді жолдарға қосуға болады. Қаласаңыз, оларды карусель ішіне немесе қойындылар ішіне (жақында шығатын мүмкіндік) де қоса аласыз.

Егер сізде әлі Page Builder Sandwich болмаса, жоғарыдағы «Live Demo» сілтемесін.
2 октября, 2026
Ақ кеңістіктің маңызды болуының 5 себебі

Негізінен, ақ кеңістік (бос орын), ең қарапайым анықтамасы бойынша, композицияның барлық элементтерінің айналасындағы және арасындағы белгіленбей бос қалдырылған орын болып табылады. Көптеген веб-сайт иелері ойлағандай, бұл экран кеңістігін жай ғана босқа ысырап ету емес. Дұрыс пайдаланылған кезде, бос кеңістіктер өнімді жақсырақ жылжытуға нақты пайда әкеле алады. Бұл жақсы дизайн жасаудың маңызды кілті және ол веб-сайтты жан-жақты жақсартады.

Ақ кеңістік атауы кеңістіктің ақ түсті екенін білдіргенімен, оның әрдайым тура мағынасында ақ болуы міндетті емес. Бос кеңістік шын мәнінде кез келген түсті болуы мүмкін — тіпті онда байқалар-байқалмас өрнек немесе текстура да болуы мүмкін. Бұл — көздің назарын аудартқыңыз келмейтін аймақ. Басқаша оны негативті кеңістік

Сонымен, бос кеңістік неге маңызды?

Сурет көзі: News Feed

№1 себеп: Оқылымдылықты жақсартады

Негізгі сызықтар мен абзацтар арасындағы бос кеңістік адамдарға сайттағы барлық мазмұнды ыңғайлы оқуға нақты көмектеседі. Сайтыңыздың шағын бөлшектерін (жоларалық интервал немесе әріпаралық интервал сияқты) реттеу оқуды жеңілдетуде орасан зор айырмашылық тудыруы мүмкін.

Мақсат — көзді шаршатпайтын макеттер жасау арқылы адамдардың оқуды жалғастырғысы келуін қамтамасыз ету.

Сурет көзі: HP Magic Words

№2 себеп: Өзара әрекеттесуді жылдамдатады

Ашығын айтайық: келушілердің көпшілігі веб-сайттарды қарап шығу кезінде мұқият назар аударуға шыдамы жете бермейді. Веб-сайт шамадан тыс жүктелген болып көрінсе, бұл пайдаланушылардың іздеген нәрсесін табуына кедергі жасап, алаңдатады.

Бос кеңістік пайдаланушыны бет бойынша бағыттауға көмектесуі тиіс. Назар үшін бәсекелесетін элементтердің аз болуы және бос кеңістіктерді дұрыс пайдалану келушілерді кідіртетін алаңдатушылықтардың алдын алады.

Сурет көзі: Google

№3 себеп: Назарды қажетті элементтерге бағыттау

Бос кеңістік пайдаланушыларға қайда қарау керектігі туралы көрнекі нұсқау бере алады. Дұрыс пайдаланылған кезде, бос кеңістік ақпаратты айқындауға және веб-сайтыңыздағы белгілі бір аймаққа назар аудартуға көмектеседі.

Есіңізде болсын, егер барлығы ерекшеленіп тұрса, ешнәрсе де көзге түспейді.

Сурет көзі: Pocket Penguins

№4 себеп: Алғашқы әсер маңызды

Веб-сайттың сыртқы көрінісі мен стилі — алғашқы жақсы әсердің басты кілті. Жақсы алғашқы әсер көбінесе сайтта ұзағырақ болуға алып келеді. Тым аз бос кеңістік веб-сайтыңызды арзан әрі сенімсіз етіп көрсетуі мүмкін. Веб-сайт тартымды көрінбейінше, келушілер оны немесе брендті сенімді деп санамайды. Бос кеңістіктің жеткілікті мөлшерде болуы веб-сайтыңызға тиісті үндестік қалыптастыруға көмектеседі. Бос кеңістік тапқырлықты, жаңашылдықты және кейде талғампаздықты жеткізудің тәсілі бола алады.

Кеңес: Веб-дизайныңызды қалай қарапайым әрі таныс.

Сурет көзі: Flock Knitwear

№5 себеп: Кеңістік еркіндігі мен тепе-теңдік жасауға көмектеседі

Теңдестірілген дизайн симметриялы болуы шарт емес. Үлкен дизайн элементін бірнеше кішірек элементтермен теңестіруге болады. Бос кеңістік қосу — бетіңіздегі әртүрлі өлшемді дизайн элементтерін теңестірудің тамаша тәсілі. Пайдаланушылардың көзі жан-жаққа жүгірмеуі үшін үйлесімді ағын жасаңыз. Жақсы дизайн келушіні шатастырмай, бір нүктеден екінші нүктеге бағыттай білуі керек.

Қорытынды

Келесі жолы қандай да бір веб-сайтқа кіріп, біраз уақыт кідіріп қалғаныңызды байқасаңыз, сізді қалуға және оқуға не мәжбүр еткені туралы ойланыңыз. Жоларалық интервал мақаланы оқуды жеңілдетті деп ойлайсыз ба? Бұл тәжірибе сізді осында қайта-қайта оралғыңыз келетіндей ете ме? Навигацияны іздеу кезінде қиналдыңыз ба?

Веб-сайттағы бос кеңістіктің сәтті қолданылғанына назар аударыңыз. Егер бұл сіздің веб-сайтыңызда да үйлесім табады деп ойласаңыз, веб-сайтыңызға қажетті «ағынды» құрбан етпей, тиісті үндестік пен оқылымдылыққа қол жеткізгенге дейін элементіңізге қанша орын бөлу керектігін үйреніңіз және басқарыңыз.

Кез келген веб-сайттың басты мақсаты — байланыс орнату. Көрнекі тартымдылық веб-сайтыңыздың табысты болуымен қатар жүреді.

2 октября, 2026
Шорткодтарды салыстыру: PBS 800-ден астам плагинді және 2 000-нан астам шорткодты қалай қолдайды
When I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

Осы өткен бірнеше аптада PBS командасы карта элементін, сондай-ақ қойындылар элементін қосты.

Енді әрбір екі-үш күн сайын жаңа элемент қосып отыру біз үшін біршама оңай әрі жай ғана қалыпты әдет болып көрінуі мүмкін.

But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

Well, the simple answer is yes. Yes it is.

And we’ve managed to achieve this feat through shortcode mapping.

What is Shortcode Mapping?

Shortcode mapping makes building shortcodes more friendly.

Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

Мұндай жүйенің артықшылықтары айтарлықтай қомақты:

1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

5.) Overall faster page building time!

Дегенмен шорткодтарды сәйкестендіру жаңалық емес және көптеген бет құрастырушыларда ол бар. Бірақ біздікінің ерекшелігі неде?

Шорткодтарды сәйкестендіру басқа бет құрастырушыларда қалай жұмыс істейді

Each person/site does their own shortcode mapping.

Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

Бұл жағдайда шорткодтарды сәйкестендіру ауыртпалығы сізге, яғни пайдаланушыға жүктеледі. Егер сіз барлық шорткодтарыңыздың барлық төлсипаттарымен (және әдемі түс таңдағыштарымен және басқа да элементтерімен) толық сәйкестендірілгенін қаласаңыз, әрбір шорткодтың әрбір егжей-тегжейін өзіңіз енгізуге мәжбүр боласыз.

What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

Page Builder Sandwich ішінде шорткодтарды сәйкестендіру қалай жұмыс істейді

Shortcode mappings are shared across all users.

Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

Бұл бізге көптеген керемет артықшылықтар береді:
1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!
In case you’re interested in reading into how we made all of this possible, we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

Біздің ақпараттық бюллетеньге жазылыңыз!

You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!
2 октября, 2026

WordPress.com қарсы WordPress.org

Егер сіз сайт жасау саласында жаңадан бастаушы болсаңыз, WordPress.com мен WordPress.org арасындағы үлкен пікірталастан хабардар болмауыңыз мүмкін. Тіпті олардың біреуінің немесе екіншісінің бар екенін, сондай-ақ әрқайсысының артықшылықтары мен кемшіліктерін білмеуіңіз де ықтимал. Сонымен, WordPress.com мен WordPress.org қолдану арасындағы бұл үлкен пікірталас неде? Олардың біреуі сотқа тартылуды күтіп тұрған арзан көшірме ғана ма?

Жоқ, олай емес.

Қысқаша айтқанда, бұл пікірталас осы екі WordPress қызметінің қайсысы сіз жасағыңыз келетін веб-сайтқа көбірек сәйкес келетіні туралы. Ешқайсысы екіншісінің көшірмесі емес және екі сайт та WordPress-ке тиесілі; жай ғана біреуі (.com) әзірлеуші емес адамдарға қолайлырақ нұсқа, ал .org нұсқасында .com-мен салыстырғанда сайт жасау кезінде шектеулер әлдеқайда аз.

«Бірақ маған қайсысы керек екенін қалай білемін?»

Бұл сұрақтың жауабы болашақ веб-сайтыңыздың қажеттіліктеріне байланысты. Объективті түрде «жақсырақ» немесе тіпті қолдануға «ең жақсы» болатын бір ғана WordPress нұсқасы жоқ. Екеуінің де өзіндік бірегей мүмкіндіктері, сондай-ақ бірдей мөлшерде артықшылықтары мен кемшіліктері бар.

WordPress.com: Неге және қашан таңдау керек?

WordPress.com негізгі қажеттіліктерді сіз үшін өзі қамтамасыз етеді, бұл сізге сайтыңыздың мазмұнына көбірек көңіл бөлуге мүмкіндік береді. Бұл толығымен Automattic деп аталатын компаниялар тобымен басқарылатын және хостингі қамтамасыз етілетін сайт құрастырушысы. Сіз премиум хостинг, резервтік көшірмелер, қауіпсіздік және тағы басқаларды аласыз. Бұл сайтты нөлден құрастыруға сағаттап уақыт жұмсаумен салыстырғанда, сайттың мазмұнына әлдеқайда оңай назар аудара аласыз дегенді білдіреді.

Дегенмен, WordPress.com-ның да өз шектеулері бар екенін ескеріңіз. Сайтыңыздың ішкі жұмысын қолдау туралы көп алаңдамауыңыз мүмкін болса да, сізде қалағаныңыздай еркіндік болмауы ықтимал екенін есте ұстаған жөн. Сайтыңыздың интерфейсін баптау қиындық тудырмауы мүмкін болса да (мысалы, WordPress.com көптеген тақырыптармен келеді), плагиндер түріндегі белгілі бір мүмкіндіктер мен элементтерді қосу мәселе болуы мүмкін, әсіресе сайтыңызға WordPress.com-да қолжетімсіз арнайы функциялар қажет болса.

Веб-сайтты қалай ұстап тұру мүлдем басқа мәселе. Бұл көбінесе мыналарға байланысты: 1.) сіз WordPress әзірлеушісі емессіз 2.) код жазуды үйренуге ниетіңіз жоқ немесе 3.) бұған уақытыңыз өте аз немесе мүлдем жоқ.

WordPress.org: Қашан қарастыру керек?

WordPress.org-ты қарастыру кезіндегі негізгі ереже: сіз кодтың қалай жұмыс істейтінімен кем дегенде аздап таныс болғанда немесе оны үйренуге біраз уақыт бөлуге дайын болғанда. WordPress.org — өзіндік хостингте орналастырылатын WordPress нұсқасы болғандықтан, қалағаныңызша тереңірек кірісе аласыз. Сонымен қатар, оны қалауыңызша өзгертуге толық еркіндігіңіз бар. Өз хостингіңізді табуға, қауіпсіздік резервтік көшірмелерін жасауға және жалпы веб-сайтты өз бетіңізше — ең бастысы, өз қалауыңыз бойынша басқаруға өзіңіз жауапты боласыз.

«Бірақ күте тұрыңыз, бұл маған не үшін керек? WordPress-тің мақсаты сайт құруды жеңілдету емес пе?»

…Мүлдем олай емес. Мәселеге былай қараңыз: The Daily Post WordPress.org пен WordPress.com арасында керемет ұқсастық келтіреді, оны тіпті ең тәжірибесіз жаңадан бастаушылар да (мен сияқты) бірден түсінеді.

Олардың айтуынша, WordPress.com-ды толық иелігіңізде емес нәрсе ретінде қарастыруыңыз керек. Мысалы, ата-анаңызбен бірге тұратын 15 жастағы кезіңізді елестетіңіз. Егер жатын бөлмеңізді бояғыңыз келсе, алдымен ата-анаңыздан рұқсат сұрауыңыз керек (себебі олар үйдің, соның ішінде сіздің бөлмеңіздің толық иелері). Техникалық тұрғыдан бөлме сіздікі, бірақ түптеп келгенде, ол… дәл олай емес.

Сондықтан, қандай да бір түбегейлі өзгерістер енгізгіңіз келсе (мысалы, қабырғаларды бояу немесе бөлмені кеңейту), үйдің нақты иелерімен, яғни әке-шешеңізбен келісуіңіз немесе ымыраға келуіңіз керек. Алайда мұның жақсы жағы да бар: жертөледегі сақтандырғыш істен шыққанда немесе кондиционер жұмысын тоқтатқанда, ата-анаңыз бәрін өзі реттейді, ал сізге ештеңеге алаңдаудың қажеті жоқ.

Ал WordPress.org, керісінше, өз қалауыңыз бойынша еркін баптап, өзгертулер енгізуге болатын нәрсе. Мұны 18 жасқа толып, ақыры бөлек шығып, өзіңіздің жеке пәтеріңізге көшкенмен салыстыруға болады. Тұрғын үйіңізге толық иелік ететіндіктен, қабырғаларды анаңыз әрқашан ұнатпайтын түске бояу үшін ешкіммен келісудің қажеті жоқ; шешім қабылдауға немесе мұны сіздің талаптарыңызға сай орындайтын біреуді жалдауға толық еркіндігіңіз бар. Сонымен қатар, қонақ бөлмесі үшін дәл қай кондиционерді таңдау керектігін де өзіңіз шешесіз. Тек егер ол бұзылып қалса, оны жөндеу үшін шебер жалдауыңыз керек болады немесе мәселенің неде екенін анықтап, өз бетіңізше жөндеуге тура келеді (бұл онша жаман емес, өйткені бұл — тәжірибе, ал үйрену әрқашан пайдалы).

Осы кезге дейін WordPress.com мен WordPress.org арасындағы айқын айырмашылықтар қандай екенін нақтырақ түсіндіңіз деп үміттенеміз. Қысқаша айтқанда:

қалағаныңызша көп немесе аз орнатыңыз, тақырыптар тек WordPress тақырыптарымен шектелген, жарнамалардан құтылу үшін белгілі бір ақы төлеу керек.Сайтыңызды толықтай дерлік басқара аласыз; өз тақырыптарыңызды қосуға, баптауға немесе тіпті жасауға болады.

Мазмұнды басқару шектеулі;

WordPress.com	WordPress.org
Толығымен WordPress хостингінде; барлық негізгі қажеттіліктер қамтылған.	Өздігінен орналастырылатын хостинг; өз негізгі қажеттіліктеріңізді өзіңіз таңдаңыз немесе жақсырақтарын таңдаңыз.
Мүмкіндіктер WordPress.com ұсынатын функциялармен шектелген	Плагиндер түріндегі мыңдаған мүмкіндіктер;

Бұл екеуінің арасындағы айырмашылықтарды бағалауға арналған бірнеше салыстырулар ғана. Екеуінің арасынан таңдау сайып келгенде сайтыңызды құруда қаншалықты еркіндік қалайтыныңызға және оған қанша ресурс (уақыт, күш, ақша және т.б.) жұмсауға дайын екеніңізге келіп тіреледі. Есіңізде болсын, бұлар қай WordPress платформасы сізге ең қолайлы екенін шешпес бұрын мұқият саралауды қажет ететін өте маңызды нұсқалар. Сондықтан шешім қабылдауға асықпаңыз!

Сайттарыңыз сәтті құрылсын!

2 октября, 2026

Неліктен WordPress?

Алғашқы веб-сайтыңызды жасау кезінде ескеретін маңызды жайттардың бірі – сіз бизнес болсаңыз да, фрилансер болсаңыз да немесе кез келген адам болсаңыз да, кез келген адам код пен бағдарламалық жасақтаманы әзірлеу тілін меңгере бермейді. Мәселен, сіз рецепттерін желіде жариялағысы келетін аспаз болуыңыз мүмкін. Сондай-ақ кәсіби портфолио қажет ететін Бейнелеу өнері факультетінің студенті немесе жеке сайты қажет стартап-бизнес болуыңыз мүмкін. Бұлардың қайсысы болмасын, кейбіріміз кодтың негіздерімен таныс болғанымызбен, бәріміз бірдей толық күн жұмыс істейтін әзірлеуші емеспіз және сайтты қажет ететін немесе қалайтындардың бәрі бірдей оны нөлден бастап қалай жасау керектігін біле бермейді. Міне, осы жерде WordPress көмекке келе алады. «Неге WordPress?» деген сұрақ туындайды.

№1 СЕБЕП

WordPress — мазмұнды басқару жүйесі (CMS), бұл оны пайдаланушы үшін өте ыңғайлы етеді.

Ең алдымен білуіңіз керек нәрсе – WordPress бұл Мазмұнды басқару жүйесі (немесе CMS). Қарапайым сөзбен айтқанда, бұл WordPress өз пайдаланушыларына нөлден бастап код жазбай-ақ веб-сайттар жасауға мүмкіндік береді дегенді білдіреді. Онда кодпен үнемі әуре болмай-ақ, барлығын бақылауда ұстауға мүмкіндік беретін жүйелі, реттелген интерфейс бар.

Әдетте мынадай болып басталатын веб-сайтты нөлден бастап жасаумен салыстырғанда:

Мазмұнды басқару жүйесінің көмегімен сіз шамамен мынадай нәрседен бастай аласыз:

WordPress-тің ішкі (back-end) интерфейсі. CMS арқылы веб-сайттарды басқару және жасау оңайырақ болады.

Дегенмен, сіз өзіңізден: «WordPress керемет сияқты, бірақ менің сайтым үшін қажет функциялар онда болмаса ше?», немесе «маған карта, музыка ойнатқышы, кэштеу жүйесі немесе сенімдірек қауіпсіздік жүйесі қажет болса ше?» деп сұрауыңыз мүмкін.

…Техникалық тұрғыдан алғанда, сіз қалаған функция WordPress-те бар болуы әбден мүмкін және ол WordPress плагині.

№2 СЕБЕП

Плагиндер: WordPress тортының үстіндегі шие

Егер сіз WordPress-те сайтыңыз үшін қажет белгілі бір функция жоқ деп алаңдасаңыз, уайымдамаңыз: ол онда бар болуы әбден мүмкін.

Плагиндер — бұл WordPress сайтыңыздың функционалдығын кеңейту үшін бар «қосымша мүмкіндіктер». Егер сіз сайтыңызға кері байланыс формасы қажет кәсіпкер болсаңыз, WordPress-тің өзінде бұл функцияның жоқ екенін ескеруіңіз мүмкін, бірақ бұл мүмкіндікті беретін сансыз көп плагиндер бар. Ал WordPress ашық бастапқы кодты болғандықтан — яғни кез келген адам оның дамуына үлес қоса алатындықтан — үнемі жаңа плагиндер жасалып отырады. Сіз өзіңізге қажет кері байланыс формасын және басқа да көптеген нәрселерді ала аласыз. Сізге әлеуметтік желілерде бөлісу батырмаларынан бастап карталарға дейін, тіпті сайтыңыз үшін қосымша қауіпсіздік шаралары сияқты көптеген басқа функциялар мен кеңейтімдерді қосу еркіндігі беріледі. Енді бұл керемет естілмейді деп айтып көріңізші.

Қазіргі уақытта WordPress-те мыңдаған осындай плагиндер бар — және олардың кейбіреулері тіпті тегін қолжетімді және/немесе тегін нұсқалары бар, соның ішінде PBS.

№3 СЕБЕП

Ашық бастапқы код: WordPress қауымдастығы

WordPress — Open Source (ашық бастапқы кодты). Бұл дегеніміз, кез келген адам оның дамуына еркін үлес қоса алады және бағдарламалық жасақтаманы әзірлеу туралы, тіпті WordPress-тің өзі туралы көбірек білу үшін оның негізгі кодын еркін зерттей алады. Тіпті плагиндер мен тақырыптар сияқты WordPress-ке қатысты өнімдерді жасауға және дамытуға ғана арналған бизнестер де бар (біз сияқты!)

WordPress ашық бастапқы кодты болғандықтан, үнемі өзара әрекеттесетін және тіпті WordPress-ке қатысты мәселелерде бір-біріне көмектесетін сансыз пайдаланушылар, әзірлеушілер және дизайнерлер бар. Осылайша сіз шынайы адамдардан нақты көмек аласыз және сонымен бірге бір-біріңізден үйренесіз. Бұл сіздің әдеттегі тұтынушыларға қызмет көрсету орталықтары сирек ұсына алатын артықшылық.

№4 СЕБЕП

WordPress — сенімді әрі танымал.

CNN, The Official Star Wars Blog, Time Magazine және тіпті (таңғаларлығы!) Бейонсенің де сайттары басқалармен қатар WordPress арқылы жұмыс істейді. Бұл ірі атаулар WordPress-тің беделін растайтын жалғыз дәлел емес – Treehouse.com деректеріне сәйкес, ғаламтордағы барлық сайттардың шамамен 25%-ы WordPress негізінде жұмыс істейді. Миллиондаған және мыңдаған веб-сайттардың бар екенін ескерсек… 25% – бұл өте үлкен көрсеткіш.

№5 СЕБЕП

Керемет теңшеу мүмкіндіктері!

WordPress-те сіз және сіздің сайтыңыз үшін өте көп тақырыптар (дизайндар) қолжетімді. Сіз тегін нұсқаларды, премиум нұсқаларды таңдай аласыз немесе тіпті оны өзіңіз жасай аласыз (немесе оны өзіңізге жасап беру үшін біреуді жалдай аласыз!).

№6 СЕБЕП:

Ол тегін.

Иә, дұрыс оқыдыңыз. Жергілікті әзірлеу (Local Development) арқылы WordPress толығымен тегін және оны бір батырманы басу арқылы компьютеріңізге орната аласыз. Сол сияқты, әзірлеушіні жалдаудың орнына, код туралы кез келген біліміңізді пайдаланып, WordPress қалай жұмыс істейтіні туралы көбірек біле аласыз (ал үйрену әрқашан жақсы ғой).

…сонымен қатар, егер сізде WordPress-ке және сайт жасауға терең бойлауға уақытыңыз болмаса, әрқашан өзіңізге ыңғайлы page builder плагинін алып, біздікін сынап көре аласыз.

WordPress-пен мүмкіндіктер шексіз екенін және мұның бәрі қалай жұмыс істейтінін түсіну үшін данышпан болудың қажеті жоқ екенін ұмытпаңыз!

WordPress-ті пайдалану сізге көп уақытты, ақшаны және күш-жігерді үнемдеуге көмектеседі. Ал бұл ресурстар өте аз болған кезде, WordPress сайттары, олардың плагиндері (PBS сияқты!), тақырыптары және әсіресе оның қоғамдастығы сізге көмектесіп, ісіңізді әлдеқайда жеңілдете алатынын есте сақтаңыз.

Сайт жасауыңыз сәтті өтсін!

2 октября, 2026
Веб-сайтыңыздың тартымды көрінуіне арналған 5 қарапайым кеңес

In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

Мұнда веб-сайтыңыздың дизайнын жақсарту үшін жасай алатын бірнеше негізгі кеңестер берілген.

Add high-quality images

oars.com

whitetablecatering.com

You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

Дұрыс түстерді таңдаңыз

Lawrence Boone Selections uses black to add a sense of luxury and value to their website

Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

Веб-сайттың түс схемасы брендіңіз үшін дұрыс тон мен көңіл-күйді қалыптастыруда үлкен рөл атқарады. Әдемі түсті таңдау оның міндетті түрде дұрыс түс екенін білдірмейді. Әр түс әртүрлі хабарлама мен әсер береді. Түстер — сайтқа кірушілер бірінші кезекте байқайтын нәрселердің бірі және бұл сіздің веб-сайтыңыздың табысына шынымен де әсер етуі мүмкін.

Дизайныңыз үшін ең көбі екі-үш негізгі түсті таңдаңыз. Егер көбірек түс қосу қажет деп тапсаңыз, негізгі түстердің ашық және күңгірт реңктерін (tints and shades) пайдалана аласыз. Түстер теориясында ашық реңк (tint) — бұл түстің ақ түспен қоспасы, ол жарықтықты арттырады, ал күңгірт реңк (shade) — түстің ақ түспен қоспасы, ол жарықтықты азайтады.

Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

Контрастылы қаріп гарнитураларын пайдаланыңыз

There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

Екі қаріп гарнитурасын бір-біріне үйлестіру тіпті дизайнерлер үшін де қиын болуы мүмкін. Бір гарнитураның екі түрлі қарпімен тәжірибе жасап, бәрін қарапайым ұстай аласыз. Егер екінші гарнитура қажет болса, бірінші гарнитураңызға жақсы контраст жасайтын біреуін таңдаңыз. Әдетте, serif (кертікшелі) қарпі мен sans-serif (кертікшесіз) қарпін үйлестіру жақсы нәтиже береді. Тағы бір маңызды кеңес — компанияңыздың стиліне сәйкес келетін гарнитураларды таңдау. Сізде әлемдегі ең әдемі қаріп болуы мүмкін, бірақ дұрыс емес мәнмәтінде пайдаланылса, ол бәрібір нашар көрінуі мүмкін.

Бос кеңістікті пайдаланып, тазалықты сақтаңыз

Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

Оны мобильді құрылғыларға ыңғайлы етіңіз

People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

Қосымша кеңес: Веб-сайтыңызда Page Builder Sandwich пайдалану мобильді қарауды автоматты түрде қосады және оны мобильді экран өлшеміне бейімдейді.

Қорытынды

Есіңізде болсын: Дизайнның күшін бағаламау — веб-сайт жасау кезінде жіберуге болатын ең үлкен қателіктердің бірі. Әрине, веб-сайтыңызды жобалау кезінде шамадан тыс күш жұмсаудың қажеті жоқ, дегенмен осы кеңестерді жай ғана орындау арқылы сайтыңыздың аудиторияңызда жағымсыз әсер қалдырмауын қамтамасыз ете аласыз.

2 октября, 2026
Бет құрастырушыларға кіріспес бұрын ескеретін 3 жайт

Мұнда келуіңіздің бір себебі — PBS туралы сайт жасаудың ең жылдам төте жолдарының бірі болуы мүмкін екенін естіген шығарсыз. Бет құрастырушылар жалпы алғанда жұмысты жеңілдету үшін жасалғанымен, WordPress әзірлеудің осы саласына тереңірек үңілмес бұрын ескеру қажет бірнеше жайт бар.

WordPress-ті үйрену: Бет құрастырушының маңызды алғышарты

Бұл, бәлкім, осы тізімдегі ең айқын, бірақ сонымен қатар ең маңызды тармақ. Бет құрастырушыларды (Page Builders), өкінішке қарай, жеке өзін сатып алуға болмайды. Олар басқару үшін орнатып, үйренуді талап ететін WordPress плагиндері түрінде келеді. Толық сенімді болыңыз, WordPress — веб-сайт жасаудың ең қарапайым әрі сенімді жолдарының бірі. Қазіргі біз өмір сүріп жатқан заманда техникалық жайттарды білгеніңізге еш өкінбейсіз. WordPress.com мен WordPress.org арасында айырмашылық бар және қайсысы сіздің қажеттілігіңізді өтейтінін білу уақытыңызды да үнемдейді!

Егер осы мақаладағы кейбір техникалық терминдердің көптігі сізді сәл қорқытса, алаңдамаңыз. Жұмысты бастауға көмектесетін бірнеше пайдалы сайт бар. Олардың кейбіреулері — WordPress Codex және Treehouse. Онда сіздің қажеттілігіңіз бен білім деңгейіңізге байланысты WordPress және веб-сайт жасау бойынша кеңестер жинақталған.

Әбден сенімді болу үшін, алдымен сынап көргіңіз келуі мүмкін

Болашақта өкініп қалуыңыз мүмкін үлкен сатып алуларды жасамас бұрын, тегін және/немесе сынақ нұсқаларын қолданып көрген әрдайым жақсы идея. Бақытымызға орай, бет құрастырушылардың көпшілігі тегін/демо нұсқаларымен келеді. Әрине, біз бет құрастырушылар туралы көптеген сенімді шолуларды қарай аламыз, ал басқалары бет құрастырушыларды өзара салыстырады. Өз таңдауларыңызды мұқият саралап алыңыз!

Мақалалар мен шолуларды қарап шығудан бөлек, бізге WordPress-те ұнайтын жайттардың бірі — оның артында үлкен қауымдастықтың тұрғандығы. Өздері сияқты басқа WordPress пайдаланушыларына, әсіресе сіз сияқты жаңадан бастаушыларға көмек қолын созуға дайын жекелеген адамдар, командалар және тіпті бизнестер бар! Бұл қауымдастық «алыс-беріс» принципіне қарағанда көбінесе «жақсылықты басқаға жеткізу» қағидаты бойынша жұмыс істейді.

Дизайн өте үлкен рөл атқарады

WordPress энтузиасы Донна Фонтено Кавалье (Donna Fontenot Cavalier) өте орынды пікір білдіреді сүйреп апарып тастайтын (drag-and-drop) бет құрастырушылар және негізгі дизайнның маңыздылығы туралы. PBS сияқты сүйреп апарып тастайтын құрастырушылар көп уақытыңызды үнемдей алғанымен, негізгі ноу-хау және кем дегенде эстетикамен сәл де болса таныс болу — веб-сайт жасау кезінде ескеретін тағы бір маңызды жайт. Мынадай жағдайды елестетіп көріңізші: айталық, сіз өзіңіз таңдаған керемет бет құрастырушыға қол жеткіздіңіз: бұл тамаша! Бірақ, айталық, сіз өнерді, дизайнды және функционалдылықты аса жақсы түсінбейтін адамсыз: әттеген-ай.

Дегенмен, алаңдамаңыз. Page Builder Sandwich жай ғана бет құрастырушы емес; біздің команда басқа да WordPress пайдаланушыларына көмектесуге әрдайым дайын. Сондықтан дизайнға қатысты қиындықтар туындаса, уайымдамаңыз — PBS блогында жұмысты бастауға көмектесетін көптеген пайдалы кеңестері бар бірқатар мақалаларымыз бар. Осылайша сіз көбірек жасайсыз, көбірек үйренесіз және азырақ алаңдайсыз.

Есіңізде болсын, егер бет құрастырушыларға немесе жоғарыда аталған тармақтарға қатысты қандай да бір сұрақтарыңыз немесе алаңдаушылықтарыңыз болса, төмендегі пікірлер бөлімінде бізге хабарласудан тартынбаңыз. Біз тұтынушыларымызға көмектесуге әрқашан қуаныштымыз.

Сайт жасауыңыз сәтті өтсін!

2 октября, 2026
3 оңай қадамда қарапайым Hero тақырыпшаларын қалай жасауға болады

When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

Hero тақырыпшалары дегеніміз не?

The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

Ең алғашқы PBS hero тақырыпшасын жасауды бастау үшін төмендегі жылдам қадамдарды орындаңыз:

1-қадам: Бағанды кірістіру және қатар енін реттеу

Click 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

Full-Width – Background, text and other elements fill the entire width of your browser window

Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

2-қадам: Бос орын жасау үшін жиекті реттеу

Increase the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

3-қадам: Мәтін мен элемент қабаттасулары бар фон қосу

To add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

Tip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

Type in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

2-кеңес: Брендинг элементтері үшін түрлі-түсті фондық суретпен үйлесімсіз болмас үшін ақ немесе қара түсті логотипті пайдалануды қарастырыңыз.

You can also add buttons by clicking on Button below the Insert Content tab.

Жұмысыңызды сақтауды ұмытпаңыз, сонда бәрі дайын болады!

PBS арқылы алғашқы hero тақырыпшаңызды жасауыңызбен құттықтаймыз! Егер жасай алмасаңыз да, уайымдаудың қажеті жоқ; PBS көмегімен басынан бастау әлдеқайда оңай, сондықтан бұл соншалықты қиын болмауы керек.

Сайт құруда сәттілік тілейміз!

2 октября, 2026