የሰድር አቀማመጥ በጣም ታዋቂ ከሆኑት ውስጥ አንዱ ነው። ምን እንደሆነ አታውቅም? Pinterest ፣ የዊንዶውስ ሜትሮ ፣ ወዘተ ያስቡ። ይህንን በቃላት ለማብራራት፣ የተለያየ መጠን ያላቸውን ብሎኮች በሚያምር ሁኔታ በታዘዘ፣ ብዙ ጊዜ የቼክቦርድ ጥለት ማገናኘት የሚያስከትለውን እብድ ውጤት አስቡት።

የታሸገው አቀማመጥ አዲስ ነገር አይደለም. ታዲያ አሁን ስለ እሷ ለምን እናወራለን? ደግሞም ፣ የታሸገ አቀማመጥ ተፅእኖን ለማግኘት በጣም ጥሩ መፍትሄዎች አሉ? ብላ። ግን ንጹህ የሲኤስኤስ መፍትሄን ትንሽ ወደ ፊት መውሰድ እንችላለን? ተፈላጊውን ውጤት ለማግኘት flexbox ን መጠቀም እንችላለን?

በጣም ቀላሉ ንጣፍ

በመሠረታዊ አቀማመጥ እንጀምር. ለእኛ አቀማመጥ ይህን የመሰለ የ DOM መዋቅር አስቡት፡-

ዓምዶችን ወደ ይዘታችን ማከል እንፈልጋለን። በትንሽ ጥረት CSS3 አምዶችን ወይም flexboxን በመጠቀም በእኛ DOM መዋቅር ላይ በመመስረት ቀላል የሰድር አቀማመጥ ውጤት እንኳን ማሳካት እንችላለን?

ባለብዙ-አምድ አቀማመጥ እና flexbox ምንድን ነው?

ባለብዙ-አምድ አቀማመጥ በመሞከር ላይ

CSS ለባለብዙ-አምድ አቀማመጦች የአምድ-ቆጠራ እና የአምድ-ክፍተት ባህሪያት አሉት። ይህ መሰረታዊ የታሸገ አቀማመጥ ለመፍጠር በአንፃራዊነት ቀላል ያደርገዋል። እባክዎ በአቀማመጥ ውስጥ መሆኑን ያስተውሉ አስፈላጊከይዘት ጋር በብሎኮች ላይ የብልሽት ንብረቱን ይጠቀሙ። ይህ የብሎኮች ይዘት በአምዶች መካከል እንዳይከፋፈል እና እንዳይሰራጭ ይከላከላል። ለዚህ መነሻ CSS የሚከተለው ይሆናል፡-

ይህንን በተግባር ማየት ይችላሉ። ይህ ጥሩ ጅምር ነው እና ባለብዙ-አምድ አቀማመጥ ባህሪያት ለእኛ ከባድ ማንሳት እንደሚችሉ ያሳያል።

Flexboxን በመሞከር ላይ

Flexboxን በመጠቀም ተመሳሳይ ውጤት ማግኘት እንችላለን? ይህ እንደ ባለብዙ-አምድ አቀማመጥ ቀላል አይደለም. በፍሌክስቦክስ ተመሳሳይ ችግር ሲፈታ ችግር ውስጥ ገባሁ።

በመጀመሪያ ሙከራዬ፣ ተጣጣፊ አቅጣጫን በመጠቀም የአምድ አቀማመጥን አስመስያለሁ። የአምዱ እሴትን የመጠቀም ችግር ዓምዶቹን ከመጠቅለልዎ በፊት የአቀማመጡን ቁመት ማዘጋጀት አለብዎት. ነገር ግን የትርፍ መጠን ወደ አግድም ማሸብለል ስለሚመራ ይህ ተስማሚ አማራጭ አይደለም. ስለዚህ ማሸብለልን መቋቋም አለብዎት, ወይም የአቀማመጡን ቁመት ማስተካከል መቻል አለብዎት, በዚህ ሁኔታ ሁሉንም ነገር በጥሩ ሁኔታ ማዘጋጀት ይችላሉ. ከተለዋዋጭ ይዘት ጋር እየሰሩ ከሆነ መጠኑ ይለያያል፣ ሲጨምሩት ስለ አሰላለፍ ያለማቋረጥ መጨነቅ ይኖርብዎታል። ይህ በግልጽ ከ flexbox ዓላማ ጋር አይጣጣምም።

የሚከተለውን ምሳሌ ተመልከት።

ሜሶነሪ-አቀማመጥ (ማሳያ: ተጣጣፊ; ተጣጣፊ-አቅጣጫ: አምድ; ተጣጣፊ-ጥቅል: መጠቅለያ; ንጣፍ: 10 ፒክስል; ቁመት: 100vw;) .ማሶነሪ-አቀማመጥ__ፓነል (ማሳያ: ተጣጣፊ; ተጣጣፊ: 1 1 ራስ; ስፋት: 33.3%; ህዳግ; - ታች: 10 ፒክስል; ድንበር-ራዲየስ: 10 ፒክስል)

በእርስዎ ምልክት ማድረጊያ እና አቀማመጥ ላይ የበለጠ ቁጥጥር እንዲኖርዎት ፍቃደኛ ከሆኑ፣ በFlexbox የሚፈልጉትን ውጤት ማሳካት ይችላሉ። የሚከተለውን መዋቅር አስቡበት.

አምዶችን ወደ አቀማመጥ ማከል በአቀማመጡ ላይ ተጨማሪ ቁጥጥር ይሰጥዎታል። ነገር ግን፣ የይዘት ክፍሎችን እንዴት እና የት እንደምታስቀምጡ ትንሽ ማሰብ አለብህ። ይህን አካሄድ በተግባር ማየት ትችላለህ።

ባለብዙ-አምድ አቀማመጥ ያሸንፋል

የብዝሃ-አምድ አቀማመጦች ባህሪያት የሰድር ተፅእኖ በመፍጠር በእርግጠኝነት ይጠቀማሉ። ይህ የተገኘው በምልክቱ ቀላልነት እና አጭርነት ምክንያት ነው። በአንደኛ ደረጃ ጉዳዮች, ችሎታቸው በቂ ነው. ምንም እንኳን ከሁለቱም አቀራረቦች ጥቅሞች ቢኖሩም.

ሜሶነሪ-አቀማመጥ (አምድ-ቆጠራ: 3; የአምድ-ክፍተት: 0;) .ማሶነሪ-አቀማመጥ__ፓነል (ውስጥ መሰባበር: ማስወገድ; ንጣፍ: 5 ፒክስል;) .ማሶነሪ-አቀማመጥ__የፓነል-ይዘት (መሸፈኛ: 10 ፒክስል; ድንበር-ራዲየስ: 10 ፒክስል; )

ይህንን ኮድ እንይ። የእኛ ፓነሎች በትክክል እንዲሁ ብሎኮች መሆን አለባቸው። ስለዚህ ትንሽ ማስተካከያ እናደርጋለን.

ሜሶነሪ-አቀማመጥ (የአምድ-ቆጠራ፡ 3፤ የአምድ-ክፍተት፡ 0፤) .ማሶነሪ-አቀማመጥ-ፓነል (ውስጥ-መስበር፡ ማስወገድ፤ ንጣፍ፡ 5 ፒክስል፤) 10 ፒክስል)

የእኛ ቀላሉ ንጣፍ አሁንም አቅም አለው። እኛ ቀዝቃዛ እናደርገዋለን እና Flexbox በዚህ ይረዳናል።

የጎጆ የይዘት ስብስቦች

ወደ አቀማመጣችን የጎጆ ዘለላዎችን ማከል ይዘቱን በጥቂቱ ሊከፋፍል እና ፍሰቱን በትንሹ ሊያስተጓጉል ይችላል ይህም ግባችን ነው። ይህ ዓምዶችን የያዘ ይዘት ያለውን ተጽእኖ ለመፍጠር ሊያገለግል ይችላል።

ዘለላዎች በመሠረቱ የጎጆ አቀማመጦች ናቸው፣ ቀጥ ያለ ወይም አግድም ፍሰት። ፍሌክስቦክስ ለዚህ ጥሩ ነው።

የእኛ መሰረታዊ አቀማመጥ ከኳድ ጋር በትክክል አይጣጣምም ፣ ግን ዘለላዎቹ ይህንን ማድረግ አለባቸው ምክንያቱም በአቀማመጥ ውስጥ ባዶ ቦታዎች እንዲኖሩን ስለማንፈልግ። ይህንን ለመዋጋት የክላስተር መጠኖችን ማዘጋጀት እንችላለን. ለምሳሌ፣ እንደዚህ፡-

ሜሶነሪ-አቀማመጥ-ፓነል - ትንሽ (ቁመት: 200 ፒክስል;) .ሜሶነሪ-አቀማመጥ-ፓነል - መካከለኛ (ቁመት: 300 ፒክስል;) .ሜሶነሪ-አቀማመጥ-ፓነል - ትልቅ ( ቁመት: 400 ፒክስል;)

ግን ይህ ሙሉ በሙሉ ትክክለኛው አካሄድ አይደለም. ልኬቶችን ማዘጋጀት ለእያንዳንዱ ጉዳይ ተስማሚ አይደለም. ቀደም ብለን የተነጋገርነውን አምድ የሚመስሉ መያዣዎችን ማስተዋወቅ የተሻለ ይሆናል. የሚከተለውን አማራጭ አስቡበት፡-

የክላስተር ፍሰት አግድም ወይም ቋሚ ሊሆን ይችላል. የክላስተር ፍሰቱ አግድም ከሆነ, በአቀባዊ እና በተቃራኒው የሚፈሱ ክፍሎችን ያላቸውን ዓምዶች እንገልጻለን. ይህ የሚለወጠው ተጣጣፊ አቅጣጫን በመጠቀም ነው። የክላስተር ክፍሎች ባዶ ቦታ ለመሙላት ያድጋሉ/ይቀነሱ፣ እና ዘለላዎች እንደ ብሎኮች ይሰራሉ።

በክላስተር ክፍሎች ላይ የተሻለ ቁጥጥር ካስፈለገን የተለዋዋጭ-መሰረታዊ መቶኛን ለማዘጋጀት የመገልገያ ክፍሎችን መፍጠር እንችላለን። በመያዣው ውስጥ አንድ አካል ብቻ ማካተት ስለምንችል እና ሙሉውን ስፋት ወይም ቁመት ስለሚወስድ "ሙሉ መጠን" መገልገያ ክፍል አያስፈልገንም. ለ "ግማሽ" ተጣጣፊ መሰረትን እናዘጋጃለን: 50% . የዚህ ትግበራ ጥቅማጥቅሞች ማንኛውንም የአምዶች ወይም የረድፎች ብዛት በቅደም ተከተል ማስቀመጥ መቻል ይሆናል.

ኮዱ ምን ሊመስል ይችላል? በአማራጭ፡

ሜሶነሪ-አቀማመጥ-ክላስተር (ማሳያ: ተጣጣፊ; ንጣፍ: 0;) .ማሶነሪ-አቀማመጥ-ክላስተር--ቋሚ (ተለዋዋጭ-አቅጣጫ: ረድፍ;) .ማሶነሪ-አቀማመጥ-ክላስተር--አግድም (ተለዋዋጭ-አቅጣጫ: አምድ;). ሜሶነሪ-አቀማመጥ-ክላስተር__ክፍል (ማሳያ፡ ተጣጣፊ፤ ተጣጣፊ፡ 1 1 ራስ፤) ) .ማሶነሪ-አቀማመጥ-ክላስተር__ክፍል--ግማሽ (ተለዋዋጭ-መሰረታዊ፡ 50%፤)

ኮዱን በተግባር ማየት ይችላሉ። የጎጆ ዘለላዎች ለመረዳት በጣም አስቸጋሪው ክፍል ናቸው፣ ነገር ግን በእነሱ እርዳታ አንዳንድ ችግሮችን በቀላሉ መፍታት እንችላለን።

ገጽታ እና ፓነሎች በምስሎች

የእኛ ተግባር የአቀማመጥ መዋቅር ቅጦችን ከጭብጥ ቅጦች መለየት ነው. ይህ በሌሎች ፕሮጀክቶች ውስጥ ኮዱን ለመጠቀም ቀላል ያደርገዋል. በዚህ ጽሑፍ ውስጥ የኮድ ማሳያዎችን ከተመለከቱ፣ የይዘት ፓነሎች የተጠጋጋ ጥግ እንዳላቸው ያስተውላሉ። ይህ አነስተኛ ጭብጥ በመጨመር ነው.

ሜሶነሪ-አቀማመጥ-ፓነል__ይዘት (ድንበር-ራዲየስ፡ 10 ፒክስል፤ የትርፍ ፍሰት፡ ተደብቋል፤ ንጣፍ፡ 10 ፒክስል፤)

ስለ ምስሎችስ? ብዙውን ጊዜ ምስሎችን በሰድር ውስጥ እንደ የተለየ ፓነሎች ማሳየት ያስፈልግዎታል። ምስልን በፓነሉ ውስጥ ካስቀመጥን ለጭብጣችን በተዘጋጁት መከለያዎች ይጎዳል። ታዲያ ለምንድነው ሜሶነሪ-አቀማመጥ__የፓነል-ይዘት ክፍልን ከምስል መቀየሪያ ጋር አንጠቀምም?

እኛ የምንፈልገው ይህ ነው ማለት ይቻላል። ትንሽ ምስል-ተኮር ጭብጥ ማከል ብቻ ያስፈልግዎታል እና ያ ነው።

ሜሶነሪ-አቀማመጥ-ፓነል__ይዘት--img (ከፍተኛ-ስፋት፡ 100%፤ ንጣፍ፡ 0፤)

በማሳያው ውስጥ ምን እንደሚመስል ማረጋገጥ ይችላሉ. ማሳሰቢያ፡ የክፍል ስሞች የመነፋት አዝማሚያ ስላላቸው፣ በኮድ ምሳሌዎች ውስጥ ምህፃረ ቃል ጥቅም ላይ ይውላል። ለምሳሌ, ሜሶነሪ-አቀማመጥ ሚሊ, ሜሶነሪ-አቀማመጥ-ክላስተር ml-clstr ይሆናል. የምስል ቦታ ያዢዎች በቢጫ ይታያሉ።

አኒሜሽን ፓነሎች በማንዣበብ ላይ

የእኛ ፓነሎች ለተጠቃሚ እርምጃዎች ምላሽ እንዲሰጡ ማድረግስ? ፓነሎች እንዲዞሩ እና ተጨማሪ ይዘቶችን በማንዣበብ ላይ እንዲያሳዩ ማድረግ እንችላለን። ይህንን ለማድረግ, የእኛን ፓነል በይዘት በካርድ መልክ እንተገብራለን. በሁለቱም በኩል የይዘት መያዣዎችን በመጨመር. ይህ ሁሉ የፓነሎቻችንን ቁመት እንድናዘጋጅ ይጠይቃል፣ ስለዚህ ቁመቱን ለማዘጋጀት የመገልገያ ክፍሎችን መጠቀም እንችላለን፣ እንደዚህ

ሜሶነሪ-አቀማመጥ-መገልበጥ-- መካከለኛ (ቁመት፡ 300 ፒክስል፤)

ደህና፣ ካርዶችን ለማዞር አዲስ ብሎክ፡-

የሲኤስኤስ ትራንስፎርሞችን እና ሽግግሮችን በመጠቀም፣ ወደ ፓነሎቻችን የሚገለበጥ እና የኋላውን ጎን የሚያሳየው ማንዣበብ እነማ እንጨምራለን።

/* CSS ለተንሸራታች ፓነሎች */ .ማሶነሪ-አቀማመጥ-መገልበጥ (አተያይ፡ 1000፤ -md (ቁመት፡ 300 ፒክስል፤) .ማሶነሪ-አቀማመጥ-ግልብጥብጥ__ፓነል (የኋላ ፊት-ታይነት፡ የተደበቀ፤ ድንበር-ራዲየስ፡ 10 ፒክስል፤ ቁመት፡ 100%፤ ግራ፡ 0፤ የተትረፈረፈ፡ የተደበቀ፤ አቀማመጥ፡ ፍፁም፤ ከላይ፡ 0፤ ስፋት፡ 100%; -flip__ይዘት (ቁመት፡ 100%፤ የተትረፈረፈ መፍሰስ፡ የሚታይ፤ አቀማመጥ፡ አንጻራዊ፤ የመለወጥ ዘይቤ፡ ጠብቆ-3ዲ፤ ሽግግር፡ 0.25 ሰ)

ይህንን ተፅእኖ በ demo ውስጥ በመጀመሪያው የአቀማመጥ አካል ላይ ማየት ይችላሉ።

እኛ በተገላቢጦሽ ፓነሎች አልተወሰንንም። በትኩረት ጊዜ የተለያዩ ተፅእኖዎችን ወደ ፓነሎች ማከል እንችላለን። በመጨረሻው ኮድ ውስጥ አንዳንድ ተፅእኖዎችን እጨምራለሁ.

ምላሽ ሰጪነትን መጨመር

እስከዚህ ድረስ ያደረግከው ከሆነ፣ የእኛ የታሸገ አቀማመጥ በትናንሽ ስክሪኖች ላይ ከኬክ በስተቀር ሌላ ነገር መሆኑን አስተውለህ ይሆናል። ምላሽ ሰጪ እናድርገው። ምን ማግኘት እንፈልጋለን? ማያ ገጹ ሲጨምር, በአቀማመጥ ውስጥ ያሉትን የአምዶች ብዛት መጨመር እንፈልጋለን. እና ስክሪኑ ሲቀንስ የዓምዶችን ብዛት ከመቀነስ በተጨማሪ ክፍሎቻቸው የአቀማመጡን አጠቃላይ ስፋት እንዲይዙ በማድረግ ክላስተርን እንፈታቸዋለን። እርግጥ ነው ከሞባይል ጀምሮ ስልቶቻችንን እናዳብራለን። ምላሽ ሰጪ የአምዶች ብዛት ያለው ምሳሌ ይኸውና፡

/* የአምድ ለውጦች */ .ማሶነሪ-አቀማመጥ (የአምድ-ቁጥር፡ 1፤ የአምድ-ክፍተት፡ 0፤) @ሚዲያ (ደቂቃ ስፋት፡ 768 ፒክስል) ( .masonry-layout ( column-count: 2; ) ) @ሚዲያ ( ዝቅተኛ ስፋት፡ 1200 ፒክስል (.ሜሶነሪ-አቀማመጥ (የአምድ-ቁጥር፡ 3፤))

ለጎጆ ዘለላዎች በትናንሽ ስክሪኖች ላይ አግድም ፍሰት እና ተጣጣፊ-መሰረትን ችላ እንላለን። አምዶችም ሆኑ ረድፎች ምንም ቢሆኑም ዘለላዎቹ እንዲበታተኑ እና ክፍሎቻቸው መላውን የታይነት ቦታ እንዲይዙ እንፈልጋለን።

/* የክላስተር ፍሰት በዝቅተኛ እይታ ችላ ተብሏል */ @ሚዲያ (ደቂቃ ወርድ፡ 768 ፒክስል) ( .masonry-layout-cluster__segment--row ( ተጣጣፊ አቅጣጫ፡ ረድፍ፤ ) ) @ሚዲያ (ደቂቃ ስፋት፡ 768 ፒክስል) (.masonry) -አቀማመጥ-ክላስተር--ቋሚ (ተለዋዋጭ-አቅጣጫ፡ ረድፍ፤)) /* FLEX-BASIS በታችኛው እይታ ችላ ተብሏል */ @ሚዲያ (ደቂቃ ስፋት፡ 768 ፒክስል) (.masonry-layout-cluster__segment--- ግማሽ (ተለዋዋጭ-መሠረት) : 50%;

የዚህ ኮድ ማሳያ ማየት ይችላሉ።

ቅድመ ፕሮሰሰር እንጠቀማለን።

ቅድመ-ፕሮሰሰሮችን መጠቀም የአጻጻፍ ዘይቤዎችን በእጅጉ ያቃልላል ብሎ እንደገና መናገር አያስፈልግም። የሻጭ ቅድመ ቅጥያዎችን ለመጨመር ቅድመ ፕሮሰሰርን ከመሳሪያዎች ጋር በጥምረት እንድትጠቀም በጣም እመክራለሁ። እኔ በግሌ ስቲለስን እጠቀማለሁ, የምንጭ ኮድ ከተቀናጁ ቅጦች በጣም ያነሰ ነው.

ስለዚህ, ለማነፃፀር, በዚህ ጽሑፍ ውስጥ ካለው ምሳሌ የመጨረሻው የ CSS ኮድ (ያለ ሻጭ ቅድመ ቅጥያዎች እና ጭብጦች, አህጽሮተ ቃላት በክፍል ስሞች ውስጥ ጥቅም ላይ ይውላሉ).

/* MASONRY CSS */ .ml (የሣጥን መጠን፡ ድንበር-ሣጥን፤ አምድ-ቆጠራ፡ 1፤ የአምድ-ክፍተት፡ 0፤ አቀማመጥ፡ አንጻራዊ፤) .ml * (የሣጥን መጠን፡ ድንበር-ሣጥን፤) @ሚዲያ ( ዝቅተኛ ስፋት፡ 768 ፒክስል ( .ml ( አምድ-ቆጠራ፡ 2፤ ) ) @ሚዲያ (ደቂቃ ወርድ፡ 1200 ፒክስል) ( .ml ( አምድ-ቆጠራ፡ 3፤ ) ) .ml-pnl (ህዳግ፡ 0፤ መሸፈኛ፡ 5 ፒክስል፤ ) @ሚዲያ (ደቂቃ ስፋት፡ 768 ፒክስል) ( .ml-pnl (ስብራት ከውስጥ፡ አስወግድ፤) ) .ml-pnl__cntnt--img (ከፍተኛ-ስፋት፡ 100%፤ ፓዲንግ፡ 0፤) .ml-flp (አተያይ፡ 1000፤) .ml-flp፡ ማንዣበብ .ml-flp__cntnt (መቀየር፡ rotateY(180deg); .ml-flp--sm (ቁመት፡ 200 ፒክስል፤) .ml-flp--md (ቁመት፡ 300 ፒክስል፤) .ml-flp--lg (ቁመት፡ 400 ፒክስል፤) .ml-flp__pnl (የኋላ ፊት-ታይነት፡ የተደበቀ; ድንበር-ራዲየስ፡ 10 ፒክሰል፡ ግራ፡ 0፡ ቦታ፡ ፍፁም፡ ከላይ፡ 0; .ml-flp__pnl - frnt 180deg) .ml-flp__cntnt (ቁመት: 100%;

የበዛበት፡ የሚታይ;

ቦታ፡ ዘመድ;

ትራንስፎርመር-ቅጥ: ጠብቆ-3d;

አሰሳ ተጠቃሚው የሚፈልጓቸውን የጣቢያ ክፍሎች በፍጥነት እንዲደርስ የሚያግዝ አስፈላጊ የንድፍ አካል ነው። በዚህ ጽሁፍ ውስጥ የአሰሳ እቅድ ማውጣት ልዩ ትኩረት ሊሰጠው የሚገባው ለምን እንደሆነ እናብራራለን እና ምርጥ የድር ጣቢያ ሜኑ ንድፎችን እናሳያለን።

አንድ ተጠቃሚ በጣቢያዎ ላይ ለመጀመሪያ ጊዜ ሲያርፍ፣ የግድ መነሻ ገጽዎን አያዩም። እሱ ከፍለጋ መጠይቅ ሊመጣ ወይም በማህበራዊ አውታረመረብ ላይ ወደ ምርት ወይም መጣጥፍ አገናኝ ላይ ጠቅ ማድረግ ይችላል። ስለዚህ፣ ሁሉም የገጹ ገፆች ጎብኝዎች ስለሌሎች ሊስቡ የሚችሉ ክፍሎች መኖራቸውን እንዲያውቁ የሚያስችል አሰሳ ሊኖራቸው ይገባል። ለምሳሌ፣ ማንኛውም የኢ-ኮሜርስ ጣቢያ ስለ ክፍያ እና የመላኪያ ውሎች መረጃ መያዝ አለበት።

ጥሩ ድህረ ገጽ በሚከተሉት ምክንያቶች ያለ አሰሳ ማድረግ አይችልም፡

1. ሁሉንም ገፆች ሳያልፉ ጣቢያው ስለ ምን እንደሆነ እንዲረዱ ያግዝዎታል።
2. አሰሳ ጣቢያው አመክንዮአዊ እና ሥርዓታማ ያደርገዋል፣ እና አጠቃቀሙን ያሻሽላል።
3. አሰሳው ሌሎች ክፍሎችን ለማሰስ ተጠቃሚው እንዲጣበቅ ያበረታታል።
4. ጥሩ አሰሳ ለ SEO ጥሩ ነው ምክንያቱም የፍለጋ ሞተር ጎብኚዎች የጣቢያዎን ይዘት እንዲጠቁሙ ስለሚረዳ ነው።

የተመረጠውን የሜኑ ዲዛይን ምሳሌዎችን በሶስት ቡድን ከፋፍለን አግድም ፣ አቀባዊ እና ተቆልቋይ (ተቆልቋይ)። ሆኖም ፣ ብዙ አይነት ምናሌዎች በአንድ ድር ጣቢያ ላይ በአንድ ጊዜ ጥቅም ላይ ሊውሉ ይችላሉ - ሁሉም አወቃቀሩ ምን ያህል ሰፊ እንደሆነ ላይ የተመሠረተ ነው።

አግድም ምናሌ

አግድም ሜኑ አነስተኛ ቁጥር ያላቸው ክፍሎች, እንዲሁም ነጠላ-አምድ ቦታዎች ላላቸው ጣቢያዎች ተስማሚ ነው. ብዙውን ጊዜ ከርዕሱ ስር ወይም በላይ ይገኛል. ለእንደዚህ ዓይነቱ ምናሌ አንዳንድ የንድፍ አማራጮች እዚህ አሉ

ከአንድ ወይም ከሌላ ንድፍ ጋር በአገናኞች መልክ፡-

በተመሳሳይ ጊዜ ከተጠቃሚነት እይታ አንጻር ተጠቃሚው በአሁኑ ጊዜ በየትኛው የጣቢያው ክፍል ውስጥ እንደሚገኝ እንዲረዳ በምናሌው ውስጥ ያለውን የአሁኑን ክፍል ማጉላት አስፈላጊ ነው-

ጠቋሚው በሚያንዣብብበት ዕቃ ላይም ተመሳሳይ ነው። በዚህ ምሳሌ ውስጥ ማስታወሻዎች ላይ ነው፡-

አዶዎችን መጠቀምም የተለመደ ነው. በተጨማሪም ፣ አንዳንድ ጊዜ ቀጥ ያለ ምናሌ ሊቀንስ እና አዶዎችን ብቻ ያሳያል፡-

አቀባዊ ምናሌዎች ብዙ አገናኞችን ማስተናገድ በመቻላቸው አንዳንድ ጊዜ በቀላሉ ወደ ግዙፍ መጠኖች ያድጋሉ። በእንደዚህ ዓይነት ሁኔታዎች, አቀባዊ ወይም አግድም ተቆልቋይ ሜኑ ለመጠቀም ማሰብ አለብዎት.

ተቆልቋይ ምናሌ

የተቆልቋይ ምናሌዎች ቅርንጫፎቻቸው መዋቅር ላላቸው ጣቢያዎች ተስማሚ ናቸው: ሰፊ ስብስብ እና ብዛት ያላቸው የምርት ቡድኖች ያላቸው መደብሮች. ንዑስ ክፍሎችን ለመደበቅ እና የጣቢያውን ቦታ እንዳያዝቡ ያግዛሉ፡

ተቆልቋይ ሜኑ ልዩ ጉዳይ የሃምበርገር ሜኑ ሲሆን አሁን በሞባይል ላይ ብቻ ሳይሆን በዴስክቶፕ የድረ-ገጾች ስሪቶች ላይም ጥቅም ላይ ይውላል። በውስጡ ብዙ ነጥቦች ሊደበቁ ይችላሉ፡-

ወይም የተሟላ የክፍሎች እና ንዑስ ክፍሎች ስብስብ፡-

ከላይ ያለው ምሳሌ ብዙ ቁጥር ያላቸውን አገናኞች ለማንበብ ቀላል ለማድረግ ብዙ ነጭ ቦታ ይጠቀማል።

የዚህ ዓይነቱ ምናሌ ጉዳቱ የማይታይ ነው, ስለዚህ የሁለተኛ ደረጃ ውሂብ በእሱ ውስጥ ይቀመጣል. በተመሳሳይ ጊዜ ንድፍ አውጪው ተጠቃሚው ይህ ምናሌ መሆኑን መረዳቱን ማረጋገጥ አለበት-

እና በተጣመሩ ምናሌ ዓይነቶች ውስጥ የትኞቹ የሜኑ ክፍሎች እንደሚስፉ እና ተጨማሪ ንዑስ ክፍሎችን እንደሚይዙ መወሰን ያስፈልግዎታል ።

ትላልቅ ተቆልቋይ ምናሌዎች የተጠቃሚውን ትኩረት ለመምራት ስዕላዊ ክፍሎችን መጠቀም ይችላሉ። በአግድም ሜኑ ውስጥ ምስሎችን የመጠቀም ምሳሌ፡-

በአቀባዊው ምናሌ ውስጥ;

በተጨማሪም ሊጠቀስ የሚገባው ለድር ጣቢያ ሜኑዎች ፈጠራ ንድፍ ነው, ገና አልተስፋፋም, ግን ትኩረት የሚስብ ነው. ለምሳሌ፣ በ Unlabel ድርጣቢያ ላይ ያሉ የአሰሳ ክፍሎች በዋናው ገጽ ይዘት በአራቱም ጎኖች ላይ ይገኛሉ፡-

ይህ የአሰሳ አማራጭ በፒሲ ወይም ላፕቶፕ ስክሪን ላይ ለመጠቀም ምቹ አይደለም ፣ ምክንያቱም ተጠቃሚው በክፍሎች ውስጥ ለማሰስ ብዙ የእጅ እና የመዳፊት እንቅስቃሴዎችን ማድረግ ስለሚኖርበት ፣ ግን ይህ ልዩ ምናሌ ለሞባይል መሳሪያዎች ተስማሚ ነው ።

የተንሸራታች ምናሌ ሀሳብ በ Wordie ለ Wordpress ጭብጥ ውስጥ በሚያስደንቅ ሁኔታ ተተግብሯል-

የ Issuefly ዌብ አፕሊኬሽን ድረ-ገጽ የሃምበርገርን ሜኑ በመጠቀም በስርዓተ ክወናው ውስጥ የተከፈቱ መስኮቶች ይመስል ቀደም ሲል በተጎበኙ ክፍሎች መካከል የመቀያየር ችሎታን ይተገብራል።

በዚህ ጽሑፍ ውስጥ ያለው የሜኑ ዲዛይን ምሳሌዎች የድር ጣቢያዎን አሰሳ እንዴት ማሻሻል እንደሚችሉ እንዲረዱዎት ተስፋ እናደርጋለን።

እኛ ስቱዲዮው ምቹ እና ተግባራዊ አሰሳ ያላቸውን ንድፎችን አዘጋጅተናል እና ለንግድዎ ድር ጣቢያ ወይም መተግበሪያ በመፍጠር ደስተኞች ነን።

ፈልግ

በጥያቄዎ መሰረት የታሸገ ምናሌተገኝቷል 708 ውጤቶች

• በዚህ ማጠናከሪያ ትምህርት ውስጥ በርካታ የ CSS3 ንብረቶችን በመጠቀም የፓራላክስ ተፅእኖ ስላይድ ትዕይንት እንፈጥራለን። ሃሳቡ የስላይድ መያዣው በሚንሸራተትበት ጊዜ የሁለት የጀርባ ምስሎችን አቀማመጥ ማንቀሳቀስ ነው.

  ግጥሚያ፡ 1

• ጥሩ ልምምድ ከዎርድፕረስ ጋር ሲሰራ አስፈላጊ ሆኖ ሲገኝ ብቻ የፋይል ሰቀላዎችን የማደራጀት ልምድ ውስጥ መግባት ነው። ይህ መርህ ለሁለቱም የደንበኛ እና የአስተዳዳሪ መሳሪያዎች ይሠራል. በአንድ ገጽ ላይ ብቻ ሲፈልጉ ለጠቅላላው የአስተዳዳሪ ፓነል የ CSS እና JavaScript ፋይሎችን ለመጫን ምንም ምክንያት የለም. WordPress ይህን ተግባር በአንድ ተግባር ብቻ እንዲተገብሩ የሚያስችል መሳሪያ አለው።

  ግጥሚያ፡ 1

• CSS3 በመጠቀም የተሰራ ተንሸራታች የአሰሳ አሞሌ። ፓኔሉ ግልጽነት የሚቀየርባቸውን ምስሎች ይጠቀማል። ፓኔሉ በ IE አሳሾች ውስጥ ይሰራል, ግን ያለ ተፅዕኖዎች.

  ግጥሚያ፡ 1

• ኤችቲኤምኤል 5ን የምንጠቀመው ከ3-ል ተፅእኖዎች ጋር ጽሑፍ ለመፍጠር (ጥላዎችን በመጠቀም) እና በክበብ ውስጥ እናስተካክላለን። የፊደሎቹ እንቅስቃሴ አኒሜሽንም ይከናወናል።

  ግጥሚያ፡ 1

• ሁኔታዊ መለያዎች የዎርድፕረስ ፕሮጄክቶችን ቀላል ለማድረግ ከሚረዱት ኃይለኛ መሳሪያዎች ውስጥ አንዱ ነው። በዚህ ማጠናከሪያ ትምህርት ውስጥ እንደ የስህተት ገጹን ማጽዳት ወይም የአስተዳዳሪ ፓነልን ፋቪኮን መቀየር የመሳሰሉ የተለያዩ ተግባራትን ለመተግበር የሚጠቀሙባቸውን በርካታ ሁኔታዊ መለያዎችን እና የተግባር ምሳሌዎችን እንመለከታለን።

  ግጥሚያ፡ 1

• ተለዋዋጭ መረጃ ሰጭዎች ትኩረት ያስፈልጋቸዋል. ለውጥ በተፈጠረ ቁጥር ተጠቃሚው ምን እየተፈጠረ እንዳለ ማየት እንዲችል የእይታ ውጤት መጫወት ያስፈልገዋል። CSS3 እነማዎችን እንጠቀም።

  ግጥሚያ፡ 1

• እንደዚህ አይነት የመጫኛ አመልካቾችን በተለይም በፍላሽ ጣቢያዎች ላይ አይተህ ይሆናል። ይህ የክበብ ዘርፍ ሙሉ ክብ እስኪሆን ድረስ ትልቅ እና ትልቅ ይሆናል።

  ግጥሚያ፡ 1

• በዚህ መማሪያ ውስጥ የመዳፊት ጠቋሚን በአንድ ነገር ላይ ስናንዣብብ ተከታታይ ሙከራዎችን እናደርጋለን። የክፈፉን ማዕዘኖች የማጠጋጋት ንብረት ስላለ ክብ ቅርጾችን መፍጠር እንችላለን, እና በድረ-ገጾች ላይ እንደ ንድፍ አካላት እየጨመሩ መጥተዋል. ማንኛውም ሰው ሊጠቀምባቸው ይችላል, እና ክብ ቅርጽ ያላቸው ጥፍር አከሎች ከመደበኛ አራት ማዕዘን ምስሎች ጋር ሲነፃፀሩ በተለይ አስደሳች ይመስላሉ. እና ክበቦች እንደዚህ አይነት ልዩ ቅርጾች ስለሆኑ መዳፊትዎን በእነሱ ላይ ሲያንዣብቡ አንዳንድ ተፅዕኖዎችን እንፈጥራለን!

የካታሎግ ማሳያ ዓይነቶች

በካታሎግ ውስጥ ያሉትን ምርቶች የማሳያ አይነት ለማዋቀር ፣ ማለትም ምርቶቹ በሱቅ መስኮት ውስጥ እንዴት እንደሚቀመጡ ፣ ወደ የአስተዳደር ፓነል ፣ ምናሌ ንጥል “ቅንጅቶች-ምርት ካታሎግ” ትር “አጠቃላይ” (ምስል 3) መሄድ ያስፈልግዎታል ። 1)

ምስል 2.

በተመረጠው ዓይነት ላይ በመመስረት ምርቱ በመደብሩ መስኮት ውስጥ በምድቦች እንዴት እንደሚደራጅ እናስብ።

ምስል 3.

ምስል 4.

ምስል 5.

እንዲሁም በንኡስ ክፍል "የምርት ዝርዝርን የማሳያ አይነት" በሚለው መስመር ውስጥ "በፍለጋ (ነባሪ)" ውስጥ በፍለጋ ውጤቶች ውስጥ ለምርቶች ምን ዓይነት ማሳያ እንደሚጠቀሙ መግለጽ ይችላሉ.

"በታችኛው ምናሌ ውስጥ ምድቦችን አሳይ" በሚለው መስመር ውስጥ በጣቢያው ግርጌ ምናሌ ውስጥ (በጣቢያው ግርጌ ላይ) ምድቦችን ዝርዝር ለማሳየት ከፈለጉ ሳጥኑ ላይ ምልክት ያድርጉ. በታችኛው ምናሌ ውስጥ ከተለመዱት ዕቃዎች ጋር ምድቦች የማይፈለጉ ከሆነ አማራጩን ያሰናክሉ።

ምስል 6.

በአንድ ገጽ ላይ የምርት ብዛት

በአንድ ገጽ ላይ በምድብ ውስጥ ምን ያህል ምርቶች እንደሚታዩ ለመለየት ወደ የአስተዳደር ፓነል, ምናሌ ንጥል "ቅንጅቶች-ምርት ካታሎግ" ትር "አጠቃላይ" (ምስል 7) መሄድ ያስፈልግዎታል.

ምስል 7.

በ "ምርቶች ማሳያ" ክፍል ውስጥ "ምርቶች በአንድ ገጽ" መስመር ውስጥ በአንድ ገጽ ላይ ምን ያህል ምርቶች በአንድ ምድብ ውስጥ እንደሚታዩ ይግለጹ.

በካታሎግ ውስጥ የፎቶ ቅድመ-እይታዎችን ማሳያ በማዘጋጀት ላይ

ቅድመ እይታ ለተጠቃሚው ውሱን ለማቅረብ ወደ ትናንሽ መጠኖች የተቀነሰ ምስል ቅጂ ነው። ቅድመ-እይታዎች ብዙውን ጊዜ በመስመር ላይ መደብሮች ውስጥ ጥቅም ላይ ይውላሉ ፣ በአንድ ገጽ ላይ ተጠቃሚው የተቀነሰ የምርት ምስልን የሚያመለክቱ ተከታታይ ትናንሽ ስዕሎችን ሲያይ። በቅድመ-እይታ ላይ ጠቅ ሲያደርጉ, ሙሉ ወይም ትልቅ ምስል ይከፈታል, ምስሉ በተሻለ እና በበለጠ ዝርዝር ሊታይ ይችላል (ምስል 8).

ምስል 8.

በካታሎግ ውስጥ የቅድመ እይታ ፎቶዎችን ማሳያ ለማዋቀር ወደ የአስተዳደር ፓነል መሄድ ያስፈልግዎታል ምናሌ ንጥል "ቅንብሮች - የምርት ካታሎግ". በ "ምርት ማሳያ" ክፍል ውስጥ "የፎቶ ቅድመ እይታዎችን አሳይ" በሚለው መስመር ውስጥ ሳጥኑ ላይ ምልክት ያድርጉ.

ምስል 9.

በምድቡ ውስጥ አማራጩ ከነቃ, አይጤውን በምርቱ ላይ ሲያንዣብቡ, ሌሎች የምርት ፎቶዎች ከዋናው የምርት ምስል አጠገብ ይታያሉ.

በካታሎግ ውስጥ የፎቶዎች ብዛት ማሳያን በማዋቀር ላይ

በምርት ካታሎግ ውስጥ የፎቶዎች ብዛት ማሳያን ለማዋቀር ወደ የአስተዳደር ፓነል መሄድ ያስፈልግዎታል ምናሌ ንጥል "ቅንብሮች - የምርት ካታሎግ". በ "የማሳያ ምርቶች" ክፍል ውስጥ "የፎቶዎች ማሳያ ቁጥር" በሚለው መስመር ውስጥ ሳጥኑ ላይ ምልክት ያድርጉ (ምሥል 10).

ምስል 10.

ይህ አማራጭ በካታሎግ ውስጥ ካለው የምርት ፎቶዎች ብዛት ጋር አንድ ትንሽ አዶ ለማሳየት ወይም ላለማሳየት ይወስናል (ምስል 11).

ምስል 11.

በክምችት ውስጥ ያሉ ምርቶችን ከአክሲዮን ውጪ ማሳያን በማዘጋጀት ላይ

የሁሉንም ምርቶች ማሳያ ለማዋቀር ወይም በክምችት ውስጥ የሚገኙትን ምርቶች ብቻ ለማዋቀር ወደ የአስተዳደር ፓነል መሄድ ያስፈልግዎታል ምናሌ ንጥል "ቅንብሮች - የምርት ካታሎግ" ትር "አጠቃላይ". በ "ምርቶች ማሳያ" ክፍል ውስጥ "በአክሲዮን ውስጥ ብቻ አሳይ" በሚለው መስመር ውስጥ ሳጥኑ ላይ ምልክት ያድርጉ.

ምስል 12.

ይህ አማራጭ ሲነቃ ካታሎጉ ከገበያ ውጪ የሆኑ ምርቶችን አያሳይም።

በመደርደር መሠረት የምርቶችን ማሳያ በካታሎግ ውስጥ ማዋቀር

በካታሎግ ውስጥ ምርትን ለማሳየት መደርደሩን ለምሳሌ በስም ፣ በዋጋ (በመወጣጫ ወይም በመውረድ) ፣ በደረጃ ፣ ወዘተ ማዘጋጀት ይችላሉ ።

መደርደርን ለማዘጋጀት ወደ የአስተዳደር ፓነል "ካታሎግ" ትር መሄድ ያስፈልግዎታል. "አርትዕ" ቁልፍን ጠቅ ያድርጉ (ምስል 13) እና በ "ማሳያ - ነባሪ መደርደር" እገዳ ውስጥ ተገቢውን መደርደር ይምረጡ (ምሥል 14).

ምስል 13.

ምስል 14.

ስለዚህ በአንቀጹ ውስጥ የተብራሩትን አማራጮች በመጠቀም የሸቀጦቹን ማሳያ ለእርስዎ እና ለደንበኞችዎ በሚመች መልኩ ማዋቀር ይችላሉ ።

ሁሉም ነገር ዝግጁ ነው.

በካታሎግ ውስጥ የአንድን ጽሑፍ ማሳያ እንዴት መደበቅ እንደሚቻል

ካታሎጉን ሲመለከቱ, የጽሁፉ ቁጥር በምርቱ ስም (ምስል 15) ስር ይታያል, አስፈላጊ ከሆነ ሊደበቅ ይችላል.

ምስል 15.

ይህንን ለማድረግ ወደ የአስተዳደር ፓነል, ምናሌ ንጥል "ቅንጅቶች" -> "የምርት ካታሎግ" (ምስል 16.1), ከዚያም "አጠቃላይ" ትር (ምስል 16.2) ይሂዱ.

ምስል 16.1.

ምስል 16.2.

ምስል 17.

ምስል 18.

ምስል 19.

እና በዚህ መሠረት የምርት ደረጃው በምርት ካርዱ ውስጥ እንዲታይ ካልፈለጉ ይህንን መስመር ምልክት ያንሱ።

በካታሎግ ውስጥ የቀለሞች ማሳያን በማሰናከል ላይ

በካታሎግ ውስጥ የቀለም ማሳያን እንዴት እንደሚያሰናክሉ እንመልከት.

በካታሎግ ውስጥ ያሉት ቀለሞች እንደሚከተለው ይታያሉ (ምስል 20).

ምስል 20.

ቀለሞቹ በምርት ካርዱ ውስጥ ብቻ እንዲታዩ, በካታሎግ ውስጥ አልነበሩም, ወደ ምናሌ ንጥል "ቅንጅቶች" - "የምርት ካታሎግ" (ምስል 20.1), "አጠቃላይ" ትር, ወደ ምናሌው መሄድ ያስፈልግዎታል. "መጠን እና ቀለም" ክፍል እና ሳጥኑ ላይ ምልክት ያንሱ "የተለያዩ ዋጋዎችን, ቀለሞችን, የአንድ ምርት ፎቶግራፎችን በደንበኛው ካታሎግ ውስጥ (ተጨማሪ መገልገያዎች ያስፈልጋሉ)" (ምስል 20.2)

ምስል 20.1

ምስል 20.2

ለውጦቹን ያስቀምጡ እና የደንበኛውን ክፍል ያረጋግጡ ፣ ቀለሙ በካታሎግ ውስጥ አይታይም (ምስል 21)

ምስል 21.

ከአክሲዮን ውጭ ምርቶችን በካታሎግ ገጹ ላይ ወደ ዝርዝር መጨረሻ ለማንቀሳቀስ ወደ የአስተዳደር ፓነል መሄድ ያስፈልግዎታል ምናሌ ንጥል "ቅንብሮች-> ካታሎግ - "አጠቃላይ" ትር (ምስል 22, ገጽ 3).

ምስል 22.

ይህ አማራጭ ሲነቃ "ከአክሲዮን ውጪ" የሆኑ ምርቶች የተመረጠው መደርደር ምንም ይሁን ምን ወደ ዝርዝሩ መጨረሻ ይንቀሳቀሳሉ.

በዊንዶውስ 10 መካከል ካሉት ዋና ዋና ልዩነቶች አንዱ ለተጠቃሚዎች የሚታይ እና ቀደምት ስሪቶች የስርዓተ ክወና በይነገጽ ለውጥ ነው። በዊንዶውስ 10 ውስጥ ያለውን የጀምር ሜኑ ከስርአቱ ጋር ለመስራት ለራስዎ እንዴት ማበጀት እንደሚችሉ እንነግርዎታለን።

የሜትሮ ዘይቤ፡ አዲስ ትግበራ

የዊንዶውስ ኦኤስ ግራፊክስ በይነገጽ ሜትሮ ተብሎ የሚጠራው, ከዓመታት በፊት Aeroን ተክቷል, የማይክሮሶፍት ሞባይል ኦኤስ እና ዴስክቶፕ ዊንዶውስ 8 በአንጸባራቂ አዶዎች ፈንታ, ኩባንያው አራት ማዕዘን ቅርጾችን የያዘ አዲስ የሜኑ ፎርማት አስተዋውቋል.

ይህ በይነገጽ በንክኪ ስክሪን ለተገጠሙ የሞባይል መሳሪያዎች (ስማርትፎኖች እና ታብሌቶች) ባለቤቶች በጣም ምቹ ሆኖ ተገኝቷል። ግን የዴስክቶፕ ፒሲ እና ላፕቶፖች ተጠቃሚዎች ለፈጠራው አሻሚ ምላሽ ሰጥተዋል። የታሸገውን ሜኑ በመዳፊት ማሰስ የሚነካ ስክሪን ከመጠቀም የበለጠ ከባድ ሆኖ ተገኝቷል፣ እና አንዳንድ ሰዎች ለፈጠራው ጥላቻ ነበራቸው።

ነገር ግን፣ በላፕቶፖች እና በዴስክቶፕ ኮምፒውተሮች አካባቢ ያለው የንክኪ ስክሪን ተወዳጅነት እያደገ ከመምጣቱ አንጻር የሜትሮ በይነገጽ ታዋቂነት እየጨመረ እንደሚሄድ መጠበቅ አለብን።

የጀምር ሜኑ ተመልሷል

የጀምር ምናሌ ለብዙ አመታት የዊንዶውስ ኦኤስ በይነገጽ ዋነኛ አካል ነው, ነገር ግን እ.ኤ.አ. በ 2012 ለሜትሮ ዴስክቶፕ ድጋፍ አጠቃቀሙን ለመተው ተወስኗል. በዚህ ፈጠራ ሁሉም ሰው ደስተኛ አልነበረም፣ እና በአዲሱ የስርዓተ ክወናው ስሪት ማይክሮሶፍት በከፍተኛ ሁኔታ በማሻሻል እሱን ለመመለስ ወሰነ።

በዊንዶውስ ስሪት 10 የጀምር ሜኑ ያስፈልግ ስለመሆኑ ብዙ ክርክር ነበር ነገርግን አብዛኛው ተጠቃሚዎች ይህንን የበይነገጽ አካል የመመለስ አስፈላጊነትን ደግፈዋል። ማይክሮሶፍት የተጠቃሚዎችን አስተያየት ሰምቶ ወይም በ ergonomics ይመራ እንደሆነ አይታወቅም ነገር ግን በአንድም ሆነ በሌላ መልኩ የተሻሻለው የጀምር ሜኑ ተመልሷል።

በዚህ የበይነገጽ አካል አዲሱ አተገባበር መካከል ያለው ዋናው ልዩነት የጥንታዊ ምናሌ ንጥሎች እና የቀጥታ ሰቆች ጥምረት ነው። የማበጀት አማራጮቹም ተስፋፍተዋል፡ አሁን ሁሉም ሰው የጀምር ምናሌን ለራሱ ማበጀት ይችላል።

በጀምር ውስጥ የታሸገ በይነገጽ በማዘጋጀት ላይ

አፕሊኬሽኖችን ለመጥራት ሃላፊነት ከሚወስዱት ክላሲክ አዶዎች በተቃራኒ ሰቆች በይነተገናኝ አካላት ናቸው። እንደ አቋራጭ ብቻ ሳይሆን ከመተግበሪያው ጠቃሚ መረጃን ለማሳየትም ሊያገለግሉ ይችላሉ።

ይህ የአየር ሁኔታ ትንበያ, ያልተነበቡ መልዕክቶች ብዛት, የውጭ ምንዛሪ ዋጋዎች, የአገልግሎት ማሳወቂያዎች ሊሆን ይችላል.

በአዲሱ ስርዓተ ክወና ውስጥ የቀጥታ ንጣፎች ተግባራዊነት በዊንዶውስ 10 ደረጃ ላይ ይቆያል, ማይክሮሶፍት ምንም የሚታዩ ፈጠራዎችን አላስተዋወቀም. ሰቆችን ለማበጀት በአዶው ላይ በቀኝ ጠቅ ያድርጉ። መጠኑን፣ ቀለሙን፣ እነማውን ማብራት ወይም ማጥፋት፣ አዶውን ወደ የተግባር አሞሌው መላክ ወይም አዶውን ከጅምር ማውጣት ይችላሉ።

አዲስ መተግበሪያ ንጣፍ ለመጨመር በፕሮግራሙ ዝርዝር ውስጥ ያግኙት እና ስሙን በቀኝ ጠቅ ያድርጉ። በብቅ ባዩ ምናሌ ውስጥ “ከመነሻ ማያ ገጽ ጋር ሰካ” ን ይምረጡ።

ንጣፍን ለማስወገድ ተመሳሳይ ክዋኔዎች መከናወን አለባቸው, እርስዎ ብቻ "ከመጀመሪያ ማያ ገጽ ይንቀሉ" የሚለውን አማራጭ መምረጥ ያስፈልግዎታል.

በምናሌው ውስጥ የአዶውን ቦታ ለመለወጥ, ሰድሩን በቀኝ ጠቅ ማድረግ እና ወደሚፈልጉት ቦታ መጎተት ያስፈልግዎታል.

መጠን ማበጀት

ተጠቃሚዎች ቦታውን ብቻ ሳይሆን የንጣፎችን መጠን የመቀየር ችሎታ አላቸው. ለእያንዳንዱ አዶ ብዙ የመጠን አማራጮች አሉ። በእነሱ ላይ በመመስረት የንጣፉ ተግባር እንዲሁ ይለወጣል-በዝቅተኛው መጠን ፣ ሰድሩ የሚሠራው ፕሮግራሙን ለመጥራት ብቻ ነው ፣ ግን ሲሰፋ ፣ እንደ የውጤት አካልም ሊያገለግል ይችላል። አንድ አዶ ምን ያህል መረጃ ሊያሳይ ይችላል, እና በምን አይነት ቅርጸት እንደሚሰራ, እንደ መጠኑ ይወሰናል.

የሰድርን መጠን ለመቀየር በእሱ ላይ በቀኝ ጠቅ ማድረግ እና "መጠንን መቀየር" የሚለውን አማራጭ መምረጥ ያስፈልግዎታል.

ሰድሮች መጠናቸው አራት ማዕዘን ወይም ካሬ ሊሆን ይችላል. ትልቅ መጠን, የበለጠ ተግባራዊነት, ነገር ግን በትንሽ ማያ ገጾች ላይ የቦታ መጥፋት የዚህን ሁሉንም ጥቅሞች ሊሸፍን ይችላል.

የጡቦች ትንሽ መሰናክል መጠኑ ወደ ትንሽ ከተዋቀረ እና ቁጥሩ ያልተለመደ ከሆነ በምናሌው ውስጥ ባዶ ቦታዎች ይኖራሉ። የነጠላ አዶዎችን መጠን እና ቦታቸውን በመቀየር ሊያስወግዱት ይችላሉ።

የሰድር ዝማኔዎችን መከላከል

በእውነተኛ ጊዜ የተለያዩ ማሳወቂያዎችን ከመተግበሪያዎች መቀበል በጣም ምቹ ነው። ነገር ግን አንዳንድ ጊዜ ገንቢዎች ለዚህ ባህሪ በጣም ብዙ ትኩረት ይሰጣሉ, እናም በዚህ ምክንያት, ተጠቃሚው ትርጉም በሌላቸው የፕሮግራም መልእክቶች በየጊዜው ይከፋፈላል. ይህንን ለማስቀረት የጀምር ሜኑ ቅንጅቶች ከእያንዳንዱ ሰቆች ማሳወቂያዎችን ለማጥፋት አማራጭ ይሰጣል።

ይህንን ለማድረግ በሰድር ላይ በቀኝ ጠቅ ያድርጉ እና በብቅ ባዩ ምናሌ ውስጥ የመጨረሻውን “ቀጥታ ሰቆችን ያሰናክሉ” የሚለውን ይምረጡ።

ከዚህ በኋላ የሰድር ንድፍ ሁልጊዜ ሳይለወጥ ይቆያል እና የሚያበሳጩ መልዕክቶች ከእንግዲህ አያስቸግሩዎትም።

የመነሻ ምናሌ ቀለሞችን አብጅ

በዊንዶውስ 10 ውስጥ ያለው የጀርባ ዳራ እንደ ነጠላ ሰቆች ቀለም በተመሳሳይ መልኩ ሊለወጥ ይችላል. ይህንን ለማድረግ በአዶው ያልተያዘ በማንኛውም ቦታ ላይ ቀኝ-ጠቅ ያድርጉ እና "ግላዊነት ማላበስ" ምናሌን ይምረጡ.

በሚከፈተው መስኮት ውስጥ በጀምር ምናሌ ውስጥ የጀርባውን ቀለም መግለጽ እንዲሁም አንዳንድ ሌሎች መመዘኛዎችን መቀየር ይችላሉ. ቀለሙን ብቻ ሳይሆን ሙሌትንም መምረጥ ይችላሉ. ተጠቃሚው ዝግጁ የሆነ የቀለም መርሃ ግብር መምረጥ ወይም ለብቻው ወደ ጣዕሙ ማበጀት ይችላል።

የፕሮግራም አቋራጭን በጀምር ምናሌ ስክሪን ላይ ይሰኩት

በጀምር ሜኑ ውስጥ በፍጥነት ወደ አንድ መተግበሪያ ወይም ፕሮግራም መድረስ ከፈለጉ በጀምር ሜኑ ስክሪን ላይ ይሰኩት።

ይህንን ለማድረግ በዴስክቶፕዎ ላይ የሚፈልጉትን ፕሮግራም ወይም መተግበሪያ አቋራጭ ላይ በቀኝ ጠቅ ያድርጉ። ከዚህ በኋላ, ብቅ ባይ ምናሌ ይታያል, እዚያም "ስክሪን ወደ መጀመሪያ ማያ" ን ጠቅ ማድረግ ያስፈልግዎታል. አሁን ምናሌውን መክፈት እና የተፈጠረውን ንጣፍ በቡድኖች መካከል በማንቀሳቀስ ቦታውን መቀየር ይችላሉ.

እንዲሁም, አዲስ ለተጨመረው ንጣፍ, በውስጡ የሚገኝበትን ቡድን ስም ማዘጋጀት ይችላሉ. የተገላቢጦሽ ሂደትም አለ፡ ሰድሩን በቀኝ ጠቅ በማድረግ ወደ ዴስክቶፕ በመጎተት በመነሻ ስክሪን ላይ ከሚገኙት ከማንኛውም ሰድር አቋራጭ ማድረግ ይችላሉ።

በጀምር በግራ በኩል የተሰኩ አዶዎች በቀላሉ በቀላሉ ሊወገዱ ይችላሉ ፣ በቀኝ ጠቅ ያድርጉ እና “የላቀ” እና “በዚህ ዝርዝር ውስጥ አታሳይ” የሚለውን አማራጭ ይምረጡ።

ልዩ ንጥረ ነገሮችን መጨመር

ይህ ባህሪ በዊንዶውስ 10 ውስጥም አለ ፣ ግን የአሠራሩ መርህ ሰቆች ከመጨመር ትንሽ የተለየ ነው። በመጀመሪያ ደረጃ ወደ ዴስክቶፕ መሄድ አለብዎት, ከዚያም ባዶ ቦታ ላይ በቀኝ ጠቅ ያድርጉ እና "ግላዊነት ማላበስ" የሚለውን አማራጭ ይምረጡ. በሚታየው መስኮት ውስጥ ከታች ያለውን "ጀምር" ትርን ይምረጡ. በሚታየው የንግግር ሳጥን ውስጥ በጀምር የግራ ግማሽ ላይ ሊጨመሩ የሚችሉ የንጥሎች ዝርዝር ማግኘት ይችላሉ.

የጀምር ምናሌን ከዊንዶውስ 7 በመመለስ ላይ

ሁሉም ሰው የተዘመነውን የዊንዶውስ 10 በይነገጽ አልወደደም. አንዳንዶቹ ከአሮጌው የስርዓተ ክወናው ገጽታ ጋር ተላምደዋል, ሌሎች ደግሞ የጅምርን የታጠቁ ንጥረ ነገሮችን አይወዱም. በዚህ ሁኔታ ገንቢዎች ምናሌውን ወደ ክላሲክ እይታ የመመለስ ችሎታን አቅርበዋል ፣ ለሁሉም ሰው የሚያውቀው ከዊንዶውስ 7. በመልክ ከ Microsoft ስርዓተ ክወናው ከአንድ አመት በፊት ካለው የተለየ እንዳይሆን ጀምርን ማዋቀር ይችላሉ።

ይህንን ለማድረግ ቀላሉ መንገድ ሁሉንም የቀጥታ ንጣፎችን ማስወገድ ነው. በሚያሳዝን ሁኔታ, በሁለት ጠቅታዎች ውስጥ ማሰናከል አይቻልም; እያንዳንዳቸውን እራስዎ መሰረዝ አለብዎት. ከዚያ በኋላ የመስኮቱን የቀኝ ጎን ስፋት እንዲፈርስ መቀየር ይችላሉ.

የሜትሮ ንጣፍ ምናሌን በመመለስ ላይ

ለሜትሮ ሜኑ ጥቅም ላይ የዋሉ የትናንሽ ስክሪን ታብሌቶች ባለቤቶች መመለሻ ጅምር በመሳሪያቸው ላይ የማይመች ሆኖ ሊያገኙት ይችላሉ። ስለዚህ, የማይክሮሶፍት ገንቢዎች የሜትሮ ጅምር ስክሪን በስርዓተ ክወናው ውስጥ በእጅ የማንቃት ችሎታ ሰጥተዋል.

ይህንን ለማድረግ በተግባር አሞሌው ላይ በቀኝ ጠቅ ያድርጉ እና በብቅ ባዩ ምናሌ ውስጥ "ግላዊነት ማላበስ" ን ይምረጡ። በሚከፈተው መስኮት ውስጥ "ጀምር" ትርን ይክፈቱ እና "የመጀመሪያ ማያ ገጽ በሙሉ ማያ ገጽ ክፈት" አማራጭን ያንቁ. በመጨረሻው ግንባታ ዊንዶውስ እንደገና እንዲገቡ አይጠይቅዎትም እና ፒሲዎን እንደገና ሳያስነሱት ከዊንዶውስ 8 በሚታወቀው የጀምር ሜኑ ይደሰቱ።

ወደ ዊንዶውስ 10 ከማሻሻልዎ በፊት ማወቅ ያለብዎት ነገር

ብዙ ተጠቃሚዎች ቀደም ብለው ከወደዷቸው ማራኪ ፈጠራዎች በተጨማሪ አዲሱ ስርዓተ ክወና ከድክመቶች ውጭ አይደለም.

ስለዚህ በአሁኑ ጊዜ በዊንዶውስ 7 ውስጥ በትክክል የሚሰሩ ሁሉም መሳሪያዎች ሙሉ እና ከስህተት ነፃ የሆነ ድጋፍ አሁንም አልተሰጠም በተለመደው መንገድ የራስ-ሰር ስርዓት ማሻሻያዎችን ማሰናከል አለመቻሉ ብዙ ተጠቃሚዎችንም ሊያበሳጭ ይችላል. ከሁሉም በላይ፣ በተገደበ ትራፊክ ወይም ዝቅተኛ የግንኙነት ፍጥነት፣ ዝማኔዎችን ማውረድ ተጨማሪ ወጪዎችን ሊያስከትል ወይም በማውረድ ጊዜ የበይነመረብ አሰሳ ጥራት ላይ ተጽዕኖ ሊያሳድር ይችላል።

በሕይወታቸው ውስጥ ጣልቃ መግባትን የማይወዱ ሰዎች ስርዓተ ክወና የተጠቃሚውን ባህሪ የሚመረምር እና ስለ እሱ መረጃ የሚሰበስብ የመሆኑን እውነታ ሊጠነቀቁ ይችላሉ. ይህ የሚደረገው ሥራን ለማሻሻል እና ለማስታወቂያ ዓላማዎች ነው, ስለዚህ ብዙ ሰዎች በዚህ አቀራረብ ደስተኛ አይደሉም.

ስለዚህ አዲሱን የስርዓተ ክወና ስሪት ሲጭኑ ባህሪያቱን ማወቅ እና ለተረጋጋ አሠራሩ ወይም የተጠቃሚ መረጃን ለማሰራጨት ሙሉ ሀላፊነቱን መውሰድ አለብዎት።