ምድብ፥ ጠቃሚ ምክሮች

From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

አጫጭር ኮዶች (Shortcodes) ገንቢዎች በተለምዶ እንደሚያደርጉት ግዙፍ የኮድ ክምችቶችን ሳያስገቡ ወደ ድር ጣቢያዎ ነገሮችን (ለምሳሌ እንደ ዊጄቶች) እንዲያክሉ ያስችሉዎታል።

ለምሳሌ፣ አንድ መደበኛ የኮድ ክፍል፣ ከርዝመት አንጻር፣ ምናልባት ይህን ሊመስል ይችላል፦

<html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.

Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.

Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.

Nullam sodales eleifend massa, in bibendum purus fermentum id.

Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.

</html>​

ለዚህ ምሳሌ፣ ከላይ ያለው የኮድ ክፍል ሙሉ የሎረም ኢፕሰም (Lorem Ipsum) ቦታ ያዥ ጽሑፍ አንቀጽ እንዲያክሉ ያስችልዎታል ብለን እናስብ።

Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

[lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

You can see how they’re miles different from each other in terms of length.

አሁን ሁለቱም የኮድ ክፍሎች— የመጀመሪያው ረጅም ክፍል እና “lorem” የሚለውን ቃል ብቻ የያዘው አጭር ኮድ— ሁለቱም ልክ አንድ ዓይነት ነገር እንደሚያደርጉ ያስቡ፦ የሎረም ኢፕሰም ጽሑፍ ማከል።

This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

Where can I find shortcodes?

የሚወዱት ፕለጊን ወይም ዊጄት ካለዎት፣ እንድትጠቀሙበት የተዘጋጀ አጭር ኮድ (shortcode) ሊኖራቸው ይችላል።

Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

Adding Custom Shortcodes on PBS

በPage Builder Sandwich ላይ፣ አጫጭር ኮዶችን በቀጥታ ወደ ይዘትዎ አካባቢ በመተየብ ወይም ኮፒ አድርገው በመለጠፍ ወደ ገጽዎ ማከል ይችላሉ።

ይህንን ከታች ከShortcodes Ultimate በተገኘ አጭር ኮድ አድርገነዋል፣ ይህም በPage Builder Sandwich ማሳያ ገጽ ላይ የይዘት ሳጥን በማከል ነው፦

Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

ስለ Shortcode Mapping ከቀደሙት ጽሑፎቻችን አንዱ እንደሚያስረዳው፣ ትርጓሜው የሚከተለው ነው፦

Shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

ይህ ማለት በከፊል አጫጭር ኮዶችዎን በሚመለከታቸው ሰነዶች ወይም ማከማቻዎች ላይ እራስዎ በእጅዎ መፈለግ አይጠበቅብዎትም ማለት ነው።

አጭር ኮዱን ያካተተውን ፕለጊን በዎርድፕረስ ጣቢያዎ ላይ እስከጫኑ ድረስ፣ በPage Builder Sandwich ላይ ለመጠቀም በቀላሉ ይደርስዎታል።

So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:

And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:

Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

ስለዚህ ብጁ አጫጭር ኮዶችን፣ ወይም እራስዎ የፈጠሯቸውን አጫጭር ኮዶች ማከል ከፈለጉ፣ በዎርድፕረስ ጣቢያዎ ላይ እስከጫኗቸው ድረስ ይችላሉ።

Here are some other helpful plugins that you can use to create your own custom shortcodes:

በገበያው ላይ በርካታ የገጽ ገንቢዎች አሉ፣ እና እርስዎም እራስዎን እንዲህ ብለው ይጠይቁ ይሆናል፡ ስለ Page Builder Sandwich ልዩ የሚያደርገው ምንድን ነው? በእጅዎ ላይ አስቀድሞ አንዱ እያለዎት ለምን እሱን ለመጠቀም ይጨነቃሉ?

በዚህ ጽሑፍ ውስጥ፣ Page Builder Sandwichን ልዩ የሚያደርጉትን እንዲሁም ለይዘት ፈጣሪዎችም ሆነ ለዲዛይነሮች የግድ አስፈላጊ የሚያደርጉትን ጥቂት ቁልፍ ገጽታዎች እዘረዝራለሁ። የገጽ ገንቢ ምን እንደሆነ እና ለምን እንደሚያስፈልግዎ የማያውቁ ከሆነ አይጨነቁ፣ ሊረዱዎት የሚችሉ አንዳንድ መረጃዎች አሉን።

1. የይዘትዎን ምስላዊ ውክልና ብቻ አያዩም፣ ትክክለኛውን ይዘትዎን ያዩታል እንዲሁም ያርሙታል

በሌሎች የገጽ ገንቢዎች ውስጥ፣ ይዘትዎን የሚወክሉ ቦታዎችን ብቻ ነው የሚያዩት። በዋናነት ይዘትዎን በብሎኮች እና አራት ማዕዘን ቅርጾች ያቀናብራሉ፣ እና ውጤቱም ይዘቶችዎ በመጨረሻ በገጽዎ ላይ ምን እንደሚመስሉ ከሚያሳይ ማዕቀፍ ጋር ይመሳሰላል። ይህም ውጤቱ ምን እንደሚመስል ለማየት ብቻ የቅድመ እይታ አዝራሩን በተደጋጋሚ ወደ መንካት ይመራል።

በPage Builder Sandwich፣ ሁሉም ማረም የሚከናወነው በጣቢያዎ የፊት ለፊት ክፍል (front end) ላይ ነው፣ እና ለእውነተኛ ‘ያዩትን ያገኛሉ’ (what-you-see-is-what-you-get) ተሞክሮ ይዘትዎን በቀጥታ ያርማሉ።

2. ያለምንም አሰልቺ ብቅ-ባይ ሳጥኖች ፈጣን እና ቀላል ቀጥተኛ ማረም

ብቅ-ባዮች (popups) የገጽ ገንቢዎች ዋነኛ አካል ሆነው ቆይተዋል። በአብዛኛዎቹ ውስጥ፣ በአቀማመጥዎ ላይ ማንኛውንም ነገር ለማረም ከፈለጉ፣ ርዕስ፣ የአዝራር ስያሜ ወይም ትንሽ መሪ ቃል ጽሑፍ ቢሆንም፣ መጀመሪያ የብቅ-ባይ ሳጥን እስኪከፈት መጠበቅ እና ለውጦችዎን በእሱ ውስጥ ማከናወን አለብዎት።

በPage Builder Sandwich ውስጥ የብቅ-ባዮችን አጠቃቀም በከፍተኛ ሁኔታ መቀነስ ግባችን አድርገናል። ብቅ-ባዮችን በማስወገድ፣ ማንኛውንም ይዘት ማረም ከመቼውም ጊዜ በበለጠ ቀላል እና ምቹ ሆኗል።

ማረም በቀጥተኛ መንገድ ይከናወናል – ጠቋሚዎን እዚያ ለማስቀመጥ በጽሑፍዎ ላይ ጠቅ ያድርጉ እና መተየብ ይጀምሩ። ማረም ለመጀመር የTinyMCE አርታዒ የያዘ ብቅ-ባይ ሳጥን መጠበቅ አይጠበቅብዎትም። ከሁሉም በላይ አስደሳቹ ነገር ይዘትዎን አሁንም ጎትተው መጣል ይችላሉ።

ያለ ምንም ውጣ ውረድ ለማረም የሚያግዝ ሌላው አዲስ ፈጠራ ሁልጊዜ የሚገኘው መርማሪ (inspector) ነው። መርማሪው እንደ መሣሪያ ሳጥንዎ እና የባህሪያት አርታዒ ሆኖ ያገለግላል። ይዘትዎን ለመቅረጽ የሚረዱ መሣሪያዎች፡ የጽሑፍ ቀለሞች፣ አርዕስቶች፣ የፊደል መጠን ማስተካከያዎች፣ ህዳጎች፣ ፓዲንጎች፣ ድንበሮች፣ ጥቅሶች እና ሌሎችም በቀላሉ በአንድ ጠቅታ ይገኛሉ።

3. በድጋሚ ጥቅም ላይ የዋለ የWordPress ተግባር

በሌሎች የገጽ ገንቢዎች ውስጥ ያስተዋልነው ሌላው ነገር ብዙውን ጊዜ መንኮራኩሩን እንደገና ለመፍጠር መሞከራቸው ነው። አንዳንዶች የራሳቸውን የቀለም መምረጫዎች፣ የምስል መጫኛዎች፣ የጋለሪ ፈጣሪዎች እና የተለያዩ ሌሎች መሣሪያዎችን ይተገብራሉ። በራሱ በዚህ ላይ ምንም ስህተት የለም፣ ነገር ግን WordPress የኮድ ቅንጥቦች ውድ ሀብት ነው፣ ታዲያ እነሱን ለምን አንጠቀምባቸውም?

WordPress እጅግ ግዙፍ እና አስደናቂ መድረክ ሲሆን በብዙ ምርጥ አስተዋጽዖ አበርካቾች የተገነቡ በርካታ ምርጥ መሣሪያዎችን ይዟል። Page Builder Sandwich በተቻለ መጠን ከWordPress ጋር አስቀድመው የተካተቱ ተግባራትን ይጠቀማል።

የራሳችንን የቀለም መምረጫ ከመጠቀም ይልቅ የIris ቀለም መምረጫን እንጠቀማለን። የራሳችንን የምስል መጫኛ ከመጠቀም ይልቅ የሚዲያ አስተዳዳሪውን እንጠቀማለን። በተጨማሪም ጥቂት ተጨማሪ ጠቃሚ ስክሪፕቶችን ለመጥቀስ backbonejs፣ underscorejs፣ wp.hooks እና wp.shortcode አሉ። እነዚህን ሁሉ እንጠቀማለን፣ ይህም ስራችንን ቀላል አድርጎታል እንዲሁም ይበልጥ የተረጋጋ የኮድ መሠረት እንዲኖር አስችሏል።

የWordPressን ተግባራት በድጋሚ መጠቀም ለአንዳንድ አስደናቂ አስገራሚ ነገሮችም በር ከፍቷል። ለምሳሌ፣ ምስሎችን ለማስገባት የሚዲያ አስተዳዳሪውን ስለተጠቀምን፣ የWordPress ጋለሪዎችን፣ የቪዲዮ እና የኦዲዮ አጫዋች ዝርዝሮችን እና የርቀት ዩአርኤሎችን ወዲያውኑ ማስተናገድ መቻላችን አስደሳች ድንገተኛ ክስተት ነበር። እንዲሁም የምስል ማረምን ለማከናወን የሚዲያ አስተዳዳሪውን መጠቀም ችለናል፣ ይህም የብዙ ሰዓታት አላስፈላጊ የልማት ራስ ምታትን አስቀርቷል።

4. የቁልፍ ሰሌዳ አሰሳ እና አቋራጮች

በሌሎች የገጽ ገንቢዎች አይጥ (mouse) ወዳጅዎ ነው። ነገሮችን በእሱ ይጎትቱ እና ይጥላሉ፣ ለማረምም ነገሮችን ሁለቴ ጠቅ ያደርጋሉ። ነገር ግን የቁልፍ ሰሌዳው ብዙውን ጊዜ ችላ ይባላል።

ለምሳሌ፣ በአንዳንድ ገንቢዎች ውስጥ፣ ከሚያርሙበት ቦታ አንድ አንቀጽ/ክፍል በላይ ያለውን ጽሑፍ በቀላሉ ማረም አይችሉም፣ ምክንያቱም ከብቅ-ባይ ሳጥን ውስጥ ወጥተው ጠቅ ማድረግ እና ወደ አዲስ ውስጥ ጠቅ ማድረግ ስለሚኖርብዎት ነው። በPage Builder Sandwich ውስጥ በቁልፍ ሰሌዳዎ ማሰስ ይችላሉ። በይዘትዎ መካከል ለማሰስ የቀስት ቁልፎችን ይጫኑ፣ ሌላኛው ይዘትዎ በሌላ ረድፍ ወይም አምድ ውስጥ ተደብቆ ቢሆንም እንኳ ይሠራል።

ሌላው ጠቃሚ ባህሪ የundo እና redo የቁልፍ ሰሌዳ አቋራጮች ናቸው። በመጀመሪያ ሲታዩ ብዙ ላይመስሉ ይችላሉ፣ ነገር ግን ይህንን ያስቡበት፡ ይዘትዎን በስህተት ወደ ተሳሳተ ቦታ ጎትተው ቢጥሉትስ? በአንዳንድ የገጽ ገንቢዎች ውስጥ ወደ መጀመሪያው ቦታው መልሰው መጎተት ይኖርብዎታል። በPage Builder Sandwich ውስጥ ሁለቱም undo እና redo ይሰራሉ። ስለዚህ የተየቡትን ማስተካከል ከፈለጉ፣ ወይም የጎተቱትን ይዘት (ወይም በርካታ የተጎተቱ ይዘቶችን) ወደነበረበት መመለስ ከፈለጉ፣ undo ወይም redoን ብቻ ይጫኑ። Undo እና redo ለተጎተቱ እና ለተጣሉ ይዘቶች እንዲሁም እንደ የፊደል መጠኖች እና የረድፍ ፓዲንጎች ላሉ የባህሪያት ለውጦችም ጭምር ይሰራሉ። ይህም በማረም መሣሪያዎችዎ ስብስብ ውስጥ ኃይለኛ መሣሪያዎች ያደርጋቸዋል።

5. እውነተኛ የfrontend ገጽ ገንቢ – ይበልጥ ዘና የሚያደርግ እና ከችግር ነፃ የሆነ የማረም ተሞክሮ

በልማት ወቅት የነበረን አመለካከት በfront end ውስጥ ማረም አሁንም የback end መሣሪያዎችን በመጠቀም እያረሙ እንዳሉ ሊሰማዎት አይገባም የሚል ነው። ገንቢው መጀመሪያ ለback end ተፈጥሮ ከዚያም ወደ front end የተሸጋገረ ሊመስል አይገባም።

በአጠቃላይ፣ ለእኔ፣ የPage Builder Sandwich ዋነኛ መለያው “እውነተኛ” የfrontend ገጽ ገንቢ እንዲሆን በማለም መገንባታችን ነው – የfront end ማረም ምን መምሰል እንዳለበት በአዲስ መልክ የታሰበበት።