ሰላም አንባቢዎች)

በዚህ ጽሑፍ ውስጥ፣ በጆኦምላ ድር ጣቢያዎ ላይ ማህበራዊ አዶዎችን ማስገባትን እንመለከታለን።

ተጠቃሚው የእርስዎን ጽሑፍ ወይም በማህበራዊ አውታረ መረቦች በኩል ወደ ጣቢያው የሚወስደውን አገናኝ እንዲያካፍል ማህበራዊ አዶዎች ያስፈልጋሉ።

መጀመሪያ ወደ ድህረ ገጹ share42.com/ru እንሂድ።

ይህ ጣቢያ ስክሪፕት እንዲያመነጩ ይፈቅድልዎታል እና መልክአዶዎች

ደረጃ 1 - መጠኑን ይምረጡ እና የሚፈለጉትን አዶዎች ምልክት ያድርጉ።

የአዶውን መጠን ይምረጡ (32x32፣ 24x24፣ 16x16 ፒክስል)። ነባሪው 32x32 ፒክስል ነው።

የምንፈልጋቸውን አውታረ መረቦች እንመርጣለን (አዶዎቹን ብቻ ጠቅ ያድርጉ ፣ የሚፈልጉትን ቅደም ተከተል ለማስቀመጥ ጎትተው መጣል ይችላሉ)

ደረጃ 2 - ማዋቀር

• የፓነል አይነት ከአዶዎች ጋር ይምረጡ: አግድም, ቀጥ ያለ (ተንሳፋፊ);
• የሚታዩ አዶዎችን ብዛት ይገድቡ (አይነቱን ሲመርጡ - በአቀባዊ);
• የጣቢያ ኢንኮዲንግ ፣ ለጆምላ UTF-8 ነው ።
• አክል ወይም አታክል share42 ጣቢያ አዶ (በእርስዎ ምርጫ);
• የአርኤስኤስ አገናኝ ከዚህ ቀደም ምልክት የተደረገበት ከሆነ ይገኛል;
• JQueryን ማንቃት፣ ለህትመት ቆጣሪ የተዘጋጀ፣
• ከነዚህ እርምጃዎች በኋላ የኛ አዶ ብሎክ ምን እንደሚመስል ምሳሌ ማየት እና የተጠናቀቀውን ስክሪፕት ማውረድ እንችላለን።

የሚቀጥሉት እርምጃዎች ስክሪፕቱን በድር ጣቢያዎ ላይ መጫን ነው።

ማህደሩን በስክሪፕቱ ካወረዱ በኋላ share42 ማህደርን ወደ ጣቢያው ስር መፍታት ያስፈልግዎታል።

በቁጥር 4 ላይ - "በጣም ተስማሚ የሆነውን የጣቢያ አይነት ይምረጡ", "ማንኛውም ጣቢያ" የሚለውን ይምረጡ.

አሁን ኮዱን ይቅዱ፡-

ከ site.name ይልቅ የጣቢያዎን ጎራ ያመልክቱ። እና ወደ አብነት ምንጭ ኮድ ወይም በ "HTML" አይነት ሞጁል ውስጥ አስገባ።

የአዶ ፓነልን ለመንደፍ፣ የቀረበውን css ኮድ እንጠቀማለን፡-

#share42 (ፓዲንግ፡ 6 ፒክስል 6 ፒክስል 0፤ ዳራ፡ #ኤፍኤፍኤፍ፤ ድንበር፡ 1 ፒክስል ጠንካራ #E9E9E9፤ ድንበር-ራዲየስ፡ 4 ፒክስል፤)

#share42፡ማንዣበብ (ዳራ፡ #F6F6F6፤ ድንበር፡1 ፒክስል ጠንካራ #D4D4D4፤ ሣጥን-ጥላ፡ 0 0 5px #DDD;)

#share42 a (ግልጽነት፡ 0.5)

#share42:ማንዣበብ a ( ግልጽነት: 0.7)

#share42 a:ማንዣበብ (ግልጽነት፡ 1)

በጣቢያዎ ላይ ወዳለ ማንኛውም css ፋይል ውስጥ እናስገባዋለን።

ለማዋቀር ተጨማሪ ቅንብሮች፡-

መምሰል ያለበት ይህ ነው።

ያ ብቻ ነው ፣ መልካም ዕድል)

P.S የሆነ ነገር ግልጽ ካልሆነ አስተያየቶችን ይፃፉ።

ይህ አጋዥ ስልጠና በ Joomla ውስጥ ላሉ ምናሌ ንጥሎች ከጽሑፍ ይልቅ ምስሎችን እንዴት እንደሚጠቀሙ ያሳየዎታል።

አዶዎችን ወደ ምናሌው ለመጨመር ብዙ መንገዶች አሉ።

ከምናሌዎች ጋር ለመስራት መደበኛው የ Joomla ሞጁል የምናሌ ንጥሎችን ስም በምስሎች እንዲተኩ ይፈቅድልዎታል፡-

ሁለተኛው ዘዴ የምስል css ክፍልን ወደ ፋይሉ በማከል ላይ የተመሰረተ ነው (### የአብነትዎ ቁጥር በሆነበት)። እንደ IceMegaMenu ሞጁል ያሉ አንዳንድ የ Joomla ሜኑ ሞጁሎች በአስተዳዳሪ ፓነል ውስጥ ላለ ምናሌ ንጥል ነገር ምስል እንዲያክሉ አይፈቅዱልዎም። የ css ኮድ በመጠቀም ምስል ማከል ይችላሉ፡-

የጀርባ ምስልን በ css ኮድ መጠቀም፡-

አሁን በ Joomla ውስጥ ባለው ምናሌ ንጥሎች ውስጥ ከጽሑፍ ይልቅ ምስሎችን እንዴት እንደሚጠቀሙ ያውቃሉ።

ፋቪኮን የጣቢያ አዶ አይነት ነው። በአሳሽ ትሮች ውስጥ ሊታይ ይችላል, የአራት ታዋቂ ጣቢያዎች ምሳሌ እዚህ አለ. እያንዳንዳቸው የራሳቸው የ favicon ምስል አላቸው.

እንዲሁም የ Yandex የፍለጋ ሞተር ከገጹ ርዕስ ቀጥሎ favicon ያሳያል።

አብዛኛዎቹ ድረ-ገጾች ፋቪኮን አላቸው; ፋቪኮን በመጠቀም በ Yandex ውስጥ ያሉ ቦታዎችን መከታተል ቀላል ይሆንልዎታል።

የመስመር ላይ ጀነሬተር በመጠቀም ፋቪኮን መፍጠር

በመጀመሪያ 16 በ 16 ፒክሰሎች የሚለካውን ስዕል ማዘጋጀት ያስፈልግዎታል. ይህ መደበኛ መጠንፋቪኮን ይህንን ለማድረግ የጣቢያውን አርማ ወይም የሚወዱትን ምስል መጠቀም ይችላሉ. የሚፈለገውን መጠን ለማስተካከል የ "ቀለም" ፕሮግራም ወይም ሌላ የሶስተኛ ወገን ፕሮግራም መጠቀም ይችላሉ.

እባክዎን ምስሉን ወደ 16 በ 16 ፒክሰሎች ሲጨመቁ ያስታውሱ. የመነሻው ጎኖች ስፋት ተመሳሳይ መሆን አለበት. 243 በ 243 ፒክስል እንበል። ያለበለዚያ ፣ ሲጨመቅ ፣ ቀድሞው ትንሽ ስዕል ደብዛዛ ይሆናል።

በመቀጠል የኦንላይን ፋቪኮን ጀነሬተር እንጠቀማለን። ይህንን አገናኝ በመከተል favicon.ru በዋናው ገጽ ላይ "ከምስል ፋቪኮን ይስሩ" ንጥል ውስጥ. በኮምፒተርዎ ላይ 16 በ16 ፒክሰሎች የሚለካ ቀድሞ የተዘጋጀ ስዕል ይምረጡ።

ቀጣዩ ደረጃ "ስዕሉን አርትዕ" ነው. እዚህ "ተመጣጣኝ አስቀምጥ" እና "ቀጣይ" ን ጠቅ እናደርጋለን.

አሁን የእኛ favicon ዝግጁ ነው። የቀረው በአሳሹ ውስጥ እንዴት እንደሚመስል ማየት እና ማውረድ ብቻ ነው። ከፈለጉ ምስሉን ማስተካከልም ይችላሉ። ወይም ከባዶ ይፍጠሩ.

የወረደው ፋቪኮን የሚፈለገው ቅርጸት (.ico) እና የ favicon ስም አለው። ምንም ነገር መለወጥ አያስፈልግም. የሚቀረው በጣቢያው ላይ መጫን ብቻ ነው.

ፋቪኮንን በ joomla 3 ላይ በመጫን ላይ

የመጀመሪያው እና ቀላሉ የመጫኛ ዘዴ ቤተኛ ፋቪኮን መተካት ነው። አብዛኞቹ የጆምላ አብነቶች ቀድሞውንም ፋቪኮን አላቸው፣ ወደ ተዘጋጀነው ፋቪኮን መቀየር ብቻ ያስፈልግዎታል።

ይህንን ለማድረግ ወደ ጣቢያው ሥር መሄድ ያስፈልግዎታል. በመቀጠል ወደ "አብነቶች" አቃፊ ይሂዱ እና ማህደሩን ከነባሪ አብነት ጋር ያግኙ. ይህ ቤተኛ አብነት አለኝ “Beez3”፣ እና እኛ በፈጠርነው ፋቪኮን እዚያው ለውጠው።

ከዚያ ወደ ድር ጣቢያዎ ይሂዱ እና ያዘምኑ መነሻ ገጽ. ፋቪኮን ካልተቀየረ የአሳሽ መሸጎጫዎን ያፅዱ ፣ ይዝጉት እና እንደገና ይክፈቱት ፣ የገጹን አድራሻ እንደገና ያስገቡ። አዶው መለወጥ አለበት።

ነገር ግን በ Yandex የፍለጋ ውጤቶች ውስጥ ፋቪኮንን ወዲያውኑ መጠበቅ የለብዎትም. ልዩ ቦት ምስልዎን ከጠቆመ በኋላ ወደ jpg ቅርጸት ከለወጠው በኋላ ይታያል። ይህ ከአንድ ወር በላይ ሊወስድ ይችላል.

Yandex በአሳሽዎ ውስጥ በመተየብ የ favicon መረጃ ጠቋሚ እንዳደረገው ወይም አለመሆኑን ማረጋገጥ ይችላሉ-http://favicon.yandex..ru" ፣ የጣቢያዎን የጎራ ስም ያስገቡ።

ለGoogle፡ http:// www.google.com/s2/favicons?domain=site

የመጀመሪያው የመጫኛ ዘዴ ካልረዳ እና ፋቪኮን በጣቢያዎ ላይ ካልታየ, በ index.php ፋይል ውስጥ አስፈላጊውን ኮድ በመጻፍ መጫን ይችላሉ.

ፋቪኮን በ joomla 3 ላይ ለመጫን ሁለተኛው መንገድ

ስዕልን ለመጫን, እኛ ያዘጋጀነውን ፋቪኮን በጣቢያው ሥር ውስጥ ማስቀመጥ ያስፈልግዎታል.

በመቀጠል በነባሪ አብነት ወደ አቃፊው ይሂዱ፡ አብነቶች / ነባሪ አብነት። የማስታወሻ ደብተር ++ን በመጠቀም index.php ፋይል ይፈልጉ እና ይክፈቱ። በዚህ ሰነድ ውስጥ፣ በመክፈቻ መለያ እና በመዝጊያ መለያ መካከል፣ የሚከተለውን ኮድ ያስገቡ።

የቀረው የአሳሹን መሸጎጫ ማጽዳት እና ጣቢያውን እንደገና መጫን ብቻ ነው። ከዚያ በኋላ ፋቪኮን በድር ጣቢያዎ ላይ መታየት አለበት።

ከደራሲው፡ ሰላም ውድ አንባቢዎች። በዚህ ጽሑፍ ውስጥ ስለ አንድ ትንሽ ነገር እናነጋግርዎታለን, ግን በተመሳሳይ ጊዜ ጠቃሚ የሆነ ማንኛውም ጥሩ ድር ጣቢያ, ለ CMS Joomla አዶ - favicon. ፋቪኮንን ወደ ድህረ ገጽ እንዴት ማከል እንደሚችሉ እና እንዲሁም ያለውን ነባሩን መቀየር እንደሚችሉ ይማራሉ።

ለማያውቁት ፋቪኮን የጣቢያው ትንሽ አዶ (አዶ) ነው ፣ ወዲያውኑ ከጣቢያው ርዕስ በፊት ፣ ወይም በትክክል ፣ ከርዕስ መለያው ይዘት በፊት በድር አሳሽ የሚታየው። ማለትም፣ በአጠቃላይ፣ ይህ የተወሰነ ቅርጸት እና መጠን ያለው ምስል በአይኮ ቅጥያ ነው።

በተመሳሳይ ጊዜ, በትክክል የተመረጠው ፋቪኮን ለጣቢያው ልዩ እና ልዩነት እንደሚሰጥ እና እንዲሁም በተጠቃሚዎች በፍጥነት እንደሚታወስ ይስማማሉ. የፍለጋ ፕሮግራሞች፣ የፍለጋ ውጤቶች ዝርዝር (የፍለጋ ውጤቶች ዝርዝር) ሲፈጥሩ ከጣቢያው ርዕስ ፊት ለፊት ፋቪኮን ያሳያሉ።

ይህ ማለት የተጠቃሚውን አይን የሚይዘው የመጀመሪያው ነገር አዶው ነው - የጣቢያው አዶ ስለዚህ ፣ ተጠቃሚው ከመካከላቸው ጓደኛውን ካየ ፣ ይህ ጣቢያውን እንዲጎበኝ ስለሚገፋፋው እውነታ ማውራት እንኳን ዋጋ የለውም። . ስለዚህ ፣ በጆምላ 3 ውስጥ ፋቪኮን እንዴት እንደሚቀየር የሚለው ጥያቄ በጀማሪዎች ዘንድ በጣም ታዋቂ ነው ፣ እና ከዚህ በታች ዝርዝር መልስ ለመስጠት እሞክራለሁ።

የአሳሽ ተኳሃኝነትን ለማረጋገጥ ፋቪኮን ሲፈጥሩ እንደ ደንቡ የ ico ምስል ቅርጸቱን ይምረጡ ፣ ምክንያቱም በሁሉም አሳሾች የተደገፈ ነው። ምንም እንኳን ዘመናዊ አሳሾች አሁን እንደ PNG እና GIF ያሉ ቅርጸቶችን ይደግፋሉ ፣ ሞዚላ ፋየርፎክስእንዲሁም JPEG፣ እንዲሁም እነማ GIF። ነገር ግን፣ አንድ መንገድ ወይም ሌላ፣ የሚጠቀሙ ተጠቃሚዎች አሉ። ጊዜ ያለፈባቸው ስሪቶችየድር አሳሾች, ስለዚህ በእኔ አስተያየት, በአጠቃላይ ተቀባይነት ያለውን አዶ መጠቀም አሁንም ጠቃሚ ነው.

ቅርጸቱን ከወሰንን በኋላ እንደ ጣቢያ አዶ ሊያገለግል የሚችለውን የምስሉን መጠን እንወቅ። እዚህ ሁሉም ነገር ቀላል ነው, የ favicon መጠን በጣም "መደበኛ" እና 16x16 ፒክሰሎች ነው, ከፍተኛውን የአሳሽ ተኳሃኝነት ማረጋገጥ ከፈለጉ. በተመሳሳይ ጊዜ, ለተለያዩ ተንቀሳቃሽ መሳሪያዎችእና የእነሱ ልዩ አሳሾች, 32x32, 96x96 እና እንዲያውም 192x192 ፒክሰሎች የአዶ መጠኖችን መጠቀም ይችላሉ.

አሁን በJoomla ድር ጣቢያ ላይ ፋቪኮን እንዴት እንደሚጫን እንነጋገር። ግን፣ እስካሁን አዶ ስለሌለን፣ አንድ እንፍጠር። ለመፍጠር በጣም አመቺው መንገድ የመስመር ላይ ማመንጫዎችን መጠቀም ነው, ምክንያቱም በዚህ መንገድ ተጨማሪ ከመጫን እራስዎን ያድናሉ ሶፍትዌር, እና እንደ አንድ ደንብ, እነዚህ አገልግሎቶች, ከተፈጠሩት አዶዎች ጋር, አዶውን ለማሳየት አስፈላጊ የሆነውን ኮድ ለመቅዳት ያቀርባሉ.

በአሁኑ ጊዜ የ favicon አዶዎችን ለመፍጠር በጣም ታዋቂ ከሆኑ አገልግሎቶች አንዱ በዚህ ጽሑፍ ውስጥ የምንጠቀመው favicon.ru ጄኔሬተር ነው። እንዲሁም በጣም ጥሩ የሆነ የ favicon-generator Generator (favicon-generator.org) አለ፣ እሱም ከአንድ አዶ ይልቅ፣ የተለያየ መጠን ያላቸው አዶዎች የሚፈጠሩበት ሙሉ ማህደር ይፈጥራል። በዚህ መሠረት ለእያንዳንዱ መጠን የግንኙነት ኮድም ተሰጥቷል.

ፋቪኮን ለመፍጠር የሚከተለውን ምስል ይምረጡ።

በድር ልማት ውስጥ ዘመናዊ አዝማሚያዎች እና አቀራረቦች

በድር ጣቢያ ግንባታ ውስጥ ከባዶ ለፈጣን እድገት ስልተ-ቀመር ይማሩ

አሁን ልዩ ፎርም በመጠቀም የተመረጠውን ምስል መስቀል በቂ ነው, እና በአጠቃላይ, ትውልዱ ይጠናቀቃል.

ምስሉን ከጫኑ በኋላ, አዶው የሚፈጠርበትን የፍላጎት ቦታ ይምረጡ እና "ቀጣይ" ን ጠቅ ያድርጉ.

ከትውልድ በኋላ በአሳሹ ውስጥ አዲስ ፋቪኮን የማሳየት ምሳሌ ማየት ይችላሉ እና በመልክቱ ረክተው ከሆነ ፋይሉን ለማውረድ “ፋቪኮን አውርድ” ቁልፍን ጠቅ ያድርጉ። ስለዚህ, አዶው ዝግጁ ነው.

ፋቪኮን በ Joomla - በነቃ የአብነት ማውጫ ስር ይገኛል። ለምሳሌ፣ ለBeez3 አብነት፣ ይህ አቃፊ አብነቶች\beez3 ነው። ይህ ማለት የወረደውን ፋይል በተጠቀሰው አቃፊ ውስጥ ማስቀመጥ ብቻ ነው, በዚህም መደበኛውን አዶ በመተካት እና በአሳሹ ውስጥ ያለውን መረጃ ማዘመን ያስፈልግዎታል. በአሳሹ ውስጥ ፋቪኮን የሚያሳየው ኮድ በቀጥታ የሚመነጨው በ Joomla ሞተር ነው ፣ ስለሆነም በእጅ መጻፍ አያስፈልግም። ፍላጎት ላላቸው፣ ይህ ኮድ በhtml.php ፋይል ውስጥ በ \libraries\joomla\Document\html የተፈጠረ መሆኑን ላብራራ። አዶን ለማሳየት የጆኦምላ ኮር ልዩ ዘዴ addFavicon () ያቀርባል ይህም ከላይ ባለው ፋይል ውስጥ ይባላል.

አሁን, በ joomla 3 ውስጥ ፋቪኮን እንዴት እንደሚቀይሩ ያውቃሉ, እኔ የምፈልገው ብቸኛው ነገር, ለአጠቃላይ እድገት ለመናገር, አዶውን ለማሳየት ኮድ መስጠት ነው - ለጉዳዩ በእጅ መጻፍ ካስፈለገዎት.