მიყვარხართ, ჩემი ბლოგის მკითხველებო!

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

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

როგორ შევქმნათ გალერეა WordPress-ზე

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

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

ამის შემდეგ გვაქვს ორი ვარიანტი:

1. შექმენით ამ სურათების გალერეა, რომელიც უკვე შედის ჩვენს ფაილთა ბიბლიოთეკაში;

2. ატვირთეთ ახალი ფაილები.

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

წინასწარ მოვამზადე მანქანების 4 სურათი.

ჩვენი სურათები პოპულარული გახდა. აქ მე ვხედავ 3 მნიშვნელოვან პუნქტს რიცხვებში:

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

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

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

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

WordPress-ზე გალერეის დაყენება

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

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

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

3. დაბლოკეთ მორგებული გალერეებიდან:

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

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

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

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

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

მნიშვნელოვანი მომენტი! თქვენ შეგიძლიათ შეცვალოთ ბრძანება და უბრალოდ გადაათრიოთ ისინი დათვთან ერთად!

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

4. ღილაკი „გალერეის ჩასმა“. მას შემდეგ რაც ყველაფერი დალაგებულია, ჩვენ ვაჭერთ.

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

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

მოდით გავაფორმოთ გალერეა WordPress-ზე

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

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

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

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

ერთი წუთით, გალერეაში სურათების დათვალიერება ბევრად უფრო ადვილი გახდა.

ახლა მოდით შევხედოთ კიდევ ერთ უფრო მნიშვნელოვან საკვებს.

როგორ შეცვალოთ WordPress გალერეა.

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

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

ძალიან მარტივი და მარტივია WordPress გალერეის შექმნა.

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

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

ზოგიერთ ძველ დროში ჩვენ ვიცით მოდულის დაყენების რეკომენდაცია, განსაკუთრებით თუ იყენებთ WordPress ძრავას მინიმუმ ორი რაუნდის განმავლობაში და დამოკიდებულია მის შესაძლებლობებზე. ტექსტის რედაქტორი, შეგიძლიათ შექმნათ გალერეები და დანამატების გარეშე ძველი ვერსია WordPress - 3.5, რომელიც სულ ახლახან გამოვიდა, საგრძნობლად გააუმჯობესა თავისი შესაძლებლობები ნებისმიერი მედია ფაილების რედაქტირებისა და დამატების კუთხით, შექმნა სპეციალური ფანჯარა უშუალოდ მათი ინტერესისა და არჩევანის არეალში. ბრწყინვალე იდეა, რომელიც შესაძლოა Google blogspot-ზე იყო წარმოდგენილი. მაგრამ ეს არც ისე მნიშვნელოვანია - მაგრამ ჩემთვის (და არანაკლებ) დისტრიბუტორების პატივისცემა!

როგორ შევქმნათ სურათების გალერეა WordPress საიტის გვერდებზე?

მოჯადოების მეთოდი

სიტყვებით არ აღვწერ, მაგრამ ვეცდები ნათლად ავხსნა ყველაფერი ეკრანის ანაბეჭდების დახმარებით. კარგი, მოდით დავამატოთ მედია ფაილი:

მისი გახსნა ყოველთვის შესაძლებელია (შესაძლებელია მხოლოდ 3.5-ით დაწყებული ვერსიებისთვის, მაგრამ ასევე შეგიძლიათ წვდომა 3.3-ით დაწყებულ ვერსიებზე, მე არ მწყალობთ - ის არ გამოჩნდება, მაგრამ გასაშლელი გალერეის ფუნქცია є). აირჩიეთ "გალერეის შექმნა":

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

ვიზუალური რედაქტორი აჩვენებს შემდეგ სურათებს:

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

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

ხელახლა გამკაცრება

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

1) გახსენით ფანჯარა მედია ფაილების დასამატებლად;

2) ღია საქაღალდე მჭირდებაკომპიუტერი, რომელზედაც ის დაინსტალირებულია და ისეთი ზომისაა, რომ საქაღალდეში მედია ფაილის ველი და ჩვენი რედაქტორის დამატების ფაილის ფანჯარა ჩანს

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

მარველი:

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

ამ ვიდეოში განვიხილავთ, თუ როგორ დავამატოთ სურათები და ფოტოები თქვენს გვერდზე გამოქვეყნებამდე. თუ გსურთ სურათის დამატება არსებულ ჩანაწერში ან გვერდზე, დაიწყეთ სურათი "ყველა ჩანაწერის" ჩანართიდან და აირჩიეთ ჩანაწერის რედაქტირების ვარიანტი. მაშ ასე, დავამატოთ მეტი სურათი ჩანაწერის დასასრულებლად, დავამატოთ მეტი ვიზუალურად. ადგილის შესარჩევად, სადაც გსურთ წასვლა, გააფართოვეთ და მოათავსეთ კურსორი იქ, შემდეგ დააწკაპუნეთ ღილაკზე „მედია ფაილის დამატება“ ფაილის დანართის მენიუში გადასასვლელად. ყველაფერი რაც თქვენ გჭირდებათ არის უბრალოდ გადაათრიეთ და ჩამოაგდეთ იქ საჭირო ფაილი. თქვენ ასევე შეგიძლიათ ჩამოტვირთოთ ფაილი თქვენი კომპიუტერიდან ღილაკის "Select File" გამოყენებით, ან აირჩიოთ ადრე გადმოწერილი ფაილი მედია ბიბლიოთეკიდან "File Library" პარამეტრის გამოყენებით. თქვენ ასევე შეგიძლიათ შექმნათ სურათების გალერეა, მაგრამ ამაზე უფრო დეტალურად მოგვიანებით ვისაუბრებთ. თქვენ ასევე შეგიძლიათ მიუთითოთ სპეციალური სურათი კანის ჩანაწერისთვის (მინიატურული ჩანაწერი), ან მიუთითოთ სურათის URL, რომელიც უნდა დაემატოს პირდაპირ Merezha-დან.

დამატებულია ფოტო

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

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

Handling მწკრივში შეგიძლიათ აირჩიოთ Left-handed ვარიანტი. ეს ნიშნავს, რომ სურათი შემობრუნდება მარცხენა მხარეს და ტექსტი შემოვა მარჯვენა მხარეს, ასევე შეგიძლიათ აირჩიოთ განლაგება ცენტრში (ცენტრში) ან მარჯვნივ (მარჯვნივ). მე ვირჩევ მარჯვენა ხელის roztashuvannya.

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

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

სურათის რედაქტირება ავტორიტეტების მიერ

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

"Addatkovo" ჩანართში შეგიძლიათ შეცვალოთ სურათის URL, თუ ის ინტერნეტიდან არის გადაღებული, ან ხელით დააყენოთ სურათის ზომა. იმის გამო, რომ თქვენ შეგიძლიათ შექმნათ სხვადასხვა CSS სტილის, შეგიძლიათ დაამატოთ CSS კლასები თქვენს სურათზე, ან დაამატოთ სტილის CSS კოდი პირდაპირ "Styles" სტრიქონში. მაგალითად, თუ მსურს სურათის მრგვალი გავხადო, ძალას დავამატებ "სტილების" რიგს - " საზღვრის რადიუსი: 100%«.

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

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

დამატებითი ფოტო გალერეები

მიმდებარე სურათების დამატების გარდა, შეგიძლიათ დაამატოთ მთელი ფოტო გალერეები - მიმდებარე პოსტებისა და გვერდების სურათების კოლექციები. სცადეთ მსგავსი სქემა დამატებითი გადაადგილების ტექნოლოგიისთვის. ერთჯერადი შესვლა – აირჩიეთ ჩანართი „გალერეის შექმნა“ და შემდეგ გადაიტანეთ რამდენიმე ფაილი სასურველ ველში. ამდენი შერჩეული სურათების სანახავად, მენიუდან უნდა აირჩიოთ "Vanted to this entry". მენიუს მარჯვენა მხარეს შეგიძლიათ დაარედაქტიროთ სახელები, ხელმოწერები და სხვა დეტალები კანის გამოსახულებამდე, რომელშიც ყველა ცვლილება შეინახება რეალურ დროში. ყველა საჭირო ცვლილების შეტანის შემდეგ დააჭირეთ ღილაკს "ახალი გალერეის შექმნა". თქვენ ასევე შეგიძლიათ შეცვალოთ სურათების ჩვენების თანმიმდევრობა მათი უბრალოდ გადათრევით.

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

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

აქ არის პარამეტრი ბმული = "ფაილი"მიუთითებს, რომ ჩვენ გამოვიტანთ სურათის სრული ზომის ვერსიას, როდესაც გაგზავნილია, და პარამეტრს ზომა = "საშუალო"ნიშნავს, რომ მინიატურების ნაცვლად, არჩეულია გამოსახულების საშუალო ზომა. შეგიძლიათ გაოცდეთ უახლესი სიაგალერეის მოკლე კოდის პარამეტრები ამ გვერდზე http://codex.wordpress.org/Gallery_Shortcode

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

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

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

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

კოდი გალერეის ჩასაშენებლად:
აქ არის ჩასმული ფოტო კოდები

ფოტო კოდი შეიძლება არ ჰგავს თავდაპირველ მისამართს, მაგრამ ასე:

კარგად, თქვენ ჩადეთ ფოტო კოდები ნაცვლად სიტყვებისა "ფოტო კოდები ჩასმულია აქ". ახლა მოდით გადავიდეთ ბრუნვის სიჩქარის რეგულირებაზე. scrollamount="2" პარამეტრი მიუთითებს გადახვევის სიჩქარეზე. თუ გსურთ ლიკვიდურობის გაზრდა, შეცვალეთ მე-2 ნომერი. scrolldelay="1" პარამეტრი მიუთითებს დაყოვნებაზე ახალი კანის მოძრაობამდე. თუ გინდათ, რომ ნახატი დიდი დაჩრდილვით დაიშალოს, მაშინ ჩაწერეთ რიცხვი 500 ან 1000, თუ გსურთ კოლაფსი ყოველგვარი დაზიანების გარეშე, მაშინ არ გადაფხეკით. დანიური პარამეტრი. კოდი ამოღებულია და ბლოგი გამოქვეყნებულია მკითხველის მიერ.

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

შემდეგ გეტყვით, სხვაგვარად როგორ შეგიძლიათ მარტივად შეხვიდეთ უკვე შექმნილ გალერეაში. მაგალითად, გსურთ, რომ ფოტოები გადაიღოთ არა მარჯვენა ხელით, არამედ შემთხვევით. ამისთვის კოდს დაამატეთ ბრძანება direction="right". თუ გსურთ, რომ ფოტოები მარჯვნივ გადავიდეს მარცხნივ, შემდეგ კი უკან, ჩასვით Behaviour="alternate" ბრძანება გალერეის კოდში.

თუ გსურთ ფოტოების გაგზავნა ზემოდან ქვემოდან ან ქვემოდან მთაზე, გამოიყენეთ ეს ბრძანებები:
direction="down" - ფოტოები გადადის ქვემოდან ქვევით;
direction="up" - ფოტოები გადადის ქვემოდან ზევით.

სიგანისა და სიმაღლის დასარეგულირებლად, ჩადეთ ეს ბრძანებები გალერეის კოდში:
width="500" - ეს ბრძანება არეგულირებს გალერეის სიგანეს. ამჟამად რიცხვი არის 500, ამიტომ გალერეის სიგანე დარეგულირდება 500 პიქსელამდე;
height="500" - ეს ბრძანება არეგულირებს გალერეის სიმაღლეს. ამჟამად რიცხვი არის 500, ასე რომ, გალერეის სიმაღლე დარეგულირდება 500 პიქსელამდე.

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

Გამარჯობა ყველას!

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

მარტივი WordPress გალერეის შექმნა

სინამდვილეში, ყველაფერი ბანალურად მარტივია და ჰგავს სურათის დამატებას WordPress რედაქტორის საშუალებით გამოქვეყნებამდე.

სტატიის გამოქვეყნებისას აირჩიეთ ღილაკი რედაქტორიდან მედია ფაილის დამატება:

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

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

თუ გაინტერესებთ ან დამატებული ხართ სურათის სტატუსით, ჯერ შეიყვანეთ alt="" და title="" ატრიბუტები.

შეარჩია, ხელი მოაწერა და ჭედური ღილაკი შექმენით ახალი გალერეა:

WordPress გალერეის პერსონალიზაცია

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

აირჩიეთ გალერეა, რომელიც გაგზავნეთ

• ჩასმის მხარე- მოგეხსენებათ, WordPress ქმნის გვერდიგვერდ მედია ფაილს. გთხოვთ გაითვალისწინოთ, რომ ასეთი გვერდები დახურულია ინდექსაციის გამო. Zazvichay tse posilannya არ vykoristuєtsya.
• მედია ფაილი - გალერეაში არსებულ სურათზე დაწკაპუნებისას შეტყობინება გადაინაცვლებს სასურველ პოზიციაზე და სურათი გამოჩნდება სრული ზომით.
• არა – WordPress გალერეის სურათები ქვეყნდება ნებართვის გარეშე.

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

მინიატურებისთვის (ქვემოთ კაშკაშა ეკრანის სურათი), აირჩიეთ 5-6 სურათი ერთ რიგში. ნაკლები არ გამოიყურება კარგად დიდ მონიტორებზე, უფრო ცუდად გამოიყურება პატარა მონიტორებზე. საშუალო ზომისთვის, ზედიზედ 3-4 სურათი. მაგრამ მე მაინც ვიცი, რომ ყველაფერი უნდა იწვა მორგებამდე (ქვემოთ).

გამოსახულების არჩევის ზომა

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

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

შედეგი არის:

გალერეა ზედიზედ ხუთი სურათის მინიატურებით:

საშუალო ზომის გალერეა სამი სურათით ზედიზედ:

WordPress გალერეის შექმნა dFactory-ის Responsive Lightbox მოდულის გამოყენებით

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

WordPress მოდული ამჟამად გამოიყენება მოკლე დროში საპასუხო ლაითბოქსი dFactory-ის მიერ.

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

GOLOVNEსურათების გამოქვეყნებისას ან გალერეის შექმნისას დაამატეთ სურათები გაიგზავნა მედია ფაილში. Reshta მოდული ავტომატურად გენერირებული იქნება.

Responsive Lightbox by dFactory მოდულის კიდევ ერთი პლიუსი არის გვერდის ნახვის უფრო სწრაფი სიჩქარე.
თუ თქვენ გაქვთ ბევრი სურათი თქვენს ვებსაიტზე, შეგიძლიათ შექმნათ გალერეა მინიატურებით ან საშუალო ზომის სურათებით და გახსნათ დიდი ორიგინალური სურათები დანამატით. თქვენ შეგიძლიათ მარტივად შექმნათ თემატური ალბომები, დაამატოთ მედია ფაილები და ვიდეოები Lightbox-ში.

Responsive Lightbox მოდულის მორგება dFactory-ის მიერ

p align="justify"> dFactory-ის Responsive Lightbox დანამატმა განიცადა მრავალი კორექტირება, მაგრამ მათ ინტუიციურად გააცნობიერეს, რომ მათ შეღებვას აზრი არ აქვს. თუმცა, ასეთ აქტივობებში მაინც საჭიროა პატივისცემა.

• გალერეის სურათის ზომა- Სურათის ზომა. ორიგინალი ავირჩიე
• გალერეის სურათის სათაური- ჩაწერეთ ნახატის ქვეშ, ძმებო, ატრიბუტით alt="" , title="" , ან ჩაწერის გარეშე.
• ფორს გალერეის ლაითბოქსი- თუ ვიკორისტის გალერეა ხარ JetPak, გააქტიურეთ ეს ვარიანტი.
• ვიდეო ბმულები- თუ გსურთ აჩვენოთ ვიდეო YouTube-დან, შეავსეთ დეტალები, წინააღმდეგ შემთხვევაში, ჩართეთ.
- მე ავირჩიე ქვედა კოლონტიტული სიჩქარის ოპტიმიზაციისთვის. თუ დანამატი არ მუშაობს გამართულად, გადაიტანეთ იგი სათაურში.
• jQuer koristuvach-ის დაყენებაწ- საუკეთესო გარემო. საშუალებას გაძლევთ დაამატოთ სკრიპტები და სტილები გვერდებზე, როგორიცაა სურათები ან გალერეები პოსტის გვერდით.
• რატომ არიან მეგობრები?
• ᲗᲐᲕᲡ ᲛᲘᲮᲔᲓᲔ!

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