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

გამარჯობა!

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

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

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

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

5. პოსტ ბადე

სუპერ თანამედროვე, ადაპტირებადი პოსტ ბადე! ჰოვერის ეფექტების შერჩევა, პოსტების ფონის ფერის შერჩევა. გამომავალი კატეგორიების მიხედვით და ა.შ. როგორ დავაკონფიგურიროთ მოდული – //გამოიტანეთ პირველი სურათი პოსტის ფუნქციიდან first_post_image() ( გლობალური $post, $posts; $first_img = ""; ob_start(); ob_end_clean(); $output = preg_match_all("/

/i", $post->post_content, $matches); $first_img = $matches ; if(ცარიელი($first_img))($first_img = "/wp-content/themes/THEME/images/noimages.jpg"; / / მიუთითეთ გამოსახულების გზა, რომელიც ნაჩვენები იქნება ნაგულისხმევად ) დააბრუნეთ $first_img ) სკრიპტი ამოიღებს პირველ სურათს პოსტიდან, მაგრამ თუ ის იქ არ არის, ის აყენებს ნაგულისხმევ სურათს. ნაგულისხმევი სურათის საჩვენებლად ის უნდა შექმნათ, დაარქვით noimages.jpg და მოათავსოთ საქაღალდეშისურათები

. მე-11 სტრიქონში შეიყვანეთ გამოსახულების გზა.

მინიატურა შედის ყველა ფაილში, სადაც ჩანაწერები ნაჩვენებია ციკლში - ეს არის index.php, content.php, archive.php, category.php, single.phpდა ა.შ.,
დასაკავშირებლად, თქვენ უნდა ჩაწეროთ შემდეგი კოდი მარყუჟის განსაზღვრის შემდეგ, რომელიც ასე გამოიყურება:

თავად ჩვენი ფუნქციის გამომავალი კოდი:

" title="!}"> " alt="!}" />

მაგრამ ჩანაწერში თქვენ უნდა აჩვენოთ დაუწკაპუნებელი სურათი. ამისათვის საჭიროა single.phpდაამატეთ კოდი ბმულის გარეშე

" alt="!}" />

ახლა თქვენს თემაში არ იქნება პოსტები ესკიზების გარეშე.

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

სტატიის კიდევ ერთი მცირე დამატება.

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

" alt="!}" />

რა თქმა უნდა, თქვენ დაამატეთ თქვენი სტილის კლასები და დაამშვენებს მათ CSS-ში. მაშინ თქვენი ესკიზები ისე გამოიყურება, როგორც გჭირდებათ.

სულ ესაა, მადლობა ყურადღებისთვის :)

საოცარი ფუნქცია WordPress-ში!

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

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

ზოგადად, კარგი, მოკლედ, მინიატურა არის გადახედვის სურათი პოსტებისთვის, რომლებიც:

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

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

ნაბიჯი 1: ჩართეთ მინიატურების მხარდაჭერა თქვენი WordPress თემისთვის

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

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

თუ არ გსურთ ესკიზების ერთდროულად გამოყენება, შეგიძლიათ დააკავშიროთ ისინი, მაგალითად, მხოლოდ პოსტებისთვის:

ან მხოლოდ პოსტებისთვის და მხოლოდ გვერდებისთვის:

შესაძლებელია თუ არა მინიატურების მინიჭება WordPress ტაქსონომიას?

სტანდარტული საშუალებებით - არა. თქვენ შეგიძლიათ გამოიყენოთ ნებისმიერი დანამატი, რომელიც ამატებს (კატეგორიების და ტეგების ჩათვლით), ან დაწეროთ სურათის URL თქვენი კონკრეტული ტაქსონომიის ელემენტის აღწერაში.

ნაბიჯი 2. როგორ დავაყენოთ ესკიზი პოსტისთვის?

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

მეთოდი 1. Metabox „Post Thumbnail“

ის ასეთია:

ეს მაგალითი აჩვენებს პოსტის სათაურებს (ფუნქციას) და პოსტის ესკიზებს ბმულებით (ფუნქციით) თავად პოსტთან.

იგივე მაგალითი ფუნქციისთვის:

მინიატურების URL-ის მიღება wp_get_attachment_image_src() და get_post_thumbnail_id()

თუ გჭირდებათ დახმარება თქვენი ვებსაიტის ან შესაძლოა ნულიდან განვითარებისთვის - .

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

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

რა არის WordPress-ის მინიატურა და სად შემიძლია მისი გამოყენება?

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

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

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

WordPress თემის მხარდაჭერის შემოწმება ესკიზებისთვის.

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

თუ WordPress-ის მინიატურები დაკავშირებულია, მაშინ მარჯვენა სვეტში ჩვენ დავინახავთ ფანჯარას სახელწოდებით "გამოქვეყნების მინიატურა", ბმულით "Set Thumbnail".

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

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

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

WordPress-ის მინიატურების დაკავშირება და მისი ჩვენება სტატიის განცხადებაში.

WordPress-ის ესკიზების ჩვენს თემასთან დასაკავშირებლად, თქვენ უნდა გახსნათ functions.php ფაილი ადმინისტრაციულ პანელში, ან NotePad++ ტექსტური რედაქტორის გამოყენებით და ბოლოში, მანამდე?>, დაამატეთ შემდეგი კოდი:

Add_theme_support ("პოსტ ესკიზები");

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

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

თუ გაგიჭირდათ სწორი ადგილის პოვნა, მაშინ უბრალოდ იპოვეთ ეს კოდი:

ან ასე:

და მანამდე, ჩადეთ კოდი WordPress მინიატურების ჩვენებისთვის.

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

" title="!}">

ცოტა მეტი დეტალი იმის შესახებ, თუ რისგან შედგება ეს კოდი:

• 1. გახსნის ტეგი და დახურვა— თეგი, რომელიც განკუთვნილია ბმულების შესაქმნელად. ეს არის ის, ვინც მინიატურას ბმულად აქცევს.
• 2.href="" - სტატიის ბმული.
• 3. title="" — тайтл (заголовок) ссылки, который будет виден, при наведении на нее курсора. Берется из заголовка статьи.!}
• 4. - მინი გამოსახულების გამომავალი ფუნქცია.

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

Img.wp-post-image (მინიატურების სტილი აქ)

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

WordPress მინიატურების პარამეტრები.

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

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

The_post_thumbnail(); // სტანდარტული გამომავალი, პარამეტრების გარეშე, რაზეც ზემოთ ვისაუბრეთ. the_post_thumbnail("მინიატურა"); // სურათის უფრო მცირე ასლი (ნაგულისხმევი 150px x 150px). კონფიგურაცია შესაძლებელია ადმინისტრატორის პანელიდან, მაგრამ ზომა არ უნდა აღემატებოდეს 150 პიქსელს the_post_thumbnail("საშუალო"); // საშუალო ზომა (ნაგულისხმევი 300px x 300px). ადმინისტრატორის პანელიდან კონფიგურაციის შესაძლებლობა. the_post_thumbnail("დიდი"); // დიდი ზომა (ნაგულისხმევი 640px x 640px). ადმინისტრატორის პანელიდან კონფიგურაციის შესაძლებლობა. the_post_thumbnail("სრული"); // სრული ზომა (ორიგინალური სურათის ზომა). the_post_thumbnail(მასივი(100,100)); // თქვენი ზომები. შესაძლებელია ნებისმიერი სიგანის და სიმაღლის ზომების მინიჭება.

ერთ-ერთი ვარიანტის გამოსაყენებლად საკმარისია სტანდარტული კოდის შეცვლა (პარამეტრების გარეშე) რომელიმე შემოთავაზებულით.

და შესაბამისად, თითოეული პარამეტრისთვის არის სელექტორები css სტილის ფაილისთვის.

Img.wp-post-image img.attachment-thumbnail img.attachment-medium img.attachment-large img.attachment-full

პირდაპირი სელექტორის არჩევანი დამოკიდებულია ესკიზის პარამეტრების არჩევანზე.

ავტომატურად მიანიჭეთ WordPress-ის მინიატურა და აჩვენეთ იგი სტატიის განცხადებაში.

მაგრამ რა მოხდება, თუ საიტს აქვს შინაარსის საკმაოდ შთამბეჭდავი სია და ესკიზის ხელით დაყენება საკმაოდ პრობლემური იქნება. ამისთვის შეგვიძლია გამოვიყენოთ სხვა ფუნქცია, რომელიც ავტომატურად შექმნის მინი-სურათს სტატიის პირველი სურათიდან. ამისათვის, functions.php ფაილში ?>-ის შემდეგ დაამატეთ ფუნქცია:

/i", $post->post_content, $matches); $first_img = $matches; დაბრუნება $first_img;) ?>

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

"src="" alt="" width="150" /> !}

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

• 1. მონიშნეთ — ფაქტობრივად, ეს არის ეს ტეგი, რომელიც აჩვენებს სურათს, რადგან ფუნქცია თავად ამოიღებს პოსტიდან მხოლოდ პირველი სურათის ბმულს.
• 2. title="" — тайтл (заголовок) изображения, который можно увидеть при наведении курсора на миниатюру записи wordpress.!}
• 3.src="" - ბმული გამოსახულებაზე, რომელიც გამოჩნდება. როგორც ხედავთ, სწორედ აქ არის განთავსებული ფუნქცია, რომელიც პასუხისმგებელია მინი გამოსახულების ბმულზე.
• 4. alt="" — альтернативный текст изображения. В случаях, когда в браузере отключена загрузка изображений, будет появляться alt, как бы описывая, что здесь должно быть за изображение.!}
• 5. width="150" — ადგენს ესკიზის სიგანეს. ამ შემთხვევაში, გამოსახულება შემცირდება პირდაპირ პროპორციით, ფოკუსირებულია მითითებულ სიგანეზე.

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

და იმისათვის, რომ ეს შეცდომა გაქრეს, უბრალოდ შეცვალეთ იგი:

ამის შემდეგ ეს პრობლემა უნდა გაქრეს.

ბოლო, რისი გაკეთებაც დღეს შეგვიძლია, არის WordPress-ის მინიატურების ბმული. ამისათვის უბრალოდ გადაიტანეთ კოდი ტეგით სტატიის ბმულით:

" >"src="" alt="" width="150" /> !}

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