მთავარი Საოფისე ტექნიკა ჩადეთ პოსტები WordPress გვერდზე. შესრულებადი php კოდი WordPress პოსტებში

ჩადეთ პოსტები WordPress გვერდზე. შესრულებადი php კოდი WordPress პოსტებში

არის სიტუაციები, როდესაც ძალიან მოსახერხებელია PHP პროგრამირების ენის სრული პოტენციალის გამოყენება ტექსტში სტატიების წერისას. ჩვენ ვსაუბრობთ სტატიებზე WordPress-ისთვის.

ვინც ცდილობდა რაიმე PHP კოდის დაწერას პოსტში იმ იმედით, რომ ის იმუშავებს, იცის, რომ WordPress განიხილავს ასეთ კოდს, როგორც უბრალო ტექსტს. თუმცა, ზოგჯერ მოსახერხებელია სტატიის წერისას, მაგალითად, რაიმე სახის გამომავალი ციკლის გაშვება პირდაპირ ტექსტში, რადგან ასეთი სტატიის შინაარსი დინამიურად განახლდება. კიდევ ერთი მაგალითი იქნება პოსტში მზა ფუნქციების გამოძახების შესაძლებლობა, საჭიროების შემთხვევაში, ან, მაგალითად, ჩასვათ PHP ფაილი პოსტის ტექსტში php ფუნქციის მოითხოვს():

მოითხოვეთ "my_script.php";

ზოგადად, აქ ფანტაზია უსაზღვროა და სიმართლე ისაა, რომ სტატიის ტექსტში php-ის გამოყენების შეუძლებლობა ზოგიერთ შემთხვევაში შეიძლება რეალურ პრობლემად იქცეს. ოდესღაც ასეთი პრობლემა შემხვდა, რაღაც მოდულის კოდის აღებით და ოდნავ შეცვლით მოვაგვარე (სახელი ახლა არ მახსოვს).

ასე რომ, ჩასმის უნარის განსახორციელებლად შესრულებადი PHP სკრიპტები სტატიის/პოსტის ან სტატიკური გვერდის ტექსტში, თქვენ უნდა დაამატოთ შემდეგი კოდი თემის functions.php ფაილში, რომელიც ჩვენთვის ალბათ მტკივნეულად ნაცნობია:

## შესრულებადი PHP კოდი WordPress პოსტის შინაარსში. ## PHP_code ## ## @ვერსია: 1.0 if("შესრულებადი PHP კოდი შიგთავსში")( add_filter("the_content", "content_exec_php", 0); ფუნქცია content_exec_php($content)( return preg_replace_callback("/\( . +?)\[\/exec\]/s", "_content_exec_php", $content); ) ფუნქცია _content_exec_php($matches)( if(" off" === $matches)( დაბრუნება "\n\n<"."pre>". htmlspecialchars($matches) ."\n\n"; ) else (eval("ob_start(); ($matches); \$exec_php_out = ob_get_clean();"); დაბრუნება $exec_php_out; ) ))

კოდის დამატების შემდეგ შესაძლებელი იქნება ამ ტიპის კონსტრუქციის გამოყენება სტატიებში:

Php კოდი

Მაგალითად:

// გლობალური კომენტარი $wp_version; echo "WP მიმდინარე ვერსია: $wp_version";

კოდის შესრულების გამორთვისთვის შეგიძლიათ გამოიყენოთ შემდეგი კონსტრუქცია. ის უბრალოდ აჩვენებს კოდს, თითქოს ჩვენ ჩავდეთ php კოდი ტექსტად.

Php კოდი

მნიშვნელოვანია დაცვის შესახებ

რაც უნდა გვახსოვდეს არის ის, რომ ყველას შეუძლია გამოიყენოს ეს ფუნქცია, რომელიც არის უსაფრთხოების უზარმაზარი ხვრელი, რადგან თუ ვინმეს აქვს წვდომა სტატიების დაწერაზე, მათ შეუძლიათ მარტივად გააკეთონ ის, რაც სურთ საიტთან.

ამ ჰაკის შესაძლო მავნე შედეგებისგან თავის დასაცავად, შეგიძლიათ გააკეთოთ შემდეგი მარტივი დაცვა (რაც მაშინვე გამახსენდა): ჩართეთ php კოდის კონსტრუქციის შესრულება მხოლოდ იმ შემთხვევაში, თუ, მაგალითად, პოსტს აქვს რაიმე მორგებული ველი ან, ვთქვათ, პოსტი დაიწერა 00 წუთში. ბუნებრივია, მხოლოდ თქვენ გეცოდინებათ ეს ხრიკი, რომელშიც კოდი შესრულდება და, შესაბამისად, მხოლოდ თქვენ გექნებათ შესაძლებლობა ჩადოთ PHP კოდი სტატიაში.

ეს ფუნქცია დაგეხმარებათ წაშალოთ ათეული არასაჭირო დანამატი, რომლებიც ჩააქვთ ნებისმიერი მარტივი მონაცემი პოსტის სხეულში წინასწარი დამუშავების შესაძლებლობით. ვთქვათ, ჩადეთ adsense ბლოკი სადმე. ან დოლარის კურსი განახლებულია რეალურ დროში. ან WP მონაცემთა ბაზაში ან მესამე მხარის ცხრილში შენახული ნებისმიერი მნიშვნელობა.

ზოგჯერ საჭიროა მიმდინარე თარიღის ჩასმა ტექსტის შუაში. ანუ თარიღი არის არა პოსტის გამოქვეყნების მომენტში, არამედ მიმდინარე თარიღი მკითხველის თვალსაზრისით. ან ნებისმიერი სხვა ცვალებადი ინფორმაცია ან JS კოდი ძრავის შემდგომი დამუშავების გარეშე. ან რაღაც, რაც ხელახლა უნდა გამოითვალოს ყოველ ჯერზე, როცა გვერდი განახლდება, და ეს რაღაც უნდა იყოს პოსტის მთავარ ნაწილში. ან... კარგი, მგონი გესმის. :)

ჩვენ დავწერთ დანამატს! ის ძალიან მარტივია და არ საჭიროებს ცოდნას WP დანამატების შესაქმნელად. მისი ერთადერთი ნაკლი არის WP-ის ადმინისტრაციულ პანელში „სახის“ არარსებობა, ანუ, არ იქნება რაიმე მომხმარებლისთვის მისი მიწოდება. მაგრამ თქვენი საჭიროებისთვის ვარიანტი შესანიშნავია.

საქაღალდეში /wp-content/plugins/ შექმენით ფაილი უნიკალური სახელით, ვთქვათ, "insert-any-data-into-post.php". პირველ რიგში, ჩვენ ვწერთ კომენტარების ბლოკს, რომელსაც WP შემდგომში გააანალიზებს მოდულის აღსაწერად მის ადმინისტრაციულ პანელში. შეგიძლიათ დაწეროთ თქვენთვის სასურველი ნებისმიერი მონაცემი, შემდეგ დააკავშიროთ მოკლე კოდი და დაწეროთ მარტივი ფუნქცია. ყველა კოდი:

მოკლედ, სულ ესაა. :) ფუნქციის შიგნით შეგიძლიათ გააკეთოთ ნებისმიერი მოქმედება, მიიღოთ და დაამუშავოთ ნებისმიერი მონაცემი. ზემოთ მოყვანილ მაგალითში, პოსტის ნებისმიერ ადგილას დიზაინის დაწერისას, მიმდინარე თარიღი გამოჩნდება იმ დროს, როდესაც ვიზიტორმა ნახა ეს პოსტი.

თქვენ ასევე შეგიძლიათ შეიყვანოთ სხვადასხვა პარამეტრი ამ ფუნქციაში. ვთქვათ, ქვემოთ მოცემული კოდი აფართოებს ჩვენს ფუნქციას და ამატებს არა მხოლოდ მიმდინარე თარიღის, არამედ გუშინ/ხვალის ჩვენების შესაძლებლობას და ასევე საშუალებას გაძლევთ შეცვალოთ თარიღის ტიპი.

ფუნქცია give_me_date_handler ($atts) (//ატრიბუტების მასივიდან ჩვენ ვაკეთებთ დაშვებულ ცვლადებს და ვაყენებთ ნაგულისხმევ მნიშვნელობებს, სურვილისამებრ, მაგრამ მოსახერხებელ ამონაწერს(shortcode_atts(array("type" => "გუშინ, დღეს, ხვალ", "format" => "მოკლე ,სრული"), $atts)); //მოდით გავარჩიოთ რა თარიღი გვჭირდება შეცვლა ($type) (შემთხვევა "ხვალ": $time = strtotime("+1 დღე"); შესვენება; შემთხვევა "გუშინ" : $time = strtotime("-1 დღე"); შესვენება; ნაგულისხმევი: $time = დრო(); ) // გამეორება თარიღის ტიპზე if ($format == "მოკლე") $date = date("d.m.Y" , $time); სხვა $date = თარიღი ("r", $time); დაბრუნება $date; )

ჩვენი ფუნქციის ცვლადები დაყენებულია თეგის საშუალებით პოსტში, როგორიცაა:

ზემოთ დაწერილი ტეგის შედეგი: 21.08.2019

სკრინშოტი პოსტის რედაქტირების ადმინისტრატორის ზონიდან:

ფუნქციის საშუალებით შეგიძლიათ ამოიღოთ მონაცემები მონაცემთა ბაზიდან და დააბრუნოთ ისინი; შეგიძლიათ უბრალოდ დააბრუნოთ JS კოდი, მოხერხებულობისთვის ჩაახვიოთ ob_start() და ob_end_clean(). თქვენ ასევე შეგიძლიათ შექმნათ რამდენიმე მოკლე კოდი და, შესაბამისად, რამდენიმე ფუნქცია, რითაც ერთ ფაილში/პლაგინში მოათავსეთ ყველა საჭირო „ჩასმა“ პუბლიკაციის შიგნით გამოსაყენებლად.

ზოგადად, სასარგებლო რამ!

- 5.0 5-დან 2 ხმის საფუძველზე

წინა სტატიაში ჩვენ განვიხილეთ ჩვენი WordPress ბლოგისთვის და აქ ჩვენ გადავხედავთ, თუ როგორ ემატება პოსტები (შენიშვნები) WordPress-ში.

WordPress-ში ორი ტიპის შინაარსია, პოსტები ან როგორც მათ ასევე უწოდებენ შენიშვნებს და გვერდებს. პოსტები არის დინამიური შინაარსი, რომელიც, როგორც წესი, მუდმივად ჩნდება ბლოგზე გარკვეულ განყოფილებებში.

რაც შეეხება გვერდებს, ეს არის ჩვეულებრივი სტატიკური გვერდები, რომლებითაც შეგიძლიათ შექმნათ, მაგალითად, გვერდი ავტორის შესახებ ან ბლოგი.

პოსტის შესაქმნელად გადადით WordPress-ის ადმინისტრაციულ პანელზე: "პოსტი" >> "ახლის დამატება".

შედეგად, ჩაიტვირთება ტექსტური რედაქტორი, რომლის ინსტრუმენტების გამოყენებით შეგიძლიათ ტექსტის ფორმატირება, ისევე, როგორც ამას აკეთებთ MS Word რედაქტორში.

1. მინდორში "შეიყვანეთ სათაური", მიუთითეთ პოსტის სათაური.

2. პანელის გამოყენება "ჩატვირთვა/ჩასმა", შეგიძლიათ ჩამოტვირთოთ და ჩასვათ საჭირო სურათები და მედია ფაილები თქვენს პოსტში.

3. „ვიზუალური“ და „HTML“ ჩანართების გამოყენებით შეგიძლიათ გადახვიდეთ HTML კოდის რედაქტირებაზე ან დარჩეთ ვიზუალურ გარემოში მუშაობაზე.

4. პანელის ხელსაწყოების გამოყენებით, შეგიძლიათ ტექსტის ფორმატირება. შესაბამის ხატულაზე დაწკაპუნებით, გაიხსნება დამატებითი პანელი ძალიან სასარგებლო ხელსაწყოებით.

ჯერ დაამატეთ პოსტის სათაური, მას შემდეგ რაც დაასახელებთ სათაურს და მოათავსებთ კურსორს რედაქტორის ტექსტურ ველში, ავტომატურად წარმოიქმნება მუდმივი ბმული სათაურის ქვეშ, რომელიც გამოყენებული იქნება ამ პოსტისთვის. გაკვეთილზე დავაყენეთ მუდმივი ბმულები: "".

ტექსტის ჩასმა.

თუ თქვენ ამზადებთ თქვენს ტექსტებს MS Word რედაქტორში, მაშინ არ დააკოპიროთ ისინი პირდაპირ რედაქტორის ფანჯარაში, გამოიყენეთ "Paste from Word" ინსტრუმენტი.

ამისათვის დააკოპირეთ ტექსტი Word-ში, შემდეგ გადადით WordPress-ის რედაქტორში და დააწკაპუნეთ "Paste from Word" ხატულაზე, შემდეგ ჩასვით ტექსტი ფანჯარაში, რომელიც იხსნება და დააჭირეთ ღილაკს "Paste".

თუ ტექსტს Word-დან პირდაპირ WordPress ტექსტურ რედაქტორში ჩასვით, მაშინ ტექსტის უკან დააკოპირებთ უამრავ არასაჭირო კოდს, რომელიც პასუხისმგებელია ტექსტის ფორმატირებაზე. შედეგად, თქვენ გაზრდით თქვენი გვერდის ზომას, გარდა ამისა, დიდი რაოდენობით არასაჭირო კოდის არსებობას საძიებო სისტემები არც თუ ისე კარგად ეპყრობიან.

ჩადეთ სურათი ტექსტში.

სურათის ტექსტში ჩასართავად, მოათავსეთ კურსორი ტექსტის იმ ადგილას, სადაც გსურთ სურათის ჩასმა და დააწკაპუნეთ ხატულაზე „სურათის ჩასმა“:

შედეგად, ფანჯარა იტვირთება სამი ჩანართი. "კომპიუტერიდან" ჩანართის გამოყენებით, შეგიძლიათ ჩამოტვირთოთ და ჩასვათ თქვენს კომპიუტერში მდებარე ნებისმიერი სურათი. ჩანართის "საიდან" გამოყენებით შეგიძლიათ მიუთითოთ გზა იმ სურათისკენ, რომელიც უკვე მდებარეობს ნებისმიერ საიტზე, ხოლო "ფაილი ბიბლიოთეკის" ჩანართის გამოყენებით შეგიძლიათ ჩადოთ ნებისმიერი სურათი მედია ბიბლიოთეკიდან. მედია ბიბლიოთეკა ინახავს ყველა ფაილს, რომელიც ადრე ჩამოტვირთეთ.

მაგალითად, მოდით ჩავსვათ სურათი კომპიუტერიდან. ამისათვის დააჭირეთ ღილაკს "ფაილების არჩევა", აირჩიეთ სასურველი სურათი და დააჭირეთ ღილაკს "გახსნა". შედეგად, სურათი იტვირთება. სურათის ატვირთვის შემდეგ, თქვენს წინაშე გამოჩნდება ფანჯარა, რომლის ინსტრუმენტების გამოყენებით შეგიძლიათ დააყენოთ სურათის გარკვეული ატრიბუტები.

ველი "სათაური" აუცილებელია. სურვილისამებრ შეგიძლიათ შეავსოთ დარჩენილი ველები „ტექსტი“, „ხელმოწერა“ და „აღწერა“.

"ბმულის" ველში შეგიძლიათ დააყენოთ ბმული, რომელიც გადადის სურათზე. ნაგულისხმევად, ბმული მიდის სურათზე, თუ დააწკაპუნებთ ღილაკზე "ბმული გამოქვეყნებამდე", მაშინ სურათიდან ბმული გადავა თავად პოსტზე, თუ დააჭირეთ ღილაკს "არა", მაშინ არ იქნება ბმული.

"Alignment" პუნქტში შეგიძლიათ დააყენოთ სურათის პოზიცია გვერდზე.

"Size" პუნქტში შეგიძლიათ დააყენოთ სურათის ზომა.

ყველა პარამეტრის დაზუსტების შემდეგ დააწკაპუნეთ ღილაკზე „ჩასმა პოსტში“ და სურათი ჩაიდება.

ჩადეთ "შემდეგი" ტეგი.

აირჩიეთ ჩაწერის ფორმატი.

WordPress-ის 3.X ვერსიით დაწყებული, დაინერგა პოსტის ფორმატები. ფორმატების გამოყენებით, შეგიძლიათ აირჩიოთ პოსტის ჩვენების კონკრეტული ტიპი. ეს ფუნქცია შაბლონის შემქმნელებს საშუალებას აძლევს შექმნან სხვადასხვა ტიპის პოსტები მათი საჭიროებიდან გამომდინარე. WordPrees-ში დაინსტალირებული შაბლონი ნაგულისხმევად იყენებს პოსტის ჩვენების სამ ფორმატს:

პოსტის ფორმატების არჩევა შესაძლებელია პანელში რედაქტორის მარჯვნივ. პოსტის ფორმატები ხელმისაწვდომია მხოლოდ WordPress თემების ვერსიაში 3.X. სულ 10 პოსტის ფორმატია მხარდაჭერილი, მათი ხელმისაწვდომობა დამოკიდებულია თქვენს მიერ გამოყენებულ თემაზე. ამა თუ იმ ფორმატის გამოყენებისას, მონიშნეთ მითითებულია შესაბამისი კლასი, რომლის დახმარებით მოცემულ პოსტის ფორმატს შეიძლება მიეცეს კონკრეტული დიზაინი CSS-ის გამოყენებით.

ახლახან ჩვენმა ერთ-ერთმა მკითხველმა იკითხა, იყო თუ არა საშუალება, რომ დაამატოთ შინაარსი WordPress გვერდიდან სხვა გვერდზე ან პოსტზე. ამ სტატიაში ჩვენ გაჩვენებთ, თუ როგორ უნდა ჩასვათ შინაარსი WordPress-ის ერთი გვერდიდან მეორე პოსტში, გვერდზე ან რაიმე სახის პოსტის ტიპში.

უპირველეს ყოვლისა, თქვენ უნდა დააინსტალიროთ და გაააქტიუროთ Insert Pages მოდული. გააქტიურების შემდეგ, უბრალოდ გადადით განყოფილებაში პოსტები » ახალის დამატებასაიტის ადმინისტრაციული პანელი, რათა ნახოთ ის მოქმედებაში.

თუ ვიზუალურ რედაქტორს იყენებთ, მენიუში შეამჩნევთ ახალ ღილაკს ე.წ "გვერდის ჩასმა".

მასზე დაწკაპუნებით გამოჩნდება ამომხტარი ფანჯარა, სადაც შეგიძლიათ აირჩიოთ გვერდი, პოსტი ან პირადი პოსტის ტიპი, რომლის დამატება გსურთ.

თქვენ შეგიძლიათ აირჩიოთ როგორ ჩასვათ პოსტში/გვერდზე დაწკაპუნებით Პარამეტრები. ნაგულისხმევად, შეგიძლიათ დაამატოთ სათაური, შინაარსი, ბმული ან აირჩიოთ მორგებული შაბლონი. ჩვენ უფრო მეტს გეტყვით მორგებული შაბლონების შესახებ მოგვიანებით სტატიაში.

პოსტის/გვერდის არჩევის შემდეგ დააჭირეთ ღილაკს გვერდის ჩასმა. დანამატი, რომ დაამატოთ მოკლე კოდი, რომელიც საჭიროა თქვენ მიერ არჩეული პოსტის/გვერდის საჩვენებლად.

თუ იყენებთ ტექსტის რედაქტორს თქვენი პოსტების დასაწერად, შეგიძლიათ ხელით ჩასვათ მოკლე კოდი. მოკლე კოდის ვარიანტები საკმაოდ მარტივია.

მოკლე კოდის გვერდის პარამეტრი იღებს გვერდის შლაგს ან მის ID-ს. გთხოვთ გაითვალისწინოთ, რომ slug შეიძლება იყოს ნებისმიერი ტიპის პოსტი და არა აუცილებლად გვერდი.

თქვენ ასევე შეგიძლიათ მიუთითოთ შესვლის ID. ჩვენ უკვე დავწერეთ იმის შესახებ, თუ როგორ უნდა გავარკვიოთ პოსტის ID WordPress-ში.

პერსონალური პოსტის ტიპების დამატება ბლოგის ჩანაწერებში

WordPress-ის გამოყენებით, შეგიძლიათ დაამატოთ ნებისმიერი ტიპის შინაარსი სხვადასხვა ტიპის შინაარსისთვის პოსტის ტიპების შექმნით.

Insert Pages მოდული საშუალებას გაძლევთ დაამატოთ პერსონალური პოსტის ტიპები გვერდებსა და ბლოგ პოსტებზე. მაგალითად, შეგიძლიათ შექმნათ პერსონალური პოსტის ტიპი სურათების გალერეისთვის და შემდეგ გამოიყენოთ გვერდების ჩასმა, რათა დაამატოთ ეს გალერეები თქვენს პოსტებსა და გვერდებზე.

ანალოგიურად, შეგიძლიათ შექმნათ პერსონალური პოსტის ტიპები ვიდეოებისთვის, პორტფოლიოებისთვის, მომხმარებელთა მიმოხილვებისთვის და ა.შ. რომ დაამატოთ ისინი პოსტებში/გვერდებზე.

ჩასმული გვერდების საჩვენებლად მორგებული შაბლონების გამოყენება

გვერდების ჩასმა საშუალებას გაძლევთ აჩვენოთ ჩასმული გვერდების სათაური, ბმული, შინაარსი ან ყველა ველი. თუმცა, ზოგიერთ მომხმარებელს შეიძლება დასჭირდეს უფრო დახვეწილი გამომავალი პარამეტრები. ამის მიღწევა შესაძლებელია პერსონალური შაბლონების გამოყენებით.

ყველაფერი რაც თქვენ გჭირდებათ არის შექმნათ ცარიელი php ფაილი და ატვირთოთ იგი თქვენს თემის საქაღალდეში. ფაილს შეიძლება დაერქვას ის, რაც გსურთ. მაგალითად, custom-author.php.

ეს მორგებული შაბლონი მუშაობს ზუსტად ისე, როგორც ნებისმიერი სხვა შინაარსის შაბლონის ფაილი თქვენს თემაში. ქვემოთ მოცემულია შაბლონის ფაილის მაგალითი, რომელიც შევქმენით ავტორის გვერდების საჩვენებლად.

შეგიძლიათ გამოიყენოთ პერსონალური CSS კლასები შაბლონის ფაილში და შემდეგ გამოიყენოთ სტილები თემის სტილის ფურცლის ფაილში. ჩვენ გამოვიყენეთ შემდეგი კოდი ავტორის გვერდის შესაქმნელად.

H3.author-name ( font-size:16px; ) .author-thumbnail ( float:left; padding:10px; ) .author-bio ( font-style:italic; font-family: Lora, Georgia, Serif; )

ასე გამოიყურება საბოლოო ვერსია:

ვიმედოვნებთ, რომ ეს სტატია დაგეხმარებათ დაამატოთ შინაარსი WordPress-ის ერთი გვერდიდან/პოსტიდან მეორეზე.

თუ თქვენ გჭირდებათ კოდის ჩასმა პოსტებში ან გვერდებზე WordPress ვებსაიტზე, მაშინ ჩვენი დღევანდელი პოსტი გამოგადგებათ. ეს შეიძლება იყოს სასარგებლო, მაგალითად, როდესაც თქვენ აქვეყნებთ პროგრამირების გაკვეთილებს და გჭირდებათ მცირე კოდის ფრაგმენტების ჩასმა თქვენს პოსტებში, როგორც ნიმუში. ყოველივე ამის შემდეგ, ძალიან ხშირად საჭიროა თქვენი მკითხველისთვის წყაროს კოდის ნიმუშების ჩვენება PHP, JavaScript, CSS ან პროგრამირების სხვა ენაზე.

ნაგულისხმევად, WordPress ფილტრავს ნებისმიერ ნედლეულ კოდს, რომელიც დამატებულია პოსტებში, გვერდებზე, ვიჯეტებში ან კომენტარებში. ეს კეთდება უსაფრთხოების მიზნით, რათა პროგრამის კოდი არ იყოს შესრულებადი. თუ, მაგალითად, ჯერ დაწერთ პოსტს Word-ში ან ნებისმიერ ტექსტურ რედაქტორში და შემდეგ ჩასვით ეს ტექსტი პოსტის რედაქტირების ველში WordPress-ის კონსოლში, ძრავა ავტომატურად გადააქცევს ზოგიერთ სიმბოლოს. მაგალითად, სიმბოლო< в режиме просмотра Текст будет преобразован в < . Т.е., если вы вставляете в Визуальном режиме, например, фрагмент кода, который начинается с

ფაქტობრივად, იგივე შედეგი იქნება, თუ არ ჩასვით საწყის ტექსტს, არამედ დაწერთ პირდაპირ ვიზუალური რედაქტორის რეჟიმში. მაგრამ, თუ თქვენ დაწერთ კოდს პირდაპირ ტექსტის რეჟიმში, მაშინ სისტემა, ისევ უსაფრთხოების მიზეზების გამო, კომენტარს გააკეთებს თქვენს კოდზე და საერთოდ წაშლის ზოგიერთ სპეციალურ სიმბოლოს.

სცადეთ, მაგალითად, დაწეროთ ტექსტის რეჟიმში:

ვიზუალურ რეჟიმში გადასვლისას (ან პოსტის გამოქვეყნების შემდეგ), სასურველ ტექსტს ვერ ნახავთ Გამარჯობა მსოფლიო!რადგან სისტემამ დამალა ის, რომ არ ყოფილიყო შესრულებადი. აქ მივედით პრობლემამდე: როგორ აჩვენოთ პროგრამის კოდი WordPress პოსტებში?

WordPress-ში კოდის ჩვენების მარტივი გზა

თქვენს პოსტებში კოდის დასამატებლად უმარტივესი გზაა პროგრამის კოდის შეფუთვა ტექსტურ რეჟიმში HTML ტეგით.

ეს ტეგი მიზნად ისახავს კოდის ჩვენებას ისე, როგორც ის დაბეჭდილია, ანუ ყველა ინტერვალით, სპეციალური სიმბოლოებით და მსგავსი.  რა თქმა უნდა, შესაძლებელი იქნებოდა არა ამ ტეგის გამოყენება, არამედ ყველა პროგრამის კოდის ერთდროულად დაწერა HTML ერთეულების გამოყენებით, მაგრამ ეს ძალიან რთული მიდგომაა.  გაცილებით ადვილია საჭირო კოდის დაწერა პუბლიკაციის რედაქტირების ვიზუალურ რეჟიმში, შემდეგ კი ტექსტის რეჟიმში გადართვა და სასურველი ფრაგმენტის თეგებით ჩარჩოში ჩასმა. 
........
, და ამავე დროს ყველა "საშიში" პროგრამირების სიმბოლო ავტომატურად გარდაიქმნება HTML ერთეულებად.

მაგალითად, ზემოთ მოცემული კოდი ტექსტის რეჟიმში ასე გამოიყურება:

მონიშნეთ

იდეალური ელემენტია კოდის დიდი ბლოკებისთვის, რადგან ის საშუალებას გაძლევთ შეინახოთ ყველა სივრცე, ჩანართი და მსგავსი.

კოდის მცირე ბლოკებისთვის შეგიძლიათ გამოიყენოთ HTML5 ტეგი, რომელიც სპეციალურად შექმნილია კოდისთვის - . WordPress-ის ტექსტის რედაქტირების რეჟიმში, ამისათვის სპეციალური მოკლე კოდიც კი არსებობს. პოსტის რედაქტირებისას აირჩიეთ სასურველი ფრაგმენტი და დააწკაპუნეთ კოდის ღილაკზე ხელსაწყოთა ზოლზე და ეს ფრაგმენტი ჩარჩება ტეგებით ........ .

მონიშნეთ

- დაბლოკვა და მონიშვნა — inline, ანუ ბრაუზერების უმეტესობა აჩვენებს მას ჩვენებად: inline;  და ის შეიძლება ნაჩვენები იყოს პირდაპირ აბზაცში და არა ახალ ხაზზე.

WordPress-ში კოდის ჩვენების რთული გზა

როგორც პროგრამის კოდის ჩვენების კომპლექსური გზა, მე ვაერთიანებ ამისთვის სპეციალურ დანამატებს (მაგალითად, Crayon Syntax Highlighter, Syntax Highlighter Evolved და სხვა). ვიღაცამ შეიძლება ამტკიცებს, რომ ეს, პირიქით, მარტივი მეთოდია, მაგრამ მე მჯერა, რომ ყველა სახის ლამაზი დანამატი მხოლოდ ართულებს ყველაფერს. ძალიან ხშირად შეგიძლიათ იპოვოთ სიტუაცია ვებსაიტებზე, როდესაც ადრე შექმნილი კოდი მოდულის მოკლე კოდების გამოყენებით კვლავ გამოჩნდება ბრაუზერში გარკვეული პერიოდის შემდეგ, მაგალითად:

მაგრამ უნდა იყოს ლამაზი დიზაინი და სინტაქსის ხაზგასმა. ძალიან ხშირად, ასეთი დანამატები არ არის თავსებადი ძრავის ახალ ვერსიებთან, ან ვებმასტერებს ხშირად ავიწყდებათ მათი განახლება. ან უარესი, ისინი იყენებენ რამდენიმე ამ დანამატს ერთდროულად.

დიახ, ასეთი დანამატები ძალიან კარგად აკეთებენ სინტაქსის ხაზგასმას JavaScript-ისა და CSS-ის გამოყენებით, მაგრამ ისინი ძირითადად საკმაოდ "მძიმეა" სისტემისთვის და ძირითადი სინტაქსის ხაზგასმა შეიძლება გაკეთდეს დანამატების გარეშე, რამდენიმე კლასის გამოყენებით div, span, კოდი და წინასწარ ტეგები, ასევე CSS სტილის რამდენიმე ხაზი.

Არჩევანი შენზეა!

და მე მსურს ჩავრთო მესამე მხარის სერვისების გამოყენება, როგორც WordPress გვერდებზე კოდის ჩასმის რთული მეთოდი. საკმაოდ ბევრი საიტია, სადაც შეგიძლიათ დაწეროთ თითქმის ნებისმიერი კოდი და ის გამოჩნდება ისე, როგორც უნდა. ასეთი სერვისების მაგალითები: CodePen, GitHub Gists და JSFiddle.

ისინი უზრუნველყოფენ ძალიან ლამაზ სინტაქსის ხაზგასმას და კოდის შესრულების შედეგის დემო ხედსაც კი, მაგრამ მათი სირთულე მდგომარეობს იმაში, რომ საჭიროა გამოიყენოთ iframes ან გარე JavaScript ბიბლიოთეკები ჩასართავად. ამ მეთოდს ვიყენებ მხოლოდ კოდის შესრულების შედეგის დემო ჩვენებისთვის.

დასკვნა

როგორც ხედავთ, WordPress-ის საიტზე კოდის დამატება არც ისე რთული ამოცანაა, მაგრამ ამისათვის თქვენ მაინც უნდა იცოდეთ ძირითადი გადაწყვეტილებები.

თუ თქვენ გაქვთ რაიმე სხვა გამოსავალი WordPress პოსტებზე/გვერდებზე კოდის დასამატებლად, გთხოვთ შეგვატყობინოთ ქვემოთ მოცემულ კომენტარებში.

სიახლე საიტზე

>

Ყველაზე პოპულარული