Bardzo się cieszę, że znów cię widzę! Tym artykułem będę kontynuował temat.

Nie tak dawno temu trochę pomieszałem z moim zasobem internetowym.

Kliknij na niego, a od razu zrozumiesz jego główną funkcję. Czy to nie prawda, że ​​tak piękny przycisk wygląda o wiele lepiej niż standardowy link

Nie lubię wtyczek, ponieważ są przesadą, a niektóre z nich nie są często aktualizowane.

Na jednym z blogów spodobał mi się temat tworzenia przycisku. Jednak po zastosowaniu informacji w praktyce byłem niemile zaskoczony, że ten przycisk po prostu się nie pojawia.

Po przeczytaniu możesz szybko utworzyć to samo w swoim zasobie internetowym.

W tym celu przejdź do panelu administracyjnego swojego zasobu i przejdź do zakładek Wygląd->Edytor. Z plików szablonów oferowanych po prawej stronie wybierz do edycji functions.php. Teraz skopiuj ten kod:

Funkcja remove_more_link() ( return ""; ) add_filter("the_content_more_link", "remove_more_link");

Wklej ten kod na samym końcu pliku functions.php przed tagiem zamykającym ?>

Następnie kliknij przycisk „Aktualizuj” poniżej, aby zapisać kod w pliku.

Następnie musisz dodać specjalny kod, który wyświetli wygląd samego przycisku. Aby to zrobić, w tym samym edytorze plików szablonu kliknij inny plik - style.css.

Po jego otwarciu dodaj kod, który napiszę poniżej, w miejscu, w którym wyświetlane są style dla treści. Czyli po takim wpisie w aktach:

/* TREŚĆ */

Można to nazwać trochę inaczej, ale istota jest ta sama. A oto sam kod:

.Czytaj więcej( pływak:prawo; /* Odpowiedzialny za wyrównanie przycisku w prawo lub w lewo */ szerokość: 130px /* Szerokość przycisku */ wysokość: 25px; /* Wysokość przycisku */ obramowanie: pełne 2 piksele #fff; /* Grubość obrysu */ promień obramowania: 7px /* Promień */ box-shadow: 0px 0px 15px #007dab; /* Odpowiedzialny za cień przycisku */ tło: #FFFFFF; /* Kolor tła przycisku */ czcionka: normalna 16px/25px Arial, bezszeryfowa; /* Ustawienia czcionki, rozmiar, styl */ wyrównanie tekstu: środek; /* Wyrównanie tekstu */ kolor: #ffffff; prawy margines: 10px; /* Przesunięcie w prawo */ margines na dole: 25px; /* Przesunięcie w dół */ górny margines: -15px; /* Przesunięcie w górę */ }

Po wszystkich zmianach w pliku nie zapomnij kliknąć przycisku „Aktualizuj”, aby zapisać zmiany.

Następnie przechodzimy do następnego etapu. Teraz musimy wprowadzić specjalny kod, który wyświetli Twój przycisk na stronie głównej bloga.

Aby to zrobić, w tym samym miejscu w Edytorze swojego motywu kliknij plik index.php, aby go otworzyć. W nim musisz znaleźć podobną linię:

Natychmiast po tej linii kodu musisz dodać kod, aby wyświetlić sam przycisk:

"title="(!JĘZYK:!}">

Nie zapomnij zaktualizować pliku, aby zmiany odniosły skutek.

Teraz możesz zaktualizować stronę główną swojego bloga i zobaczyć ulepszenia.

Otóż ​​to. Wynik, jak widać, jest oczywisty.

Jeśli masz jakiekolwiek trudności, zadaj mi pytania w komentarzach. I nie zapomnij subskrybuj aktualizacje mój blog, aby otrzymywać najnowsze artykuły na swoją skrzynkę odbiorczą.

Aż się znowu spotkamy, przyjaciele! Mam nadzieję, że było to dla Ciebie przydatne. Do widzenia.

Powodzenia i powodzenia dla ciebie
Z szacunkiem,

Jak zmienić „więcej” lub „Czytaj więcej?”

Niektórzy blogerzy całkowicie zrezygnowali z klasycznego „pod kreską” i całkowicie publikują artykuły na stronach swojego bloga, tak jakbyś nie był blogerem, ale tworzył witrynę. Taki system można spotkać na wielu amerykańskich blogach. Którzy, jak się powszechnie uważa, są zawsze pionierami (Pioneer) w dziedzinie blogowania.

Przykład bloga na CMS WordPress

Otwórz interfejs administratora WordPress. Następnie w pozycjach menu:

1. Wygląd.
2. Redaktor.
3. Szablon główny/index.php.
4. Znajdź tag.
5. Zaznacz kotwicę i wklej, co chcesz.
6. Znajdź i kliknij przycisk „Aktualizuj plik”.
7. Wygląd.
8. Redaktor.
9. Archiwa/archiwum.php.
10. Zmień tekst.
11. Kliknij „Aktualizuj plik”.

Jeśli do Twoich obowiązków zawodowych należy promocja strony internetowej, zadanie zmiany tekstu „pod kreską” różni się w zależności od konkretnego systemu zarządzania treścią lub używanego kreatora stron. W profesjonalnym konstruktorze nie trzeba dokonywać żadnych manipulacji z kodem, wszystko jest zapewnione w interfejsie programu. Twoim zadaniem jest znalezienie żądanej pozycji menu i po prostu wpisanie żądanego nowego tekstu.

Jak wspomniano powyżej, posiadanie kilkunastu ogłoszeń na stronie internetowej nie zawsze jest najlepszym wyborem. Często o wiele bardziej przydatne dla czytelników jest stworzenie przyjaznej dla użytkownika struktury i menu nawigacyjnego, które zapewnia łatwy dostęp do poszukiwanych informacji.

Wielu czołowych seo-blogerów Runetu nie używa tego tagu. Nowy artykuł jest publikowany w całości na pierwszej stronie. Czytelnicy nie muszą przedzierać się przez dżunglę linków. Aby znaleźć odpowiednie materiały, po artykule umieszcza się pięć lub sześć linków do podobnych stron. Pod-kat nie jest już nowoczesny. Tak więc zmiana tagu „więcej” w WordPressie nie jest już zbyt istotna.

Możesz teraz znaleźć posty z tagiem more w większości nowoczesnych motywów WordPress, chociaż zależy to od projektu Twojej witryny. Najczęściej ta implementacja znajduje się w tematach czasopism (czasopism), w których stosuje się wiele bloków informacyjnych z krótkimi ogłoszeniami informacyjnymi. Również podobny styl znaków do blogowania. Zalety są oczywiste – na stronie można umieścić więcej postów, a użytkownik nie musi przewijać wielu dodatkowych tekstów.

Implementacja mechanizmu czytaj więcej w WordPressie zasadniczo składa się z dwóch części:

Drugi szczegół w zasadzie nie jest wymagany, ponieważ. w każdym razie użytkownik może przejść do pełnego tekstu wpisu, klikając jego tytuł. W niektórych szablonach (ten sam magazyn), aby zaoszczędzić miejsce na stronie, autorzy layoutu mogą specjalnie usunąć więcej linków.

Wyświetlanie zapowiedzi notatek realizowane jest na 2 sposoby:

2. Wstaw link czytaj więcej w szablonie WordPress

Teraz trochę o używaniu tagu more w szablonie i o tym, jak można go wyświetlić w witrynie. Do tego zadania możesz użyć funkcji the_content lub the_excerpt. Musisz ich szukać w tych plikach układu, w których ustawione jest wyświetlanie listy wpisów na blogu: main (index.php), archiwach (archive.php), sekcjach kategorii (category.php) itp.

funkcja_content wyświetla pełną treść wpisu. Dane wyjściowe ogłoszenia pojawiają się, jeśli w edytorze tekstu ustawiono opcję Czytaj więcej. Jego składnia jest następująca.

Co więcej, możesz zmienić czytaj więcej, dodając tytuł posta do tekstu frazy (+ dozwolone formatowanie HTML). Może wyszukiwarkom spodoba się ten link trochę bardziej:

Na oficjalnej stronie wordpress.org możesz znaleźć kilka ciekawych trików na funkcje the_content i the_excerpt, które przydadzą się w Twojej pracy.

Usuń przewijanie, aby uzyskać więcej linków

funkcja remove_more_link_scroll( $link ) ($link = preg_replace( "|#more-+|" , "" , $link ) ; return $link ; ) add_filter( "the_content_more_link" , "remove_more_link_scroll" ) ;

funkcja remove_more_link_scroll($link) ( $link = preg_replace("|#more-+|", "", $link); return $link; ) add_filter("the_content_more_link", "remove_more_link_scroll");

add_filter("the_content_more_link", "modify_read_more_link"); funkcja zmodyfikuj_read_more_link() ( zwróć „Twój tekst łącza Czytaj więcej”; )

Nawiasem mówiąc, dzięki niemu pozbędziesz się również przewijania (z kotwicą #więcej), ponieważ. link jest tworzony przez get_permalink.

a.more-link ( display:block; width:151px; height:24px; dopełnienie-left:10px; clear:both; border:none; line-height:22px; margin-top:10px; font-size:12px; ) a.more-link ( color:#FFF; background:url(images/readmore.jpg) 0 0 no-repeat; )

Pierwsza reguła określa rozmiar i wypełnienie przycisku, druga zawiera link do obrazu tła readmore.jpg. Aby zrozumieć kod, potrzebujesz oczywiście przynajmniej trochę zrozumienia CSS.

Parametry ogłoszenia dla funkcji_excerpt

Jeśli korzystasz z funkcji anonsowania postu_excerpt w swojej witrynie, przydatne mogą być następujące hacki. Najpierw możesz zmienić liczbę wyświetlanych znaków (domyślnie = 55).

funkcja wpdocs_excerpt_more($more) (return "... >>"; ) add_filter("excerpt_more", "wpdocs_excerpt_more");

Nieco wyżej, opisując funkcję_excerpt, podałem przykład kodu, który umożliwia umieszczenie linku do wpisu po ogłoszeniu. Tę samą sztuczkę można zaimplementować poprzez włamanie do functions.php:

function new_excerpt_more($more) ( global $post; return "ID) . ""> Przeczytaj cały artykuł..."; ) add_filter("excerpt_more", "new_excerpt_more");

Wtyczki dla więcej w WordPress

Jeśli nadal masz pytania dotyczące przeczytaj więcej w WordPress, napisz w komentarzach, a my je rozwiążemy.

Strona główna WordPress (statyczna lub ogłoszenia)

Na początek chcę zauważyć, że zawartość strony głównej w WordPress można skonfigurować za pomocą panelu administracyjnego. Istnieją dwie główne opcje:

• Ostatnie notatki
• Dowolna wybrana strona

Jest to skonfigurowane w „ Parametry» -> « Czytanie»:

Tutaj możesz również określić maksymalną liczbę ogłoszeń na stronie głównej: „Wyświetlaj nie więcej niż na stronach bloga”.

więcej tagów WordPress

Ten przycisk doda znacznik do kodu artykułu. Cały tekst przed tym tagiem stanie się adnotacją. Upewnij się, że wszystkie tagi adnotacji są zamknięte, w przeciwnym razie mogą pojawić się błędy podczas wyświetlania ogłoszenia w kanale RSS.

Unikalny tag więcej w WordPress

Byłoby wspaniale mieć unikalny tag more dla każdego posta. W końcu po ogłoszeniu wyświetli się link z potrzebną kotwicą, na przykład z bezpośrednim wpisem słowa kluczowego. I to jest dobre dla promocji.

W zależności od zainstalowanego motywu ten kod może znajdować się w innych plikach, a następnie poszukaj go we wszystkich innych plikach php motywu.

Jak zwykle podam kilka przykładów z komentarzami do kodu

1. Guzik jak mój

1 2 3 4 5 6 7 8 9 10 11 12 13

.more-link (tło: brak powtórz przewijanie 0 0 #00B37C ; /*kolor tła */ obramowanie: 1px solid #62901E ; /*szerokość i kolor obramowań */ promień obramowania: 5px; /* zaokrąglone kanty */ kolor: #FFFFFF; /*kolor czcionki */ wyświetlanie : blok ; rodzina czcionek: verdana rozmiar czcionki: 12px; wysokość-linii: 12px; wypełnienie: 8px 14px; dekoracja tekstu: brak transformacja tekstu: wielkie litery; /* tekst pisany wielkimi literami */ }

Więcej-link ( tło: brak powtórz przewijanie 0 0 #00B37C; /* kolor tła */ obramowanie: 1px stałe #62901E; /* grubość i kolor obramowania */ promień obramowania: 5px; /* zaokrąglone krawędzie */ kolor: # FFFFFF; /*kolor czcionki */ wyświetlacz: blok; rodzina czcionek: verdana; rozmiar czcionki: 12px; wysokość linii: 12px; dopełnienie: 8px 14px; dekoracja tekstu: brak; transformacja tekstu: wielkie litery; /*tekst dużymi literami */ )

2. Płaski przycisk

1 2 3 4 5 6 7 8 9 10 11

.more-link (tło: brak powtórz przewijanie 0 0 #E81D1D; kolor: #FFFFFF; wyświetlacz: blok; rodzina czcionek: verdana; rozmiar czcionki: 12px; /*rozmiar czcionki */ waga czcionki: pogrubiona; /*pogrubiona czcionka */ wysokość-linii: 12px; wypełnienie: 8px 14px; /* dopełnienie */ dekoracja tekstu: brak )

Więcej-link (tło: brak powtórz przewijanie 0 0 #E81D1D; kolor: #FFFFFF; wyświetlacz: blok; rodzina czcionek: verdana; rozmiar czcionki: 12px; /*rozmiar czcionki */grubość czcionki: pogrubiona; /* pogrubiona czcionka */ line-height: 12px; dopełnienie: 8px 14px; /* dopełnienie */ dekoracja tekstu: brak; )

3. Przycisk z cieniem i gradientem

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

.more-link (tło: linear-gradient(#DD1D1D, #A61518) powtórz przewijanie 0 0 rgba (0, 0, 0, 0) ; /*gradient */ border-radius: 4px;box-shadow: 0 1px 2px 0 rgba (0, 0, 0, 0.7); /*cień */ kolor: #FFFFFF; rozmiar czcionki: 16px; grubość czcionki: pogrubiona; wysokość: 40 pikseli; wysokość linii: 40 pikseli; wyrównanie tekstu: środek; /* wyrównanie do środka */ szerokość: 155px; /*szerokość przycisku */ /* różne przeglądarki: */ tło: -ms-linear-gradient(#DD1D1D, #A61518); /* IE10 */ background : -webkit-gradient(linear, left top , left bottom , color-stop(0% , #DD1D1D ) , color-stop(100% , #A61518) ); /* Safari 4+, Chrome 2+ */ tło : -webkit-linear-gradient(#DD1D1D , #A61518 ) ; /* Safari 5.1+, Chrome 10+ */ tło : -o-linear-gradient(#DD1D1D , #A61518 ) ; /* Opera 11.10 */ filter : progid: DXImageTransform.Microsoft .gradient(startColorstr= "#DD1D1D" , endColorstr= "#A61518" ) ; /* IE6 i IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#DD1D1D", endColorstr="#A61518")"; /* IE8+ */ -moz-border-radius: 4px ; /* Firefox */ -webkit-border-radius: 4px ; /* Safari, Chrome */ -khtml-border-radius: 4px ; /* KHTML */ )

More-link (tło: linear-gradient(#DD1D1D, #A61518) powtórz przewijanie 0 0 rgba(0, 0, 0, 0); /*gradient */ border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7); /*cień */ kolor: #FFFFFF; rozmiar czcionki: 16 pikseli; grubość czcionki: pogrubiona; wysokość: 40 pikseli; wysokość linii: 40 pikseli; wyrównanie tekstu: środek; / *wyśrodkowanie */ szerokość: 155px; /*szerokość przycisku */ /* crossbrowser: */ background: -ms-linear-gradient(#DD1D1D, #A61518); /* IE10 */ background: -webkit-gradient( linear , lewy górny, lewy dolny, color-stop(0%, #DD1D1D), color-stop(100%, #A61518)); /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient ( #DD1D1D, #A61518); /* Safari 5.1+, Chrome 10+ */ tło: -o-linear-gradient(#DD1D1D, #A61518); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient ( startColorstr="#DD1D1D", endColorstr="#A61518"); /* IE6 i IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#DD1D1D", endColorstr="#A61518" ) "; /* IE8+ */ -moz-border-radius: 4 piks; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ )

Standardowe ogłoszenia o postach WordPress (samoprzycinające się)

WordPress może automatycznie tworzyć ogłoszenia bez użycia tagu more. W takim przypadku artykuł jest po prostu obcinany po określonej liczbie słów (domyślnie 55). Ta opcja może wydawać się wygodna, ponieważ wszystko odbywa się automatycznie i nie musisz myśleć o tagu more. Jednak takie ogłoszenia nie wyglądają ładnie i nie polecam z nich korzystać. O wiele wygodniej jest samemu zdecydować, po której frazie odciąć ogłoszenie.

Odpowiedzialny za taką linię ogłoszeńW kodzie.

Jak usunąć domyślne ogłoszenia o postach WordPress

Jeśli zainstalowałeś motyw, który domyślnie wyświetla standardowe komunikaty i chcesz się ich pozbyć:

Nie będzie o tych cytatach, które są użyte w tekście do przytoczenia myśli innych osób - o tym.

Od razu muszę powiedzieć, że nie korzystam z tej funkcji i uważam to za kompletną bzdurę. Jednak niektórzy SEO wierząże ogłoszenia na stronie głównej bloga muszą być unikalne. W przeciwnym razie treść na stronie głównej zostanie powielona na początku każdego artykułu. W związku z tym każde ogłoszenie musi być napisane osobno, opisując zawarte w nim podsumowanie artykułu.

Jeśli też tak myślisz i nie jesteś zbyt leniwy, aby za każdym razem pisać unikalne ogłoszenia, przeczytaj, jak to wdrożyć.

Chodzi o tag, która pojawia się na końcu zapowiedzi każdego artykułu w kanale bloga (może wyglądać inaczej w różnych szablonach: „przeczytaj cały post” itp.).

Analizując strony webmasterów pod kątem różnych parametrów (ruch, PR, TIC, pozycje w wyszukiwarkach, autorytet w Internecie) stwierdziłem, że wiele udanych projektów powstaje na darmowych szablonach (motywach) modyfikowanych pod siebie (np. itp.).

Niektórzy rzemieślnicy zmieniają wygląd motywu tak bardzo, że po starej wersji prawie nie ma śladu.

Ma to sens: jak twierdzi wielu ekspertów biznesowych, dla odwiedzających ważna jest przede wszystkim wygoda poruszania się po stronie i treść treści - w końcu przyszli po informacje. I dopiero wtedy oceniany jest wygląd. Nie do końca się z tym zgadzam i uważam, że na wygląd też należy zwrócić uwagę.

A jednak pozostaje niezaprzeczalnym faktem, że odwiedzający witrynę są zatrzymywani przez wartość informacji, dlatego witryny, które nie ładują się jasnym wyglądem, są bardzo popularne w Internecie.

Wielu odnoszących sukcesy webmasterów nie traci czasu na szukanie idealnego lub unikalnego (nawet płatny motyw nie jest wyjątkowy) szablonu (z własnego doświadczenia wiem, że ta historia może ciągnąć się w nieskończoność), ale skupia się na szybkim uruchomieniu projektu, tworzenia swoich produktów, uczenia się, wypełniania treścią i promocji. Szablon strony - unikalny, własny, starannie wykonany na zamówienie - zawsze możesz zrobić.

Jeśli dodasz własne funkcje i ładny design do dobrych treści, które oddadzą ogólny charakter bloga, uzyskasz pełną harmonię. Nawet jeśli masz darmowy szablon, możesz nadać swojej stronie osobistą aurę i oryginalność, wprowadzając nawet drobne zmiany.

Jak zmienić „czytaj więcej” lub „więcej” na własne

• Przechodzimy do panelu administracyjnego serwisu.
• Wygląd - Redaktor.
• W prawej kolumnie edytora znajdujemy „Szablon główny (index.php)” – jest nam potrzebny.
• Poprzez Ctrl + F znajdujemy słowa „czytaj więcej” lub, w niektórych przypadkach, „więcej” i wpisujemy zamiast nich to, co chcielibyśmy zobaczyć.
• Nie zapomnij zrobić kopii zawartości pliku przed zmianą, aby móc przywrócić, jeśli coś pójdzie nie tak, a następnie zaktualizować plik po zmianie.
• Wchodzimy na stronę i podziwiamy kreatywność.