Ինչպես փոխել գլխարկը yukoz- ում: Փոխեք վերնագիրը (գլխարկ) prosilver

Նախքան սկսեք փոխել Okis.ru- ում պատրաստված կայքի վերնագիրը, ներբեռնեք ֆայլեր հետագա աշխատանքի համար:

Այսպիսով, Ինչպես փոխել գլխի գլխարկը Okis.ru- ում? Սկսելու համար, ձեր ներբեռնած ֆայլը եւ գտեք կայքի գլխարկ, որն ունի անուն shapka.png. , Մենք պետք է այն վերբեռնենք մեր կայքում: Ինչպես դա անել: Գնացեք «Լուսանկարչական բեռ» կետը կայքի կառավարման վահանակում:

Այստեղ կարող եք տեղեր վերբեռնել կայք:

Նախքան մեր կոկտեյլային կայքի գլխարկը բեռնելը, Համոզվեք, որ վանդակը հանեք «Նվազեցրեք պատկերի չափը մինչեւ 500 x 500 PX»:Քանի որ գլխարկը ավելի լայն է, քան 500 px: The նշանը հանվեց, հիմա մենք սեղմում ենք «ակնարկը», ապա գտեք Shapka.png ֆայլը եւ կտտացրեք «Բաց»:

Ստորեւ նկարը ներբեռնելուց հետո կտեսնեք մի հղում, որտեղ գտնվում է գլխարկը:

Գնացեք CSS խմբագրին -\u003e Խմբագրել CSS- ը:, Այս անգամ մենք կօգտագործենք օժանդակ կոճակները: Կտտացրեք «Կայքի գլխարկ» կոճակը եւ մուտքագրեք նկարը նկարը գլխարկով, որը ցուցադրվում է ձեր կայքի ադմինիստրատորում, ապա կտտացրեք «Պահել»:

Կտտացրեք «Թարմացում»: Դուք դա կտեսնեք այն ոլորտում, որտեղ գրված են բոլոր ոճերը, հայտնվեց նոր կոդ.

div.art-Header-JPEG (ֆոն. URL (/ Path_file / shapka.png);)

Սա ոճեր է կայքի գլխարկի համար:

Իմ դեպքում ֆայլի ուղին է. /Img/cocktail60/shapka.png

Այսպիսով, իմ ադմինիստրատոր փաթեթում գրված է հետեւյալ ծածկագիրը.
Div.art-Header-JPEG (ֆոն. URL (/img/cocktail60/shapka.png);)
Դուք ունեք նույնը PATH_K_FILE CAP- ին մեկ այլ Այսպիսով, դուք պատճենում եք հղումը, որը ցուցադրվում է ձեր ադմինիստրատորում:

Թարմացում Հիմնական էջ Կայքը, եւ կտեսնեք, որ գլխարկը փոխվել է: Բայց կա մի փոքր անբավարարություն, որը մենք հիմա շտկելու ենք. Եթե ուշադիր նայեք, կտեսնեք, որ վերին անկյուններում, որը մեր դիզայնի մեջ չի տեղավորվում մեր դիզայնի մեջ:

Փաստն այն է, որ կայքի բոլոր ձեւանմուշներում Okis.ru, որտեղ կան կլորացված անկյուններԳլխարկը բաղկացած է երկու մասից, ից Հիմնական պատկերորը ներբեռնեցինք եւ դրանից Շրջանակային կափարիչներ, Եկեք փոխենք գլխարկի միացումը: Վերադառնալ «Ներբեռնեք լուսանկար» կետը կայքի կառավարման վահանակում եւ ներբեռնեք ֆայլը այնտեղ: shapka_kontur.png. , Նախքան գլխարկների միացումը բեռնելը, մի մոռացեք հանել տուփը «Նվազեցնել պատկերի չափը մինչեւ 500 x 500 PX»: Ադմինիստրատորում «CAPS CAPS» կոճակ չկա, ուստի մենք ձեռքով կավելացնենք ոճերը Այս տարրը, Մեջ Խմբագիր CSS. Նոր գծով մենք պետք է գրանցենք հետեւյալ ծածկագիրը.

div.art-Header-PNG (ֆոն. URL (ուղի_ֆիլ /shapka_kontur.png);)

Իմ դեպքում File Loop- ի ուղին այդպիսին է.
Հետեւաբար, ես սահմանում եմ հետեւյալ ծածկագիրը.
div.art-Header-PNG (ֆոն. URL (/Img/cocktail60/shapka_kontur.png.);}
Մի մոռացեք, որ ֆայլի ձեր ճանապարհը տարբերվում է իմից:

Պահպանեք փոփոխությունները:

Եթե \u200b\u200bմեր կայքը թարմացնեք, կտեսնեք, որ կապույտ անկյուններն այլեւս չեն դիտվում:

Այժմ դուք գիտեք, թե ինչպես փոխել կայքի վերնագիրը եզի կայքի դիզայներ: Հաջորդ դասում դուք կսովորեք, թե ինչպես փոխել կայքի հատակը Okis.ru- ում:

Լրացուցիչ դասեր կայքը Okis- ում ստեղծելու եւ պահպանելու համար.
Դաս թիվ 9. Ինչպես կազմակերպել հաղորդակցություն Okis.ru- ում պատրաստված կայքում
Թիվ 10 դաս: Ինչպես ակտիվացնել կայքը Okis.ru- ում, օգտագործելով WebMoney
11-րդ դաս: Սովորում եմ նոր էջ ավելացնել Okis.ru- ում եւ աշխատել էջի բովանդակության հետ:

Այս հոդվածում մենք կխոսենք այն մասին, թե ինչպես վերնագիրը տեղադրել կայքում եւ ինչպես փոխել գլխարկը WordPress- ում աշխատող կայքում:

Նախ, եկեք նայենք, թե ինչպես վերնագիրը տեղադրել տեղում, որը ստեղծվել է ոչ մի տեսակի շարժիչի վրա, այլեւ HTML խմբագիր օգտագործելը, օրինակ, Dreamweaver, NVU եւ այլն: Սկսելու համար ուզում եմ ասել, որ կայքի համար ցանկացած գլխարկ հիմնականում պատրաստված է սովորական նկարը jPG ձեւաչափ կամ PNG: Հետեւաբար, ձեռքով ստեղծված կայքում փոխեք վերնագիրը, այն շատ պարզ է. Բացեք էջը HTML էջի խմբագրում, գնացեք էջի հենց վերեւում, եւ ապա պարզապես տեղադրեք պատկերը Այս էջը, NVU- ում դա արվում է նույնիսկ ավելի հեշտ. Սեղմեք պատկերը «Image» պատկերակ, ապա տեղադրեք նկարի հասցեն:

Կարեւոր կետն այն է, որ նկարին հղման հասցեն պետք է լինի հիպերտեքստի, այսինքն: Սկսեք http: //, եւ, հետեւաբար, նախ նկարը վերբեռնելու համար, ապա պատճենեք նկարը հղման հասցեն եւ այս հասցեն արդեն տեղադրված է կայքի էջում կամ էջում:

Ինչպես վերնագիր տեղադրել այն կայքում, որը ստեղծվում է հանրաճանաչ WordPress շարժիչի վրա կամ ինչպես փոխել գլխարկը կայքում: Դա այնքան էլ դժվար չէ, ինչպես թվում է առաջին հայացքից: Միակ պահը, երբ ուզում եմ ի սկզբանե նշել, ձեւանմուշին հեղինակային իրավունքը: Դուք հավանաբար գիտեք, որ եթե WordPress- ի համար անվճար ձեւանմուշներ եք գնում կամ ներբեռնում, ապա չեք կարող պարզապես վերցնել եւ փոխել գլխարկը կայքում, այնպես որ դուք կոտրում եք հեղինակային իրավունքը: Դուք կարող եք ազատորեն փոխել գլխարկները միայն այդ ձեւանմուշում, որոնք ձեզ են պատկանում, այսինքն, դուք ինքներդ եք ստեղծել:

Այնուամենայնիվ, հաճախ ձեւանմուշների շատ հեղինակներ գնում են ստեղծագործական վեբ վարպետների հանդիպելու եւ թույլ են տալիս փոխել գլխարկները, բայց դուք դեռ պետք է գրեք հեղինակին եւ թույլտվություններ խնդրեք: Դա ոչ միայն լավ տոնայնության նշան կլինի, այլեւ ձեզ կփրկի հեղինակային իրավունքի խախտման համար դատավարությունից:

ITC, ինչպես փոխել վերնագիրը WordPress կայքում.

1. Բացեք կաղապարը ձեր համակարգչի վրա: Գտեք եւ բացեք պատկերների պանակը, որում տեղակայվելու է ձեր ձեւանմուշի պատկերը: Կայքի գլխարկները կկոչվեն վերնագիր: Ես խորհուրդ եմ տալիս, որ այս նկարը պատճենեք մեկ այլ տեղ մեկ այլ վայրում (օրինակ, աշխատասեղանի վրա) - եթե նոր գլխարկում ինչ-որ բան չեք ցանկանա:

2. Վերցրեք նոր վերնագիր կայքի համար եւ բացեք այն լուսանկարչական խմբագրում, որում կարող եք փոխել պատկերի չափը: Եթե \u200b\u200bլուսանկարչական խմբագիր չունեք, աջ սեղմեք վերնագրի ֆայլը եւ ընտրեք. «Բացեք», ապա ցուցակից ընտրեք ներկ: այն Հիմնական ծրագիր Պատկերները խմբագրելու համար այն գտնվում է Windows- ի հետ աշխատող ցանկացած համակարգչի վրա:

3. Տեսեք չափերը պիքսելներում, օգտագործելով չափափոխման կոճակը: Փակել ներկը:

4. Բացեք նոր վերնագիր (նաեւ ներկով) եւ օգտագործելով չափափոխման կոճակը, տեղադրեք նույն պատկերի չափը պիքսելներում, որը նախորդ նկարից էր: Եթե \u200b\u200bպատկերը Fuzzy կամ տգեղ է, չեղյալ հայտարարեք գործողությունը `օգտագործելով չեղյալ կոճակը: Փորձեք նոր պատկեր կազմել `կտրելով այն (բերքը) կամ ընտրեք նոր պատկեր: Չափը հիմնարար նշանակություն ունի, հակառակ դեպքում կայքը, որը դուք կուղեւորվեք »:

5. Երբ ստացաք ցանկալի նկարը, պահեք այն ձեր ձեւանմուշի թղթապանակում, նույն վերնագրի անվան տակ: Խնդրում ենք նկատի ունենալ, որ եթե բնօրինակ նկարը ստեղծվի JPG- ում, ապա նոր նկարը պետք է լինի նաեւ այս ձեւաչափով: Եվ եթե բնօրինակ նկարը ստեղծվում է PNG- ում, ապա նաեւ նոր նկար պատրաստեք PNG- ում:

Ինչու է դա կարեւոր: Փաստն այն է, որ WordPress- ը աշխատում է PHP- ում, այնպես որ ձեր ձեւանմուշի ֆայլերից մեկում pHP լեզու Գրված է, որ ձեւանմուշը վերաբերում է հատուկ ձեւաչափի նկարին: Եթե \u200b\u200bփոխեք դրա ձեւաչափը (JPG- ի փոխարեն, դրեք PNG կամ GIF), ապա դրա վրա կցուցադրվի գլխարկը:

6. Այժմ լցնել հյուրընկալման նոր ձեւանմուշ (WP-Content / թեմաների թղթապանակ):

Անավարտ փոխանակումների վերաբերյալ հաճախորդներին հաճախ խնդրվում է փոխել կայքի որոշ հատվածի ձեւավորումը, ինչպիսիք են գլխարկները: Ամենահեշտ ձեւը Փոխեք կայքի գլխարկըԱյնպես որ, դա զրոյից ստեղծելն է: Ինչու եմ այդպես մտածում: Խնդրում ենք փաստարկներ:

Երբ ես բացեմ ուրիշի կայքի աղբյուրի կոդը, ապա հազվադեպ բացառությամբ, ես չեմ տեսնում չկառուցված HTML: Կոդ, անհամապատասխան գրված CSS. Եվ գրեթե չկա որեւէ մեկնաբանություն: Կենտրոնացեք նման քաոսի մեջ, դա շատ դժվար է, եւ ես հասկանում եմ, որ ամեն ինչ ավելի արագ կանեմ:

Նման խառնաշփոթը տեղի է ունենում ոչ պրոֆեսիոնալ սարքերի վրա, ուստի հաճախորդը կազմված է ազատ վարիչների հետ, որոնք ունեն ազատ մասնագետներ: Իրավասուորեն պատրաստված կայքեր, հազվադեպ են փոխակերպվում, քանի որ վատ պատրաստված կայքի վրա սայթաքելու հավանականությունը շատ բարձր է:

Հատկապես այս հոդվածի համար ես պատրաստեցի մի հիանալի գլխարկի էկրան, որը պատահաբար հայտնաբերվել է ինտերնետում, ինչ-որ տեղում, եւ ես կբարելավեմ այն, մանրամասն նկարագրելով ամբողջ գործընթացը:

Այսպիսով, կափարիչը փոփոխությունների տեսք ուներ.

Այս ստեղծումը տարածքի հստակ պակաս ունի բոլոր տարրերի համար: Տարրերի այսպիսի խիտ թաղամասից եւ դատարկ տարածքի բացակայությունից, աչքերը գնում են մի փունջ: Անհրաժեշտ է լիցքաթափել տարածքը, կապված կոնտակտային տեղեկատվության համար նոր տողի ստեղծման պատճառով:

Ինչ կփոխեի դիզայնի մեջ:

Տառատեսակը եւ գույնը պատկերանշանից
Մյուս տառատեսակի չափը եւ գույնը
Հեռացրեք կանաչ շերտը
Արգելափակել կոնտակտների տեղը վերին վահանակում

Փոփոխությունից հետո.

Պիտակների միջեւ Գլուխ. մեջ HTML: Պատկեր:

// Նշել Meta Tag- ը հարմարվողականության համար

// Միացնել այլ տառատեսակներ

// Միացրեք տառատեսակի հիասքանչ գրադարանը

// կապել Արտաքին ֆայլ: ոճերը գալիս են այստեղ, ոճեր գրելու համար

// ներբեռնում եւ կապել ոճավորման նորմալացման ֆայլը

Պատրաստում ենք դասավորություն, որը մենք կլինենք flexBox.

Առաջին շարքը կոնտակտներով վահանակ է (վերին վերնագիր):

HTML մակնշում

Դասի հետ բլոկային տարայի մեջ Վերնաշապը:, Եկեք տեղադրենք Flex- ի երեք տարրեր `պարբերություններ տեքստով:

CSS ոճերը

/ * CAPS- ի համար բաժանված ոճեր * /
Մարմին (
Տառատեսակ-ընտանիք. «Ֆորում», անիծյալ;
Գույն, # 777;
Ֆոն-գույն. #FFF;
}

InfoBlocks- ը շարունակում է մնալ անընդմեջ շնորհակալություն display ուցադրում. Flex, Գին Տարածություն: Հավասարապես բաշխում է դատարկ տարածություն inflocks- ի միջեւ: Միակողմանի մոխրագույն շրջանակ, տեսողական սահմանազատ Լավագույն վահանակ Գլխարկից:

/ * Flex բեռնարկղ վերին տեղեկատվական բլոկների համար * /
.top-Header (
Display ուցադրում. Flex;

Լիցքավորում, 5px;
Տառատեսակի չափը, 100%;
Սահմանի հատակը. 1px պինդ # EFD0D0;
Պաշտոն, ազգական;
}

Մենք առանձնացնում ենք որոշ բառեր կանաչով:

/ * Կանաչ գույնի տեղեկատվություն-բլոկներ * /
.top-Header .Green (
Գույն, # B2DB41;
Տառատեսակ-քաշը `համարձակ;
}

Ժամանակավորապես կարեւորեք կարմիր եւ սեւ շրջանակները, որպեսզի պարզ լինի, թե որտեղ է Flex բեռնարկղը, եւ որտեղ է Flex տարրերը:

Երկրորդ շարքը - գլխարկ (վերնագիր)

Ձախից աջ, պատկերանշանը նախ է, իսկ հետո նավիգացիայի ընտրացանկը:

HTML կոդ

Սկսվում է բացման պիտակից Վերնագիր:, որի ներսում բլոկով պատկերանշանով: Պատկերակը տեղադրված է, քանի որ հիմնական էջը տանող օղակը:

Massaažimaailm.

...

CSS կոդ

/ * Flex Cap բեռնարկղ * /
Վերնագիր (
Display ուցադրում. Flex;
Արդարացնել-բովանդակությունը. Տարածություն;
Լիցքավորում, 5px;
Սահմանի հատակը, 5px պինդ # B2DB41;
}

/ * Ոճեր բոլոր հղումների ներսում Flex բեռնարկղով * /
Վերնագիր A (
Display ուցադրում.
Գույն, # 212121;
Լիցք, 12px;
Տեքստային ձեւավորում. Ոչ մեկը; / * Հեռացնում է ներքեւը * /
Տառատեսակի չափը, 100%;
Տեքստ-ստվեր, 0 1px 0 #FFF;
Սահման-շառավիղ. 4px;
}

Այստեղ մենք նշում ենք բլոկի հարաբերական լայնությունը պատկերանշանի տակ, ինչը նշանակում է, որ մնացած 70% -ը կգրավի նավարկություն: Հետաքրքրություն սահմանելը, կարելի է ավելի ճշգրիտ բաժանել երեխաների տարրերը ծնողական տարայի մեջ:

/ * Երեխայի բլոկի լայնությունը պատկերանշանի տակ * /
.WRAP-logo (
Լայնությունը `30%;
}

Տառատեսակի չափը% -ով սահմանելը, մենք հոգում ենք սուպեր Մեծ էկրաններԻ վերջո, պիքսելները ծանր են, որքան չափը:

/ * Logo Stylization * /
.Wrap-logo #logo (
Տառատեսակ-ընտանիք. «Ռոբոտո սալաքար», Սերիֆ;
Տառատեսակի չափը `200%;
Տառատեսակ-քաշը `համարձակ;
}

Լոգոն թարմ է թվում, եթե այն դարձնեք երկսույն:

/ * Կանաչ գույնը `լոգոյի մի մասից * /
.Wrap-logo span (
Գույն, # B2DB41;

Բարեւ սիրելի ընկերներ: Որպես կանոն, նորեկները ընտրում են կայքի պարզ ձեւանմուշ, բայց վաղ թե ուշ վերնագիր փոխելու անհրաժեշտություն կա: Հարցը շատ պարզ է, բայց շատ նորեկներ չգիտեն, թե ինչպես փոխել WordPress կայքի ներքին: Այս հոդվածը պատասխանում է այս հարցին:

Կայքի պարզ ձեւանմուշ, կայքի կափարիչների փոխարինում

Կայքի ստեղծման պահին (բլոգ) Գիտելիք չկար: Հետեւաբար ընտրվել է շատ պարզ WordPress- ի կայքի ձեւանմուշ, ներառյալ կայքի գլխարկը: Միեւնույն ժամանակ, վերնագրում երկու նկար կար.

Լավագույն նկարը պարզ ուղղանկյուն էր, որը ներկված էր ընդհանուր ձեւանմուշի գույնի տակ.
Կափարիչների ներքեւի գլխարկը ներկայացնում էր ժամացույցի պատկերը եւ նկարվում էր նաեւ ընդհանուր ձեւանմուշի գույնի ներքո, այսպես կոչված, «վերնագիր»:

Մյուս օրը ես որոշեցի փորձարկել իմ կայքի գլխարկը, հեռացնել երկու նկարների ճանապարհորդությունը, կայքի վերնագրի փոխարինում: Դա անելու համար անհրաժեշտ էր պարզապես հեռացնել ստորին պատկերը. Ոչինչ բարդ չէ:

Հաջորդը, կայքի գլխարկների վերին պատկերը միացնելով, խնդիր է առաջացել: Վերջնական պատկերը տեղադրվելուց հետո պարզվեց, որ այն տեղադրվել է նաեւ լռելյայն եւ ներքեւի մասում (կայքի էջի ստորին մաս):

Փորձեցի ինտերնետում տեղեկատվություն գտնել, թե ինչպես լուծել խնդիրը, բայց ես ոչինչ չգտա: Ես ստիպված էի լուծել փորձության եւ սխալների մեթոդի խնդիրը: Կայքի պարզ ձեւանմուշը այնքան էլ պարզ չէր:

Ինչպես փոխել գլխի գլխարկը: Այսպիսով, կարգով: Վերնագրի պատկերը հեռացնելուց հետո որոշվեց նկարը դնել գլխի գլխի մետաղադրամների տեսքով եւ մակագրություն պատրաստել: Ինչպես արված է, ես չեմ արտացոլի այս հոդվածում, սա առանձին թեմա է: Բայց գործընթացի ընդհանուր ընկալման համար ես համառոտ նկարագրելու եմ:

Նախքան սկսեք փոխարինել կայքի վերնագիրը, մենք պետք է իմանանք պատկերի հասցեն: Եթե \u200b\u200bաշխատում եք Զննարկիչ Mozilla. Firefox- ը, դուք պետք է տեղադրեք մկնիկի աջ կոճակը գլխարկի (պաստառների) վրա եւ կտտացրեք մկնիկի աջ կոճակը, սեղմեք «Բաց ֆոնային պատկեր» երկխոսության վանդակում:

Նոր պատուհանում բացվում է կայքի գլխարկների պատկեր: Զննարկչի հասցեով (վերեւում) գրանցված է մեր կայքի գլխարկի (նկարների) հասցեն: Իմ գլխի հասցեն այսպիսին է. Պատճենեք եւ պահպանեք այս հասցեն:

Այժմ մենք տեսնում ենք, թե որտեղ է մեր պատկերը պառկած հյուրընկալող. WP- բովանդակության պանակ; Թեմաների թղթապանակ; Zeestyle թղթապանակ; Պատկերների թղթապանակը վերջապես, նկարի անունը Header_bg.png է: Սա օգտակար է մեզ հետ ապագայում:

Մեջ google զննարկիչ Chrome- ի հասցեն սովորում է գրեթե նույնպես: Մկնիկը բերում ենք կայքի գլխարկը, սեղմեք մկնիկի աջ կոճակը, ընտրեք «Պատճենեք URL նկարներ» երկխոսության տուփը, պատճենեք եւ պահեք հղումը: Կան կաղապարներ, որտեղ նկարները բացվում են ավելի խորամանկ ձեւով:

Հաջորդը, բացեք նկարը նոր պատուհանում եւ կարող է աշխատել դրա հետ: Դուք կարող եք այն խմբագրել Photoshop- ում կամ պատկերների այլ խմբագրման մեջ: Իմ կայքի գլխարկի հետ աշխատանքը կատարվել է PIXLR ծրագրում (սա Առցանց Photoshop): Այս մասին ավելին կարդացեք «» եւ «» հոդվածներում:

Պատկերը լրացնելուց հետո այն պետք է փրկվի նույն ընդլայնմամբ եւ նույն երկրաչափական չափերով, որպես հին նկար: Անունը պահպանելու համար խմբագրված նկարը վերանվանվում է (ես դա անում եմ) Ընդհանուր հրամանատար:) Եվ մենք անվանում ենք Header_bg.png անուն: Այս անունը վերցված է վերը նշված հղումից (յուրաքանչյուր անուն կունենա իր սեփականը):

Փոխեք կայքի նկարը (գլխարկները) կարող են կատարվել կամ FTP- ի միջոցով կամ ուղղակիորեն սերվերի միջոցով, ես ուղղակիորեն արեցի: Դա անելու համար մենք գնում ենք մեր հյուրընկալող, բացեք մեր կայքը, բացեք Public_HTML թղթապանակը, WP- բովանդակության պանակը, թեմաները, Zeestyle- ը, պատկերները (նկարը) - Header_BG.png.

Մենք ջնջում ենք հայտնաբերված նկարը եւ դրա տեղում ներբեռնում եք նոր խմբագրված պատկեր: Մենք թարմացնում եւ գնում ենք կայք, ես նաեւ թարմացնում եմ այն \u200b\u200bեւ տեսնում եմ, որ տեղադրված է մեր խմբագրված գլխարկը (նկարը): Ամեն ինչ շատ պարզ է. Տեղադրված է կայքի վերնագրի փոխարինում:

Ինչպես արդեն նշվեց հոդվածի սկզբում, իմ գլխարկը հաստատվեց ոչ միայն կայքի էջի վերեւում եւ ներքեւում:

Պատճառը գտնվել եւ վերացվել է: Փաստն այն է, որ վերնագրում իմ ձեւանմուշը եւ ներքեւի մասում ներկայացված են ուղղանկյուններով, որոնք պարզապես ներկված են մուգ կապույտով, հիմնական ձեւանմուշի տակ: Այսպիսով, պարզվում է, որ գլխարկի եւ Futret- ի աղբյուրը նույն նկարն էր (տես վերը նշված հղումը), այնպես որ կափարիչի փոփոխությունների կափարիչի նկարները փոխելը եւ ներքեւի պատկերները:

Այս խնդիրը լուծելու համար անհրաժեշտ է կապել հղումները, կատարել առանձին պատկեր `գլխարկի համար եւ առանձին` ապագայի համար: Դա անելու համար մենք վերադառնում ենք մեր կայքի ադմինիստրատորին, մտնում ենք » Արտաքին տեսք«», «Խմբագիր» եւ ընտրեք «ոճերը», «ոճային սեղան» (ոճը .CSS):

Գտեք ստորին եւ տեսեք այնտեղ մեր նկարի անունը գծի մեջ - ֆոն. URL (նկարներ / Header_bg.png) ոչ կրկնում # 1D4c82; Նախակրկիտ «ոճային սեղան» ավելի լավ է խնայել: Եթե \u200b\u200bթույլ եք տալիս սխալ, միշտ կարող եք վերադառնալ բնօրինակ վիճակ:

Մենք հիշում ենք, որ Header_bg.png- ը մեր վերնագրի նկարն է: Այժմ գլխի փոխարեն կոդով մենք գրում ենք ստորին (տես էկրանը),

Մնացածը չի դիպչում: Մենք թարմացնում ենք ֆայլը, գնացեք կայք, թարմացրեք եւ տեսեք, որ ամեն ինչ տեղում է դարձել: Խմբագրված գլխարկը իր տեղում, հենակետը հին խմբագիր ունի: Այս աշխատանքը կարող է ավարտվել: Կայքի պարզ ձեւանմուշ պատրաստ:

Պարզապես, եթե ես նկարը դրեցի սերվերի վրա, գուցե ապագայում ես խմբագրելու եմ: Դա անելու համար գլխարկների կափարիչները տեղափոխվել են փոփոխություններ եւ վերանվանվել ընդհանուր հրամանատար, փոխարենը Header_BG.png գրել Footer_bg.png եւ լցնել այն հոստինգի վրա: Սեղմեք պատկերը պատկերների պանակում, որտեղ գտնվում է մեր գլխարկի պատկերը:

Իհարկե, նման իրավիճակը կարող է առաջանալ ոչ թե բոլոր ձեւանմուշների վրա, այլ վերնագրում գտնվող ձեւանմուշները, որոնք ունեն վերնագրում եւ նախապատվության պարզ լրացում (իմ նման) նմանություն կլինի, եւ այս մեթոդը կարող է կիրառվել: Եթե \u200b\u200bգիտեք, աշխատանքը կարող է իրականացվել մի քանի րոպեից: Ինչպես տեսնում եք կայքի ձեւանմուշը, չնայած պարզ է, բայց ես ստիպված էի խցկել, նախքան հասկանալը, թե ինչպես փոխել կայքի վերնագիրը:

Հարգանքներով, Իվան Կունպան:

Սիրված Օրագիր ճիշտ ստեղծելու համար այն պատշաճ կերպով խթանում է, դուք պետք է ամեն ինչ անեք խիստ հաջորդականությամբ: Նման հաջորդականություն ներկայացված է իմ հետախուզական քարտում, որը ես զարգացա իմ սեփական փորձի վրա: , Դա օգտակար կլինի, եւ կարող եք ներբեռնել նաեւ «Ինչպես գրել բլոգի համար հոդված գրել» անվճար գիրքը:

Ստացեք նոր բլոգային հոդվածներ անմիջապես փոստով: Լրացրեք ձեւը, կտտացրեք «Բաժանորդագրվել»

Մենք սկսում ենք մի շարք դասեր `Joomla 2.5 ձեւանմուշը խմբագրելու համար: Այս դասում մենք կանդրադառնանք

Անհրաժեշտ է անհապաղ ասել, որ տարբեր մշակողների տարբեր ձեւանմուշների այս գործընթացը տեղի կունենա իր ձեւով: Հետեւաբար, ես կփորձեմ պատմել Գեյդերի դիրքի գտնվելու վայրը, պատկերանշանը եւ CSS- ի խմբագրման վայրը որոնելու սկզբունքը: Ինչպես միշտ խորհուրդ եմ տալիս կայքի հետ բոլոր մանիպուլյացիաները անել denwer տեղական սերվեր Որպեսզի չխանգարեն այս կայքում տեղադրված ձեւանմուշ վերցնել:

Սկսելու համար անհրաժեշտ է որոշել, թե մոդուլի որ դիրքն է մեր վերնագիրը եւ վերնագրում էլ կան դիրքեր: Ձեւանմուշում մոդուլների դիրքերը որոշելու համար Joomla 2.5. Մեր կայքից հետո մենք հավաքագրում ենք ? TP \u003d 1, Այսինքն, դա նման կլինի. http: // your_sight /? tp \u003d 1.

Մենք թարմացնում ենք էջը (F5) եւ ... Ես ոչինչ չեմ տեսնում: Այնպես որ բ Կայքի վարչական մասը Կայքի դիրքերի հաշմանդամ դրսեւորում: Մենք գնում ենք ադմինիստրատորի էջ, անցնում ենք պարամետրերին

եւ միացրեք դիրքերի ցուցադրումը, ինչպես ցույց է տրված ստորեւ ներկայացված լուսանկարում: Մի մոռացեք գոյատեւել:

Մենք կրկին թարմացնում ենք էջը: Ամեն ինչ: Հայտնվեցին մոդուլների դիրքերը: Մենք տեսնում ենք, որ դրանցից մի քանիսը կան, վերնագիր, պատկերանշան, հաշվիչ, դրոշ: Միեւնույն ժամանակ, մենք տեսնում ենք, որ դիրքերի պայմանական չափերը կարեւորվում են (վաճառասեղան, դրոշ), բայց վերնագիր, պատկերանշան:

Մենք տրամաբանորեն հասկանում ենք, որ վերնագրի մոդուլի դիրքը պատասխանատու է կայքի վերնագրի համար, եւ պատկերանշանի պատկերանշանը պատկերանշանի համար:

Իմ անձնական համոզմունքը, որ դուք միշտ պետք է ստուգեք խնդիրը լուծելու պարզ եղանակներ, եւ եթե այն չլինի, ապա խորը բարձրանալ: Ամենապարզ բանը `Joomla 2.5 ձեւանմուշը ինքնուրույն անցնելու եւ տեսնելու, թե որ պարամետրերն են այնտեղ: Ամեն դեպքում, քանի որ Joomla 2,5-ում պարզապես ձեւանմուշը տեղադրելու ժամանակ կամ Quickstart- ի գործարկման համար Joomla 2.5 ձեւանմուշը տեղադրելուց հետո առաջին բանը, որ դուք պետք է գնաք ձեւանմուշների պարամետրեր եւ զբաղվեք դրա տեղադրման հնարավորություններով: Միեւնույն ժամանակ, նույնիսկ պետք չէ joomla 2.5-ը ռուսաստանցի համար, քանի որ օրինակը չի թարգմանվի ռուսերեն:

Կաղապարների շատ մշակողներ դրա կարգավորումներում հնարավորություն են տալիս խմբագրել hapes (վերնագիր), ինչպես նաեւ կայքի ստորաբաժանումը (ստորին) եւ շատ այլ հագուստներ: Այնուամենայնիվ, այս ձեւանմուշում գտնվող շատ պարամետրերի շարքում լույսը չի գտնվել:

Եվ այսպես, իմանալը, իմանալով վերնագրի դիրքը, քանի որ վերնագիրը գնում է «ընդլայնում - մոդուլի մենեջեր» եւ «դիրքի ընտրություն» ներքեւի ընտրացանկում մենք փնտրում ենք վերնագրի դիրք: Այնտեղ չէ, եւ դա հենց այնտեղ է, քանի որ ձեւանմուշում չկա գլխարկ: Կա միայն պատկերանշան: Ամենից ճիշտ I. Արագ ճանապարհ Տեղում վերնագրի ելքը գտնվում է «Մոդուլի մենեջեր» սեղմիչում «Ստեղծել» կոճակը:

Եվ մոդուլի տեսակը ընտրելու դեպքում ընտրեք «HTML կոդ»: Դրանով մենք ոչ միայն կարող ենք մասնակցել HTML կոդԲայց նաեւ տեղադրեք մեր գլխարկների նկարը:

Այնուամենայնիվ, վերնագիրին մոդուլի դիրքի դուրս գալու համար այն պետք է նախապես պատրաստված լինի, եւ դրա համար մենք պետք է իմանանք մոդուլի դիրքի լայնությունը եւ երկարությունը: Հիշեք զով plugin- ը Firebug for Firefox- ի համար Եւ սկսեք օգտագործել այն: Այս ընդլայնմամբ մենք ուսումնասիրում ենք վերնագրի դիրքը եւ տեսնում

Ինչպիսի դիրքավորում է պատասխանում ֆայլի Layout.CSS- ն եւ դրա բարձրությունը 110 պիքսել է: Ի դեպ, դուք կարող եք փոխել լայնությունը ձեզ համար անհրաժեշտ չափի համար cSS ֆայլ, Այժմ անհրաժեշտ է որոշել մեր գլխարկի երկարությունը: Կաղապարների մեծ մասում լայնությունը դրված է պարամետրերում: Մենք գնում ենք մեր ձեւանմուշ եւ թուրմում, տեսնում ենք, որ մեր ձեւանմուշի երկարությունը 1100 պիքսել է: Այժմ մենք կարող ենք պատրաստել մեր վերնագիրը անհրաժեշտ պարամետրերով `օգտագործելով գրաֆիկայի խմբագրման ծրագիրը (օրինակ: Adobe Photoshop.): Ես չեմ ասի, թե ինչպես է դա արվում: Սա նվիրված է ամբողջ կայքեր:

Կափարիչի հետ պատրաստված ֆայլը ավելի մոտ է կայքի «պատկերներ - պատմություններ» թղթապանակում, բայց ոչ ձեւանմուշ: Այժմ մենք այն տեղադրում ենք, օգտագործելով «HTML կոդ» մոդուլը: Վերնագրերը թաքնվում են: Մենք ընտրում ենք վերնագրի դիրքը եւ համառում ենք:

Ի դեպ, այնպես որ կարող եք անել այն, ինչ Տարբեր էջեր Կայքը ցուցադրվում էր այլ վերնագիր: Մենք պատրաստում ենք մի քանի գլխարկներ, դրանք տեղափոխում ենք վերը նշված թղթապանակում եւ խառնել օգտագործելով մի քանի «HTML կոդ» մոդուլներ, ընտրացանկի որոշակի կետերում:

Առաջինը պարզեց: Մենք հիմա խմբագրելու ենք պատկերանշանը: Իմանալով մոդուլի դիրքը, մասնավորապես `պատկերանշանը ստուգեք այն: Մենք գնում ենք «Ընդլայնումներ - Մոդուլի մենեջեր» եւ «դիրքի մենեջեր» ներքեւի ընտրացանկում մենք փնտրում ենք դիրքի պատկերանշան: Պատկերի նման ուղի կա logo.png անունով: PNG: Բայց դա անջատելը, մենք տեղում փոփոխություններ չենք տեսնում: Այսպիսով, այս նկարը օգտագործվում է միայն այն ժամանակ, երբ շարժակազմը պարզապես ձեւանմուշ է արդեն տեղադրված Joomla 2.5-ի համար: Բայց Joomla 2.5 ձեւանմուշը տեղադրելիս Արագ սկիզբ «Quickstart» Ինչպես ենք օգտագործում նկարը մեկ այլ թղթապանակից: Եւ, բնականաբար, ձեւանմուշից:

Հետեւաբար, մենք սկսում ենք մեկ այլ եղանակ փնտրել: Կրկին, Firefox- ի համար օգտագործելով Firebug plug-in- ը, մենք ուսումնասիրում ենք ձեւանմուշի պատկերանշանը եւ տեսնում,

Ինչ դիրքավորում է պատասխանատու նույն Layout.css ֆայլի համար եւ տեսնելու, թե որտեղ է այն (ֆայլի ուղին) բացեք այն նոր ներդիրում: Միջոցով notepad ++ ծրագրեր Բացեք եւ լարեք 259 տող:

Այստեղ մենք կարող ենք փորձարկել լոգոյի լայնությամբ, երկարությամբ: Մի մոռացեք պահպանել եւ թարմացնել կայքի էջը `արդյունքը դիտելու համար: Մեկ այլ հսկայական առավելություն Notepad ++ - ը մի բան է, որը դուք միշտ կարող եք վերադառնալ ֆայլի աղբյուրի վիճակ, բայց միայն եթե չփակեք Notepad ++ պատուհանը: Վերադառնալով նախնական վիճակ, օգտագործելով «Չեղարկել» կոճակը:

Լավ, պատկերանշանի ձեւավորումը փոխելու համար մեզ անհրաժեշտ կլինեն Adobe Photoshop եւ այս ծրագրի տարրական իմացությունը:

Այսպիսով, մենք նայեցինք ձեզ Ինչպես խմբագրել (փոխել) վերնագիրը joomla ձեւանմուշ 2.5.

Հաջողություն ձեզ ձեր ջանքերում: