Clicky

Skocz do zawartości


Zdjęcie
- - - - -

Zmiana wyglądu tytułu strony

11 odpowiedzi w tym temacie
wordpress zmiana wyglądu strony

  • Zaloguj się, aby dodać odpowiedź

#1 Glaciu

Glaciu

    Początkujący

  • Użytkownik
  • Pip
  • 15 postów

Napisano 14 luty 2014 - 12:17

Witajcie,

wykańczam stronę postawioną na wordpressie i chcę dodać trochę polotu witrynie przez ubarwienie tytułu strony. Wymyśliłem sobie, że  słowa w tytule miają mieć różne kolory, ale problem tkwi w

<h1 class="entry-title"><?php the_title(); ?></h1>

Ktoś ma pomysł jak ponumerować słowa tak, aby przypisać im oddzielne klasy w css?



#2 phpion

phpion

    Senior Mastah

  • Użytkownik
  • PipPipPip
  • 774 postów
  • Skąd:Sosnowiec, Dąbrowa Górnicza

Napisano 14 luty 2014 - 12:23

Napisać własną funkcję, np. the_title_colors(), która pobierze tytuł funkcję the_title(), rozbije go na słowa i opakuje każde z nich w span'y o klasach np. word-1, word-2 itd.


Notifero - Technologie Informatyczne | Warsztat: Kohana 3.x/2.x + PostgreSQL/MySQL | Programista Kohana

#3 Pitu

Pitu

    Początkujący

  • Użytkownik
  • Pip
  • 55 postów
  • Skąd:Koszalin

Napisano 14 luty 2014 - 12:25

Możesz to zrobić w samym CSS3.

 

Przydatne selektory

::nth-word()
::first-word 
::last-word 
::nth-last-word()

W nawiasach możesz oczywiście korzystać z wyrażeń typu:

odd - nieparzysty
even - parzysty

2n - co drugi

2n+1 - 3, 5, 7 ... słowo

Przy okazji zapytam czy budowa:

<h1><span>Tekst</span><span>inny</span></h1>

nie wpływa negatywnie na seo i odczytywanie tytułu?



#4 phpion

phpion

    Senior Mastah

  • Użytkownik
  • PipPipPip
  • 774 postów
  • Skąd:Sosnowiec, Dąbrowa Górnicza

Napisano 14 luty 2014 - 12:52

O widzisz, tego nie znałem :)


Notifero - Technologie Informatyczne | Warsztat: Kohana 3.x/2.x + PostgreSQL/MySQL | Programista Kohana

#5 Maciek

Maciek

    Senior Mastah

  • Użytkownik
  • PipPipPip
  • 780 postów

Napisano 14 luty 2014 - 13:02

Małym minusem użycia selektorów z CSS3 jest brak wsparcia ze strony starszych przeglądarek. W Twoim przypadku (strona internetowa) dostępna w necie nie będzie to pewnie problem, ale w przypadku aplikacji intranetowych czasem nie jest tak różowo - niektóre firmy ciągle są "parę" lat do tyłu (XP).



#6 mck

mck

    Jestę Blogerę

  • Admin
  • 1544 postów

Napisano 14 luty 2014 - 13:07

Możesz to zrobić w samym CSS3.

 

Przydatne selektory

::nth-word()
::first-word 
::last-word 
::nth-last-word()

Yyy, że co? :D
Nie ma takich selektorów i nikt ich nawet nie planuje. Można się jedynie posiłkować dodatkowym JS-em :)



#7 Glaciu

Glaciu

    Początkujący

  • Użytkownik
  • Pip
  • 15 postów

Napisano 14 luty 2014 - 13:32

Niestety selektory nie bardzo chcą "zaskoczyć", nawet te przekopiowane na żywca z

http://codepen.io/FWeinb/pen/djuIx


#8 Keenic

Keenic

    Początkujący

  • Użytkownik
  • Pip
  • 41 postów
  • Skąd:Poznań

Napisano 14 luty 2014 - 19:31

A użyłeś kodu JS, który jest na tej stronie?



#9 Potfur

Potfur

    Początkujący

  • Użytkownik
  • Pip
  • 55 postów

Napisano 14 luty 2014 - 23:43

Kombinujecie jak koń pod górkę.

<h1 class="entry-title">
<?php echo preg_replace('/([^ ]+)/ims', '<span>$1</span>', the_title(null, null, false)); ?>
</h1>

I mamy każdy wyraz w osobnym <span>, teraz tylko :nth-child(n) i z głowy.

Czemu nikt wcześniej tego nie napisał?



#10 mck

mck

    Jestę Blogerę

  • Admin
  • 1544 postów

Napisano 15 luty 2014 - 11:56

^^ Jak nikt? A co @phpion napisał w drugim poście? ;)



#11 Potfur

Potfur

    Początkujący

  • Użytkownik
  • Pip
  • 55 postów

Napisano 16 luty 2014 - 15:50

Napisać własną funkcję.... :)



#12 phpion

phpion

    Senior Mastah

  • Użytkownik
  • PipPipPip
  • 774 postów
  • Skąd:Sosnowiec, Dąbrowa Górnicza

Napisano 17 luty 2014 - 11:58

No Ty też napisałeś własną funkcję, ale nie opakowałeś ją w funkcję, więc jeden kit. Równie dobrze mogłeś użyć str_replace.


Notifero - Technologie Informatyczne | Warsztat: Kohana 3.x/2.x + PostgreSQL/MySQL | Programista Kohana





Również z jednym lub większą ilością słów kluczowych: wordpress, zmiana wyglądu strony

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych