የግብረመልስ ቅጽ በዎርድፕረስ ሞዳል መስኮት ውስጥ። ወደ ምናሌ ያክሉ። ለአስተዳደሩ መልእክት በመላክ ላይ

ቅጾችን ለመፍጠር ብዙ የ WordPress ፕለጊኖች አሉ። አስተያየትበብሎግዎ ወይም በድር ጣቢያዎ ላይ። በተለይም የእውቂያ ቅጽ በቀጥታ ወደ ልጥፎች እና ለመክተት ያስችልዎታል የዎርድፕረስ ገጾች(ብዙ ተሰኪዎች እንድትጠቀም ሲያስገድዱህ ብጁ አብነትወደ ገጹ, በዚህም አርትዖቱን ይገድባል).

ቅጹን በገጹ ላይ መክተት ብዙ ጊዜ በቂ ነው፣ ነገር ግን ተጠቃሚው የአግኙን አገናኝ ጠቅ ሲያደርጉ ቅጹ በብቅ ባይ ውስጥ እንዲታይ ከፈለጉስ? እንዲህ ዓይነቱን ፍላጎት ለመገንዘብ ሁለቱን መጠቀም ያስፈልግዎታል የዎርድፕረስ ፕለጊን።በተመሳሳይ ጊዜ: ቀላል FancyBox

1. በመጀመሪያ ደረጃ, ተሰኪዎችን እና ቀላል FancyBox ይጫኑ.

2. ለቀላል ቅጹን እንጠቀማለን የእውቂያ ቅጽ 7, ለአብነት በሚጫንበት ጊዜ አስቀድሞ በተሰኪው በራሱ የተፈጠረ። በእውቂያ ቅጽ ቅንጅቶች ገጽ ላይ መቅዳት እና መለጠፍ የሚያስፈልግዎትን የቅጽ ኮድ ይውሰዱ የዎርድፕረስ አርታዒቅጽ ለመፍጠር.

3. ይፍጠሩ አዲስ ገጽበዎርድፕረስ. የዕውቂያ ቅጽ ለመጨመር ከእውቂያ ቅጽ 7 ቅንብሮች ገጽ ላይ ኮዱን በካሬ ቅንፎች ውስጥ በገጽዎ ላይ መለጠፍ ያስፈልግዎታል። ኮዱን በትክክል መለጠፍዎን ያረጋግጡ፣ ልክ ተሰኪው እንደሚያሳየው።

4. የእርስዎ ዎርድፕረስ አሁን አለው። የእውቂያ ቅጽ. ብቅ-ባይ ለማድረግ ወስነናል። ሞዳል መስኮትተጠቃሚው አገናኙ ላይ ጠቅ ካደረገ በኋላ. የ Easy FancyBox ፕለጊን ወደ ጨዋታ ይመጣል. በእሱ እርዳታ ማንኛውንም የገጽ አካል በብቅ-ባይ ውስጥ እንዲታይ ማድረግ ይችላሉ። የገጽ አርትዖትን ይክፈቱ፣ የTEXT ትርን ጠቅ ያድርጉ እና የሚከተለውን HTML ኮድ ያክሉ።

ያግኙን

5. ያ ነው፣ አሁን የእውቂያ ቅጹን በብቅ ባዩ መስኮት ውስጥ “የሚጀምር” አገናኝ አለን። እንኳን ደስ አላችሁ! ትክክለኛውን ስፋት፣ ቁመት እና የመልእክት መልእክቶች ለማሳየት የኢሜል ቅጾችዎን CSS ማስተካከል ሊኖርብዎ ይችላል። ሊሆኑ የሚችሉ ስህተቶችበሚሞሉበት ጊዜ. ለመጀመር ይህ በቂ መሆን አለበት።

ጤና ይስጥልኝ ውድ አንባቢ፣ በዚህ ጽሑፍ ውስጥ እንዴት በዎርድፕረስ ጣቢያዎ ላይ ብቅ ባይ አድራሻ መፍጠር እንደሚችሉ አሳያችኋለሁ። ብዙውን ጊዜ የራስዎን ድር ጣቢያ ወይም ብሎግ ሲገነቡ ችሎታውን መጫን ያስፈልግዎታል ተግባራዊ ግንኙነቶችከበይነመረቡ ምንጭ ጎብኝዎች ጋር። በዚህ አጋጣሚ ለ WordPress ብቅ-ባይ ግብረ-መልስ ቅጽ ጠቃሚ ይሆናል, ይህም ለመመስረት ይረዳል ፈጣን ግንኙነትከተጠቃሚዎች ጋር.

ለዎርድፕረስ ብቅ ባይ የግብረ መልስ ቅጽ ለምን ያስፈልግዎታል?

የአጠቃቀም ምክንያቶች

ይህ ቅጽ ለምን እንደሚያስፈልግ እንመልከት

  1. በማስቀመጥ ላይ ነጻ ቦታበድር ጣቢያው ላይ. የእውቂያ ቅጹ በየትኛውም ቦታ ሊቀመጥ ይችላል-በግርጌ ወይም ራስጌ ውስጥ, በገጹ ዋና ይዘት ውስጥ, እንደ ተንሳፋፊ አዝራር, ወዘተ.
  2. ውጤታማ ገጽታ. የአዲሱ መስኮት ገጽታ አኒሜሽን አስደሳች እና ያልተለመደ ይመስላል
  3. ተገኝነት። በጣቢያው ላይ ከየትኛውም ቦታ ሆነው ግቤቶችን በዚህ ቅጽ ውስጥ መተው ይችላሉ; ተጠቃሚዎች ወደ ዋናው ገጽ መመለስ አያስፈልጋቸውም.

ተጨማሪ ጉርሻ፡ ቅጹን ለማሻሻል እና ለጣቢያዎ ፍላጎት ለማበጀት ቀላል ነው። ለዎርድፕረስ ብቅ ባይ የግብረ መልስ ቅጽ ጥሪን፣ አገልግሎትን ወይም ምርትን ለማዘዝ ወይም ለደንበኝነት ለመመዝገብ በመክፈቻ መስኮት መልክ ሊቀርብ ይችላል። ከተፈለገ ማከል ይችላሉ የእይታ ውጤቶች፣ የተለያዩ ምስሎች ፣ ወዘተ.

ብቅ ባይ ቅጽ ለመጫን ተሰኪዎች

በ wordpress ውስጥ ብቅ-ባዮችን ለማዘጋጀት የሚያስፈልጉትን መሳሪያዎች እንይ - ልዩ መተግበሪያለድር ጣቢያዎች ልማት እና ፈጠራ።

የእውቂያ ቅጽ 7

ይህ ፕለጊን ቅጹን ለመንደፍ በቀጥታ ጥቅም ላይ ይውላል. እሱን ለመጫን የሚከተሉትን ደረጃዎች ይከተሉ።

ቀላል FancyBox

ይህ ፕለጊን ብቅ ባይ መስኮትን ለመፍጠር ተስማሚ ነው። ተከታይ ቀላል መጫኛ FancyBox የቀደመውን ተሰኪ ከመጫን ጋር ተመሳሳይ ነው።

ተሰኪዎችን በማዘጋጀት ላይ

የ Easy FancyBox add-on ቅንብሮችን በሚዲያ ፋይሎች በኩል ማዋቀር ይችላሉ። የምናሌ አማራጮችን “ቅንብሮች” -> “የሚዲያ ፋይሎችን” ተጠቀም።

ከታች በሚከፈተው ብሎክ ውስጥ መደበኛ ቅንብሮችየፕለጊኑ ግቤቶች ራሱ ይቀመጣሉ. ብዙውን ጊዜ ከ "ምስሎች" ንጥል ቀጥሎ ምልክት አለ, ይህም ምስሉን ሲጫኑ ብቅ ባይ መስኮት እንደሚነቃ ያሳያል. ሌሎች ካሉ እሱን ለማስወገድ ይመከራል ተጨማሪ መሳሪያዎችብቅ-ባይ እነማ ሲፈጥሩ ምስሎች ሁለት ጊዜ ይከፈታሉ.

ግን ያ ብቻ አይደለም። ከ “የውስጥ መስመር ይዘት” ቀጥሎ ባለው ሳጥን ላይ ምልክት ያድርጉ።

ማንኛውም ሰው ወደ ተሰኪው ቅንጅቶች የበለጠ ዘልቆ ገብቶ ወደ ራሳቸው ምርጫ ሊያቀናጃቸው ይችላል።

ጠቃሚ ምክር፡ ቅጹ ሁል ጊዜ ክፍት እንዲሆን ከፈለጉ፣ ከዚያ ምልክት ያንሱ ቀላል ቅንብሮችየ FancyBox አመልካች ሳጥን ከ "ተደራቢ ሲጫኑ FancyBox ዝጋ" አማራጭ, ይህም አይጤው ከእሱ ውጭ ሲጫን መስኮቱን የመዝጋት ተግባር ያከናውናል.

ደረጃ በደረጃ መመሪያዎች

ደህና ፣ ከ “አሰልቺ” ጋር ቅድመ ዝግጅትተከናውኗል ፣ አሁን ወደ “ጣፋጭ” ክፍል እንሂድ - እንዴት ፣ በእውነቱ ፣ ብቅ-ባይ ግብረ-መልስ ቅጽ እንዴት ተዘጋጅቷል የ wordpress ግንኙነቶች.

የቅጹን መስኮት ማስተናገድ

ከየት እንጀምር? እርግጥ ነው, ጋር ቅድመ ዝግጅትቅጹ ራሱ. በቀኝ ምናሌው ውስጥ "የእውቂያ ቅጽ 7" ን እና በመቀጠል "አዲስ አክል" የሚለውን አማራጭ ይምረጡ.

ለቅጹ አዲስ ስም ይምጡ, ለምሳሌ, "ሙከራ", በሚከፈተው መስኮት ውስጥ የግቤት መስክ ውስጥ ያስገቡት, "ርዕስ" የሚለው ጽሑፍ የሚገኝበት እና "አስቀምጥ" ቁልፍን ጠቅ ያድርጉ. የቅጹን አብነት እራሱን ጨምሮ ሌሎች መለኪያዎች መቀየር ይችላሉ ነገርግን አንነካውም። አሁን ዋናው ግባችን ብቅ-ባይ ቅጾችን እንዴት መፍጠር እንደሚቻል መማር ብቻ ነው።

ውጤቱን ተመልከት. እንደምታየው፣ ተሰኪው በኋላ ቅጹን ለማሳየት የሚያገለግል ልዩ አጭር ኮድ ፈጠረ። እሱን መቅዳት ያስፈልግዎታል።

የቅጽ ውፅዓት

አሁን ወደ ፕሮግራሚንግ እንውረድ። አዲስ የፕሮግራም ኮድበጣቢያው ላይ በማንኛውም ቦታ ለምሳሌ በ "እውቂያዎች" እና ሌሎች ውስጥ ማስገባት ይቻላል. በእኛ ምሳሌ አዲስ ቅጽበመግብር ውስጥ ይታያል. በምናሌው ውስጥ "መልክ" የሚለውን ይምረጡ እና "መግብሮችን" ን ጠቅ ያድርጉ, ከዚያም በሚከፈተው መስኮት ውስጥ "ጽሑፍ" የሚለውን አማራጭ ጠቅ ያድርጉ.

አሁን "መግብር አክል" ቁልፍን ጠቅ ያድርጉ

የሚከተለውን ኮድ ወደ የይዘት ግቤት መስክ ይለጥፉ፡

ደብዳቤ ጻፍ

ውጤቱም እንደዚህ ይመስላል

እባክዎ በምሳሌው ላይ ከተጠቀሰው አጭር ኮድ ይልቅ አዲስ ቅጽ በመፍጠር ምክንያት የፈጠሩትን መግለጽ ያስፈልግዎታል።

በተጨማሪም ቅጹን ማስተካከል ይቻላል፡ የግቤት መስኮችን መጨመር ወይም ማስወገድ፣ የመጀመሪያ እና/ወይም የመጨረሻ ጽሑፍን ከቅጹ በፊት እና በኋላ አስገባ፣ ጽሑፉን ወደ አርእስት መቀየር ወይም እንደ የተለየ ብሎክ ማሳየት፣ የተለያዩ ስታይል፣ ቦታ ያዥ፣ ወዘተ. ጊዜ እና ምኞት ቢኖር ኖሮ!

አገናኝ ቅጥ

ምስላዊ መልኩን ለማሻሻል አገናኙን ወደ አዝራር ለመቀየር ሁለት መንገዶችን እንመልከት።

ዘዴ 1: ተጨማሪ የገጽታ ቅጦችን መጠቀም.

የሚከተለውን ኮድ እንደሚከተለው ማስገባት ይቻላል፡-


የፕሮግራሙ ኮድ ራሱ እንደዚህ ይመስላል

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 /***** ማገናኛን በአዝራር መልክ በማሳየት ላይ****/ .contact-us a( ህዳግ: ራስ-ሰር; /* መሃሉ ላይ ያለውን እገዳ ማመጣጠን*/ ማሳያ: ማገድ; ስፋት: 199 ፒክስል; /* የአዝራር መጠን*/ ንጣፍ: 11 ፒክስል 22 ፒክስል; / * የውስጥ ንጣፍ * / ድንበር: 1 ፒክስል ጥቁር; የመግለጫ ፅሁፉን መሃል በማድረግ */ ቀለም፡#ffffff; ጠቋሚውን ሲያንዣብቡ የቀለም ማያያዣዎች**/ .contact-us a:hover (-moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111;box-shadow:0 0 7px # 111; -moz-transition: ሁሉም 0.6s ቀላል; -webkit-ሽግግር: ሁሉም 0.6s ቀላል;

/***** ማገናኛን በአዝራር መልክ በማሳየት ላይ****/ .contact-us a( ህዳግ: ራስ-ሰር; /* መሃሉ ላይ ያለውን እገዳ ማመጣጠን*/ ማሳያ: ማገድ; ስፋት: 199 ፒክስል; /* የአዝራር መጠን*/ ንጣፍ: 11 ፒክስል 22 ፒክስል; / * የውስጥ ንጣፍ * / ድንበር: 1 ፒክስል ጥቁር; የመግለጫ ፅሁፉን መሃል በማድረግ */ ቀለም፡#ffffff; ጠቋሚውን ሲያንዣብቡ የቀለም ማያያዣዎች**/ .contact-us a:hover (-moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111;box-shadow:0 0 7px # 111; -moz-transition: ሁሉም 0.6s ቀላል; -webkit-ሽግግር: ሁሉም 0.6s ቀላል;

ውጤቱ እንደዚህ ያለ ቁልፍ ነው-

ኮዱ የትኛው ግቤት ለየትኛው ተጠያቂ እንደሆነ አስቀድሞ ይናገራል። አሁን ሁሉም ሰው እንደወደደው ኮዱን ማርትዕ ይችላል, በተለያዩ ቅጦች እና ቀለሞች መሞከር እና ለ ብቅ-ባይ በጣም ተስማሚ አገናኝ መፍጠር.

ዘዴ 2 - ምስልን እንደ አዝራር ይጠቀሙ. በመጀመሪያ, አስፈላጊውን ምስል ወደ ጣቢያው ይስቀሉ (የሚወዱትን ማንኛውንም ምስል, የግድ በአዝራር መልክ አይደለም - ምንም አይደለም). ይህንን ለማድረግ "ሚዲያ" -> "አዲስ አክል" የሚለውን ጠቅ ያድርጉ እና የሚፈልጉትን ምስል ይምረጡ. የፋይሉ ቋሚ ማገናኛ በምስሉ በስተቀኝ (በ በዚህ ምሳሌ http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg) ገልብጠው ወደ ኮዱ ያክሉት (ጥቅሶቹን አያስወግዱ)

"ፊደል ጻፍ" ከሚለው ጽሁፍ ይልቅ የተገኘውን ኮድ ወደ ቅጹ ዋናው የውጤት ኮድ ያክሉ።

1

የእኔ ድር ጣቢያ ከታች ባለው ቅጽበታዊ ገጽ እይታ ላይ የሚታየውን ቁልፍ አሳይቷል፡

እና በመጀመሪያው ዘዴ የተገለጸውን ተጨማሪ ዘይቤ ከተዉት ቁልፉ ምን ይመስላል

ወደ ምናሌ ያክሉ

ለዎርድፕረስ ብቅ ባይ ግብረ መልስ ቅጽ በቀጥታ ከምናሌው እንዲጠራ የሚከተለውን ኮድ መጠቀም አለቦት

1 2 3
  • ደብዳቤ ጻፍ
  • ደብዳቤ ጻፍ
  • በመጀመሪያ ይህንን ኮድ የት በትክክል ማስገባት እንዳለቦት ማወቅ ያስፈልግዎታል. በ"መልክ" በኩል ወደ "አርታዒ" ይሂዱ እና ከአብነቶች መካከል "ራስጌ (header.php)" የሚለውን ይምረጡ.

    አሁን የምናሌ ኮድ የሚገኝበትን ቦታ ያግኙ. አግኝ የሚከተለው መረጃ:

    1 2