Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
sugarfreekitten 
Blogger.Klub

Dołączyła: 13 Lip 2014
Posty: 7

Wysłany:    [Szablon Blogstar] Jak zmienić rozmiar miniatur w kafelkach

Hej,
od wczoraj próbuję przystosować szablon Blogstar na swoim blogu. Już wszystko mam ogarnięte, ale nie umiem znaleźć znacznika odpowiedzialnego za skalowanie zdjęć na stronie głównej. Są wyskalowane do kwadratu i wykadrowane. Chciałabym, aby były w poziomie i szerokość została taka sama, ale wysokość gdzieś o połowę mniejsza. Walczę z tym, ale już mi ręce opadają...
Na razie się dowiedziałam, że trzeba pokombinować z src. Tzn. podobno musi być taki dla zdjęć na stronie głównej jak dla zdjęć w postach. Jak podmienia się je w 'zbadaj' to wyglądają tak jak chcę:



Adres bloga: stestuj-to.blogspot.com
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2017-05-24, 21:26   

sugarfreekitten napisał/a:

Na razie się dowiedziałam, że trzeba pokombinować z src. Tzn. podobno musi być taki dla zdjęć na stronie głównej jak dla zdjęć w postach.
hm? gdzie takie porady dają? Może chodzi o parametry? Generalnie można zdjęcia strony głównej kadrować niezależnie do tego jakie proporcje załączasz do postów. Do zmiany wymiarów służy parametr w adresie URL. Najpopularniejszy to /s1600/, który można podmienić na inne.

W przypadku szablonu Blogstar (themeexpose) jest to /s420-p/ dla miniaturek w kafelkach.

sugarfreekitten napisał/a:

Jak podmienia się je w 'zbadaj' to wyglądają tak jak chcę:
To samo narzędzie naprowadzi Cię na odpowiedni kod. Klikając na miniaturę dowiadujesz się, że siedzi ona wewnątrz:

Kod

<div class="post-media">
a po odszukaniu tego w kodzie szablonu trafisz na taki fragment:

Kod

<img src="' + thumburl[r].replace("/s72-c/", "/s210-p/") + '" alt="' + relatedTitles[r] + '">
ale on akurat dotyczy podobnych postów, zatem pozostałe elementy zostały zaszyfrowane w skrypcie. Taki już urok wersji demo.

Problem można rozwiązać na przynajmniej cztery sposoby:
1) kupić pełną licencję z odszyfrowanymi skryptami i dopiero zmodyfikować
2) zmodyfikować cały fragment odpowiedzialny za kafelki na bardziej nowoczesny
3) dodać skrypt z zapisem jQuery, które nadpisze pierwszą zmianę (czyli to co zrobiłaś):

Kod

$('.post.hentry img').each(function(){$(this).attr('src', $(this).attr('src').replace('/s420-p/', '/s420/'));});

4) Wczytywać oryginalny rozmiar pierwszego zdjęcia zamiast miniatury w rozmiarze 72px. Zamieniając to:
Wiadomość (widoczna dla zarejestrowanych)
na to:
Wiadomość (widoczna dla zarejestrowanych)

przy okazji można tutaj skorzystać z nowej opcji jaką jest resizeImage.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
sugarfreekitten 
Blogger.Klub

Dołączyła: 13 Lip 2014
Posty: 7

Wysłany: 2017-05-24, 22:01   

skorzystałam z opcji nr 4, działa bez zarzutu :)

podobny efekt osiągnęłam, kiedy znajomy kazał mi wrzucić prawie na końcu kodu coś takiego:

Kod

$('.post.hentry img').each(function(){$(this).attr('src', $(this).attr('src').replace('/s420-p/', '/s420/'));});


I to niby pomogło i zdjęcia były okej, ale wszystko się rozjeżdżało.

Widziałam Twoje pomocne posty już wcześniej, wiedziałam, że będą mogła na Ciebie liczyć. Dziękuję ogromnie!
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz