Содан кейін файлды жүктеп алу керек Толық width.php WordPress тақырып қалтаңызда бар.

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

Бақылау тақтасына өтіп, жаңа бетті өңдеңіз немесе жасаңыз.

Бетті өңдеу экранында бет атрибуттары құсбелгісін тауып, Үлгі опциясының астындағы ашылмалы мәзірді басыңыз.

Сіз өзіңіздің үлгіңізді көре аласыз. Жалғастырыңыз, оны таңдаңыз және бетті сақтаңыз немесе жаңартыңыз.

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

Ашу арқылы сайтыңызды танымал етіңіз

Мазмұн аймағын анықтау үшін тақырыбыңыз пайдаланатын CSS сыныптарын табу үшін Тексеру құралын пайдалануыңыз қажет.

Одан кейін оның енін CSS көмегімен 100% реттеуге болады. Біз келесі CSS кодын қолдандық:

.page-template толық ен аймағы.мазмұн(ені: 100%; жиегі: 0px; жиек: 0px; толтыру: 0px; ) .бет үлгісі толық ен.Шығару(маржа: 0px; )

Twenty Seventeen осылай болады.

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

Жоғарыда аталған әдістер мүмкіндігі бар және толық немесе толық ені макеттерін жылдам жасағысы келетіндер үшін тегін.

Сондай-ақ кейбір премиум WordPress плагиндерін табыңыз

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

Біз сізге мұны істеуге көмектесетін бірнеше премиум WordPress плагиндерін ұсынамыз.

1. Divi Builder

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

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

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

ашуға шақырамыз

Divi белгілерінің бірі әрқашан сізге беретін стильдерді бақылау болды. Үш түрлі қойындыда әртүрлі опцияларды, соның ішінде жауап беретін басқару элементтерін, реттелетін бос орынды және т.б. реттеуге болады.

Сіз тіпті реттелетін CSS қосуға болады, себебі оның CSS өңдегіші жинақтары негізгі тексеружәне автотолтыру.Divi Builder сынының бірі оның негізіне әрқашан негізделген.Бұл оны бір рет өшірсеңіз, мазмұныңызда қысқа кодтар тобы қалады дегенді білдіреді. Кішкене күйзеліске ұшырағанымен, Shortcode Cleaner сияқты плагиндерге қатысты мәселелер азырақ.

2. Құрылысшы

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

Divi Builder және WPBakery Page Builder сияқты, Themify Builder сізге фронтенд немесе серверде орналасуларды жасауға мүмкіндік береді.Тағы бір жақсы нәрсе - бұл плагин жауап беретін тоқтау нүктелерін теңшеуге мүмкіндік береді (бірақ тек жалпы сайт деңгейінде).

Интернет-дүкен құрып, өнімдеріңізді желіде оңай сатыңыз

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

3. Факир

Бастапқыда 2016 жылы іске қосылған WordPress Elementor плагині осы тізімдегі ең жас әзірлеушілердің бірі болып табылады. Кеш іске қосылғанына қарамастан, Elementor WordPress.org сайтында 1 000 000-нан астам белсенді орнатуларды тез жинап, оны ең танымал WordPress құрастырушылардың біріне айналдырды.

Егер сізде қандай да бір ұсыныстар немесе ескертулер болса, оларды біздің бөлімде қалдырыңыз

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

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

Wordpress үлгісін қалай өңдеуге болады

wordpress-те үлгі енін өзгерту

Wordpress үлгісінің өлшемін қалай өзгертуге болады

wordpress үлгісінің түсін қалай өзгертуге болады

Wordpress үлгісінде қаріпті қалай өзгертуге болады

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

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

«Көрініс - Теңшеу» бөліміне өтіп, көрейік басты бетсайт және беттің сол жағында қол жетімді сайт параметрлері. Олардың арасында дизайн параметрлері болуы мүмкін.

Мысалы, өзгертуге тырысайық түс схемасысайт. Түстер мәзіріне өтіп, жағының фонын өзгертіңіз және орталық бөліктерісайт.

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

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

Сонымен, біз көбінесе бір ғана файлды өңдеуіміз керек - бұл style.css мәнер файлы. Ол тақырып қалтасында орналасқан. Мысал ретінде шрифт түсін өзгертейік. Айтпақшы, сіз мұны тікелей WordPress басқару тақтасынан жасай аласыз. Тек абай болыңыз және сайтты кездейсоқ «бұзбау» үшін абай болыңыз. жасаған дұрыс сақтық көшірмеонда бірдеңені өзгертпес бұрын тақырыптар. Сонымен, «Көрініс» - Редактор мәзіріне өтіңіз және әдепкі бойынша өңдеу үшін тақырып стилі файлы ашық болуы керек.

Егер олай болмаса, оң жақтағы тізімнен осы файлды таңдаңыз, ол стильдер кестесі (style.css) деп аталады. Көбінесе қаріп түсі негізгі бөлікте орнатылады, сондықтан осы элементтің стильдерін тауып, қызыл түсті қаріп түсі ретінде орнатайық.

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

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

Көбінесе таңдау кезінде wordpress үлгісімәселе бар - бұл блоктардың жеткіліксіз ені. Көпшілігі шаблонның енін өзгертуді бірден қалайды. Html немесе php тілдерін жақсы білетіндер үшін бұл ерекше проблемаларды тудырмайды. Бірақ дайын емес адам үшін wordpress үлгісінің өлшеміне қалай өзгертулер енгізу керектігі туралы егжей-тегжейлі жазу үшін сізге толық брошюра қажет.

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

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

  • Веб-шолғыш Mozilla Firefox.
  • Firebug плагині Firefox-та орнатылған.

Сізге қажет нәрсенің бәрі жүктеліп, орнатылып, пайдалануға дайын болғанда, Mozilla Firefox-та таңдалған үлгіні ашыңыз және қате белгішесін басу арқылы Firebug бағдарламасын іске қосыңыз.

Плагин панелі

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

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

Кез келген элементтермен және құндылықтармен тәжірибе жасаудан тартынбаңыз. Ағымдағы өзгертулер сервердегі бетіңізге ешқандай әсер ете алмайды, олар тек плагин терезесінде (Mozilla ағымдағы кэші) белсенді. Жаңартқан кезде барлық параметрлер қалпына келтіріледі.

style.css өңдеу

Енді Wordpress үлгісі үшін осы өзгерістерді сақтау қалды. Әдетте үлгі ені style.css тілінде жазылады. Веб-сайттың басқару панеліне кіру → сыртқы түрі→ редактор → style.css → 79-жол, ен мәнін өзгертіңіз. Біз сақтаймыз.