Bitrix සමඟ සැකිල්ල 1. සූදානම් කළ විසඳුම්. දෙන්නෙක් ඉන්න තැන තුනයි

අච්චුව පිරිසැලසුම නිර්වචනය කරයි ක්රියාකාරී මූලද්රව්ය, පිටු සංදර්ශකය සහ කලා විලාසය. පොදු පෙනුමඅඩවිය.

සාමාන්‍යයෙන් සියලුම පිටු සඳහා එක් පිරිසැලසුමක් භාවිතා කරයි, නමුත් 1C Bitrix ඔබට එකවර සැලසුම් විකල්ප කිහිපයක් භාවිතා කිරීමට ඉඩ සලසයි.

බිල්ට් මෙවලම් භාවිතයෙන්, ඔබට සියලුම කොටස් සහ පිටු සඳහා ඔබේම සැකිලි සැකසිය හැක. විශේෂිත පරිපථයක් පෙන්වීම සඳහා ඔබට විවිධ කොන්දේසි ද සැකසිය හැකිය. සැකසුම් සිදු කරනු ලබන්නේ පරිපාලක පැනලය හරහා ය.

පිටු සැකිලි එකම නමේ "සැකිලි" ෆෝල්ඩරයේ ගබඩා කර ඇත. තුල දෘශ්ය සංස්කාරකයලැයිස්තුවෙන් අවශ්‍ය විකල්පය සරලව තෝරා අවශ්‍ය දත්ත සමඟ එය අතිරේක කරන්න. සැකිල්ලේ ලක්ෂණයක් වන්නේ තර්කය ඉදිරිපත් කිරීමෙන් වෙන් කිරීමයි.

සැකිලි අවශ්‍ය කාටද සහ ඇයි?

Bitrix පද්ධතිය මඟින් ඔබට පෙර-සාදන ලද සැකිලි නිර්මාණය කිරීමට සහ භාවිතා කිරීමට ඉඩ සලසයි, ඒවා වැඩබිම් සඳහා යොදන්න.

සංකීර්ණ ව්‍යුහයක් සහිත බහු සංරචක පිටු සමඟ වැඩ කරන විට මෙය ප්‍රායෝගික හා ඵලදායී විසඳුමකි, උදාහරණයක් ලෙස අන්තර්ජාල වෙළඳසැලක් හෝ ප්‍රවෘත්ති ද්වාරයක් සමඟ වැඩ කරන විට.

නිවැරදිව තෝරාගත් අච්චුවක වාසි:

  • පළමු හැඟීම. වෙබ් අඩවියේ සැලසුම සමාගම විශේෂීකරණය කරන්නේ කුමක්ද යන්න පැහැදිලි කර ඇති අතර හිතකර හැඟීමක් ඇති කරයි.
  • මතක තබා ගැනීමේ හැකියාව. වෙබ් අඩවිය නිශ්චිත සමාගමක් සමඟ සම්බන්ධ වී ඇති අතර එය හඳුනාගත හැකිය.
  • අඛණ්ඩතාව. සැකිල්ල කුඩාම විස්තරයට ලිවිය යුතු අතර, එකඟතා පින්තූරයක් ඉදිරිපත් කරයි.
  • ක්‍රියාකාරීත්වය. ආකර්ශනීය බව උපයෝගීතාවය සහ ප්රායෝගිකත්වය සමඟ සංයුක්ත වේ.
1C Bitrix සඳහා සැකිල්ලක් ස්වාධීනව නිර්මාණය කිරීම

1C Bitrix සැකිල්ලේ ව්‍යුහය ගොනු සහ ෆෝල්ඩර එකතුවකි. ප්‍රධාන නාමාවලියෙහි විස්තරය සහ සාමාන්ය තොරතුරුපරිපාලන අංශය සඳහා. සමහර විට සමහර අමතර කාර්යයන් ද එහි පවරනු ලැබේ.

ප්‍රධාන අන්තර්ගතය තැබීම සඳහා අච්චුවේ වැඩ කරන ප්‍රදේශය භාවිතා කරන අතර බෙදීමේ අවශ්‍යතාවය ව්‍යුහය නිසා වේ. එය වැඩ_ප්‍රදේශය ලෙස නම් කර ඇති අතර එය සංස්කරණ පෝරමයේ ලියා ඇත, අවකාශය බෙදුම්කරුවෙකු ලෙස ක්‍රියා කරයි.

වෙබ් අඩවියේ ප්‍රධාන කොටස් ද අනුරූප නාමාවලි ආකාරයෙන් ඉදිරිපත් කෙරේ. 1C Bitrix අච්චුවේ පදනම වන්නේ ශීර්ෂකය සහ පාදක ගොනු වේ. ඒවායේ කේතය, ඇමතුම් දිගු, CSS සහ අනෙකුත් කාර්යයන් අඩංගු වේ.

Bitrix Framework විධානයන් සමඟින් ගතික අන්තර්ගතය සැකිල්ලට ඇතුළත් වේ. මෙහිදී ඔබට විශේෂ Bitrix සංරචක ලෙස හඳුන්වන PHP ඇතුළු කිරීම් සැකසිය හැක.

පළමුව, මාතෘකාව, අයිකන, කැස්කැඩින් ස්ටයිල් ෂීට්, ටැග් සහ අනෙකුත් මූලික පරාමිතීන් සකසා ඇත. මෙයින් පසු, පරිපාලන කොටසෙහි පිහිටීම තීරණය කිරීම අවශ්ය වේ. සියලුම වැඩ කරන පින්තූර එක් විශේෂිත ෆෝල්ඩරයක තැබීම වඩා හොඳය.

අයිතම සෑදීමට සහ සංස්කරණය කිරීමට Bitrix සංරචකය ඇමතීමෙන් මෙනුවක් සහිත අංකිත ලැයිස්තුව ප්‍රතිස්ථාපනය වේ. අනෙකුත් බොහෝ සම්මත මූලද්‍රව්‍ය ද සංරචක ලෙස නිර්මාණය කර ඇත.

අවශ්‍ය දිගුව තැබීමට, එය ඇමතීමේ කේතය පිටුවේ කලින් තෝරාගත් ස්ථානයකට ඇතුල් කරනු ලැබේ. මුලදී, එය පරිශීලක ලේඛනවල හෝ දෘශ්ය සංස්කාරක පටිත්තෙහි පිහිටා ඇත.

තවත් වැදගත් අංගයක් වන්නේ සැකිල්ලේ CSS ගොනු වේ. මුලදී ඒවායින් තුනක් ඇත: අන්තර්ගතය සැලසුම් කිරීම සඳහා ප්රධාන එකක් සහ සහායක දෙකක්. නමුත් මෙම වෙනස ඉතා අත්තනෝමතික ය, මන්ද සියලු මූලද්රව්ය එකිනෙකට සමීපව සම්බන්ධ වී ඇත.

සැකිල්ලක් ස්ථාපනය කරන්නේ කෙසේද?

නිමි අච්චුව ස්ථාපනය කිරීම පහත යෝජනා ක්‍රමයට අනුව සිදු කෙරේ:

  • පරිපාලක පැනලයේ සැකිලි කොටසෙහි, ඔබ "එකතු කරන්න" බොත්තම තෝරාගත යුතුය;
  • නිර්මාණය කිරීමේ පෝරමය සම්මත වේ: එය ID, මාතෘකාව සහ විස්තරය නියම කරයි;
  • html සමඟ වැඩ කරන විට, සැලසුම් සහ අන්තර්ගතයට අදාළ මූලද්රව්ය පැහැදිලිව වෙන් කිරීම වැදගත් වේ;
  • සැකිල්ල පිටපත් කර ඇති සංස්කරණ ක්ෂේත්‍රයට වැඩ_ප්‍රදේශ විධානය ඇතුළත් කර ඇත;
  • ඔබට CSS තිබේ නම්, ඔබට කේතය ඇතුළත් කර ඇති මෝස්තර පටිත්ත වෙත යා යුතුය;
  • ඔබට ප්රතිඵලය සුරැකිය හැකි අතර ප්රතිඵලය කාර්යය ඇගයීමට ලක් කළ හැකිය.
  • අවසාන කොටස ශීර්ෂ ගොනුවේ ලියා ඇති සියලුම Bitrix විචල්‍යයන් පිළිබඳ ඇඟවීමයි. CSS හි මාර්ග සංස්කරණය කිරීමට සහ අතරමැදි ප්‍රතිඵල සුරැකීමට මතක තබා ගැනීම වැදගත් වේ. මෙයින් පසු, නිෂ්පාදන සැකසුම් වල සුදුසු ලැයිස්තුවෙන් එය තේරීමෙන් ඔබට වෙබ් අඩවියට අච්චුව යෙදිය හැකිය.

    නිගමන

    1C Bitrix සැකිලි තරමක් ප්‍රායෝගික සහ ක්‍රියාකාරී වේ. ඔවුන්ගේ භාවිතය සැලකිය යුතු ලෙස සරල කර ව්යාපෘතියේ සංවර්ධනය වේගවත් කරනු ඇත. සමාගමේ වෙබ් අඩවියෙන් ඔබට සූදානම් කළ සැකිලි මිලදී ගත හැකිය.

    මෙම ලිපියෙන් අපි මුල සිටම Bitrix සඳහා අච්චුවක් නිර්මාණය කිරීමේ සියලුම අංග දෙස බලමු. ඔබට සූදානම් කළ පිරිසැලසුමක් තිබේද යන්න ගැටළුවක් නොවේ, නැතහොත් ඔබ අතරමැදියන් නොමැතිව ඔහුට යමක් ලිවීමට ඉඩ දෙන පරිපූර්ණවාදියෙක් පමණි :)

    අච්චුවක් සෑදීමට අවශ්‍ය ගොනු මොනවාද?

    ඔබේ වෙබ් අඩවියේ පෙනුම (හෝ වෙබ් අඩවියේ ඉදිරිපත් කිරීම) සෑම විටම වෙනම ෆෝල්ඩරයක ගබඩා කර ඇත. 1C-Bitrix හි, සැකිලි ෆෝල්ඩරයක් අඩංගු බිට්‍රික්ස් ෆෝල්ඩරය හරහා සැකිල්ලට යන මාර්ගය පිහිටා ඇති අතර දැනටමත් අපගේ සියලුම සැකිලි ලැයිස්තුවක් අඩංගු වේ.

    සැකිලි සඳහා මාර්ගය: /bitrix/templates/

    ඔබට ආකාර තුනකින් අච්චුවක් සෑදිය හැක:

  • පිටපත් කළ හැකිය සූදානම් සැකිල්ලසහ එය මත පදනම්ව, එය ඔබට ගැලපෙන පරිදි වෙනස් කරන්න
  • ඔබට පරිපාලක පැනලය හරහා හිස් අච්චුවක් සෑදිය හැක
  • ඔබට හිස් ෆෝල්ඩරයක් සාදා එය ක්‍රමයෙන් ගොනු සහ ෆෝල්ඩර වලින් පුරවා ගත හැක
  • ඔබට වැටහෙන පරිදි, 3 වන විකල්පය වඩාත්ම දුෂ්කර ය :) අපි පරිපාලක පැනලය වෙත යමු, පරිපාලනය > සැකසීම් > නිෂ්පාදන සැකසුම් > වෙබ් අඩවි > වෙබ් අඩවි සැකිලි > අච්චුව එක් කරන්න.
    අඩවිය සම්බන්ධ සබැඳිය: /bitrix/admin/template_admin.php?lang=ru

    අච්චු හැඳුනුම්පත යනු එය පිහිටා ඇති ෆෝල්ඩරයේ නමයි, මම එය සංවර්ධනය ලෙස හඳුන්වමි. හැකිතාක් පහසු ලෙස ඉතිරි ක්ෂේත්‍ර පුරවන්න; ඒවා දැන් ඉතා වැදගත් නොවේ. සැකිලි කේතයට පහත කේතය එක් කරන්න:

    #වැඩ_ප්‍රදේශය#

    — අපි මෙම පේළිය ලියන්නෙමු එවිට ගොනුව බ්‍රවුසරයෙන් කෙලින්ම ඇමතීමට නොහැකි වන අතර එය ක්‍රියාත්මක වීමට පටන් නොගනී;
    - පිටුව සඳහා වත්මන් මාතෘකාව පෙන්වන්න;
    - මූල පද, විස්තර සහ සියලුම ස්ක්‍රිප්ට් පෙන්වන්න;
    - පරිපාලකයින් සඳහා පැනලය පෙන්වන්න.

    අච්චුව සුරැකීමෙන් පසු, මගේ description.php ගොනුව මේ ආකාරයට පෙනේ:

    නියමයි, අපට මූලයේ ගොනු 5 ක් ඉතිරිව තිබිය යුතුය, ඉතිරිය විය යුතුය මේ මොහොතේඅපි භාවිතා නොකරමු:

    • description.php,
    • header.php,
    • footer.php,
    • styles.css,
    • template_styles.css

    #WORK_AREA# ට පෙර ඇති කේතයේ කොටස අවසානයේ header.php වෙත ලියා ඇත. footer.php හි ලියා ඇත්තේ කුමන කොටසදැයි අනුමාන කරන්න :) (ඊට පසු එක). වැඩ කරන ප්‍රදේශය ගතික අන්තර්ගතයකි (එය සෑම විටම ගතික නොවේ), උදාහරණයක් ලෙස, index.php ගොනුවේ /contacts/ හෝ /about/ ෆෝල්ඩරයේ පිහිටා ඇත. ගොනුව සාමාන්‍යයෙන් ශීර්ෂය ඇතුළත් කිරීමෙන් ආරම්භ වන අතර පාදකය ඇතුළත් කිරීමෙන් අවසන් වේ:

    කෙටි පණිවිඩයක් හයර්

    මෙතෙක්, සෑම දෙයක්ම තාර්කිකව පෙනේ.

    1C-Bitrix ෆෝල්ඩර සහ නව අච්චුවේ ව්‍යුහය

    මම පෞද්ගලිකව ඇත්තටම කැමති නැති ලේඛනවල නිර්දේශ කිහිපයක් තිබේ. පළමුව, ඔවුන් සංක්ෂිප්ත img වෙනුවට රූප ෆෝල්ඩර රූප නම් කිරීමට කැමතියි. ඇත්ත වශයෙන්ම, මට සියල්ල තේරෙනවා, නමුත් ඔබ මෝස්තර ලියන විට, ඔබ කෙසේ හෝ පින්තූර වෙත යොමු විය යුතුය, ඇයි 2 ගුණයක් වැඩිපුර ලියන්නේ? :) දෙවනුව, ඇතුළත්_ප්‍රදේශ ෆෝල්ඩරය තුළ ඇතුළත් කර ඇති ප්‍රදේශ ගබඩා කිරීමට නිර්දේශයක් තිබුණි - ඇයි inc නිර්මාණය නොකරන්නේ? තෙවනුව, අපට මෝස්තර සහිත ගොනු 2 ක් අවශ්‍ය වන්නේ ඇයි? මට සියල්ල වෙනම ගොනුවකට දමා අවශ්‍ය පරිදි පසුව සම්බන්ධ කිරීමට අවශ්‍ය නම්, මෙම විලාසයන් සංරචක අච්චුවේ හෝ අච්චුවේ css ෆෝල්ඩරයේ ගබඩා වේ.

    සාරාංශ කිරීමට, අපගේ නිවැරදි සැකිලි ව්‍යුහය වන්නේ:

    Include_Areas images components js

    ටිකක් කැරලිකාර වීමට:

    Inc img සංරචක js

    ප්‍රතිපත්තිමය වශයෙන්, කිසිවෙකු ඔබව සීමා නොකරයි, මේවා නිර්දේශයන් පමණි.

    දැන් අපි පළමු ගැටලුවට සුමටව පැමිණෙමු - දෘඪ කේතය. උදාහරණයක් ලෙස ගතික අගයන් වෙනුවට Hardcode යනු විටය වසම් නාමය, භාවිත පෙළ ඇතුළත් කිරීම. බොහෝ නවක සංවර්ධකයින් SITE_ TEMPLATE_PATH නියතය ගැන දන්නේ නැත, එය වත්මන් අච්චුවට යන මාර්ගය අගයක් ලෙස ගබඩා කරයි - අපගේ නඩුවේදී එය /bitrix/templates/development වේ (පසුපෙළ ස්ලැෂ් නොමැතිව, කරුණාකර සටහන් කර ගන්න). එබැවින්, ඔබ ඔබේ ස්ක්‍රිප්ට් හෝ ඇතුළත් කළ ප්‍රදේශ ඇතුළත් කරන විට, ඔබට ලිවිය යුතු ෆෝල්ඩරය සඳහා:



    
    ඉහල