добър ден

Да започнем отначало, в случай че някой не знае нещо повече.

Не съм била на море.

- Добре, не го наводнявайте, никога не съм ходил на море!

- Нямах шанс, не бях...

– Ние вече почукахме на вратата на рая, напоихме се с текила, буквално се изпратихме в последния ни път, но вие не сте били на море?!

- Нямах време, не се получи...

– Не знаех, че няма никъде в рая без това?

Филмът "Чукам на вратата на рая"

Как да добавите повече

И така, коя част от текста да се показва в съобщението се задава с помощта на етикета повече. Този етикет разделя статията на две части: уводна (анонс) и продължение.

IN WordPress редакторТагът more може да бъде вмъкнат с помощта на бутона в лентата с инструменти.

1. Режим на визуален редактор:

2. Режим на текстов редактор:

В текстов режим можете също ръчно да разделите записа: просто пишете

И сега важна информация, което не всеки знае!

Така че има елементарен начиндайте на всяка връзка свой уникален текст след обявяването!

Това може да стане, като просто напишете желания текст вътре в структурата с повече. като това:

Може да попитате защо правите това? Всеки път записвайте текста.

Честно казано, аз самият съм такъв =) Вече съм публикувал 84 статии и просто „излизам от гората“ за това.

Как да променя текста?

1. Първият - най-лесният начин - е да добавите вашия текст (обикновено в index.php) към функцията_content

2. Втори метод с помощта на кука the_content_more_link. Просто добавете следния код и задайте желания текст на връзката.

функция my_more_link($more_link, $more_link_text) ( връща str_replace($more_link_text, "Продължете да четете...", $more_link); ) add_filter("the_content_more_link", "my_more_link", 10, 2);

Този метод е удобен, защото не е нужно да търсите в шаблонните файлове, за да намерите точно къде се използва the_content (това не е задължително да е в index.php, може да е content.php или каквото и да е друго.) Тук работите само във файла functions.php.

3. В третата точка просто ще запазя за историята метода, използвайки персонализирано поле на WordPress.

ID, "custom_more_text", true);

if(!$custom_more) ( $custom_more = "Продължете да четете статията"; ) the_content($custom_more); ?>Въвеждане на текст директно в

, разбира се, по-прости и по-ясни. Тук просто коригирайте извикването на функцията the_content

по един от двата начина.

Как да премахнете #more от връзка

Предимства от използването на следващия таг срещу кавички

Можете да добавите цитат към всяка публикация, като използвате подходящия формуляр на страницата за редактор на публикация. Ако не виждате този блок, щракнете върху „Настройки на екрана“ в горния десен ъгъл и поставете отметка в необходимото квадратче.

Блок с мета цитати ще се появи под вашия редактор на публикации.

Кавичките може да изглеждат по-лесни за използване, но използването им има няколко недостатъка.

Първият е, че цитатите са изцяло зависими от темата. Ако вашата тема не поддържа етикета the_excerpt, тогава без значение какво пишете в блока за цитати, вашата тема ще показва пълното съдържание на статията начална страницаи архивни страници.

Вторият недостатък на използването на кавички е, че те не показват изображения или друго форматиране. Те се показват като обикновен текст.

В същото време Next Tag е напълно независим от темата, което означава, че ще работи на всички добре написани WordPress теми. Освен това ви позволява да показвате изображения и всички опции за форматиране като връзки, удебелен текст, курсив и др.

Недостатъци на използването на таг "Напред".

Най-големият недостатък на използването на етикета „Напред“ в WordPress е, че трябва ръчно да го посочите във всичките си публикации, докато цитатите са автоматизирани в този смисъл.

WordPress ви позволява да посочите свои собствени извадки (кавички) в съответния блок и може автоматично да го генерира в зависимост от определения брой знаци.

Трябва да разгледате задачите си, защото това може да бъде недостатък при употреба.

Друг недостатък на използването на етикет „Напред“ е, че ако използвате тема, която използва кавички, тя ще „замени“ етикета „Напред“ и ще изведе цитат с дължина, която се определя от вашата тема.

Независимо дали използвате етикета „Напред“ или кавички, важно е на началната страница и архивите да се показва само откъс от статията, а не цялата история.

Възможни проблеми с етикета „Напред“.

Повечето голям проблемНещото, за което чухме по отношение на използването на маркера „Напред“ беше, че той не работи за страници.

По подразбиране не можете да използвате маркера "Напред" на WordPress страницитова обаче може лесно да се коригира чрез просто добавяне на следния код вътре в цикъла:

Друг проблем при използването на маркера е, че той не се задейства на началната страница. Ако използвате статична страница като персонализирана начална страница, тогава кодът по-горе трябва да помогне за разрешаването на проблема ви.

Надяваме се, че тази статия ви е помогнала да научите как правилно да използвате етикета Next в WordPress.

Ако тепърва започвате с WordPress, не забравяйте да посетите нашия раздел, където публикуваме материали специално за нови потребители на WordPress.

За всички въпроси и обратна връзка, моля, пишете в коментарите по-долу.

Как да промените „още“ или „Прочетете повече?“

Някои блогъри напълно изоставиха класическото „използване“ и публикуват изцяло статии на уеб страниците на своя блог, сякаш не сте блогър, а създавате уебсайт. Тази система е видяна в много американски блогове. Които, както се смята, винаги са пионери в областта на блоговете.

Пример за блог на CMS WordPress

Отворете администраторския интерфейс на WordPress. Освен това, според елементите на менюто:

1. Външен вид.
2. редактор.
3. Основен шаблон/index.php.
4. Намерете етикета.
5. Изберете котвата и поставете тази, която искате.
6. Намерете и щракнете върху бутона „Актуализиране на файла“.
7. Външен вид.
8. редактор.
9. Архиви/archive.php.
10. Променете текста.
11. Кликнете върху „Актуализиране на файла“.

Ако професионалните ви отговорности включват промоция на уебсайт, задачата за промяна на текста „под разрез“ варира в зависимост от конкретната система за управление на съдържанието или използвания конструктор на уебсайтове. В професионалния дизайнер не е необходимо да правите никакви манипулации с кода; всичко е предоставено в интерфейса на програмата. Вашата задача е да намерите желания елемент от менюто и просто да въведете желания нов текст.

Както споменахме по-горе, опцията с дузина съобщения на уеб страница не винаги е такава най-добър избор. Често е много по-използваемо за читателите да създадат удобна структура и навигационно меню, което осигурява лесен достъп до информацията, която търсят.

Много топ SEO блогъри в Runet не използват маркера. Новата статия е публикувана изцяло на първа страница. Читателите не трябва да газят през джунгла от връзки. За да намерите подходящи материали, след статията се поставят пет или шест връзки към подобни страници. Pod-cut вече не е модерен. Така че промяната на етикета „още“ в WordPress вече не е много уместна.

Ако имате собствен WordPress сайт, на който публикациите се показват под формата на кавички, тогава най-вероятно заедно с текста на съдържанието ще видите и връзка с текста Прочетете повече.

Целта на показването на такава връзка е да предостави на потребителя кратък цитат на публикацията, така че той да може бързо да прегледа всички най-нови публикации във вашия блог. Това позволява по-голяма свобода на избор за потребителите и също така позволява по-усъвършенствано потребителско изживяване.

Днес ще ви разкажа за тага Read More в WordPress и ще ви науча как да го промените според вашите желания.

Основи

Най-често тагът Read More се използва заедно с функцията за цитат в WordPress, която показва броя знаци/думи, които сте посочили. По подразбиране WordPress ограничава цитатите до определен брой думи, но ще ви покажа как да промените тази настройка по-късно.

Тагът за цитат в WordPress е кратък ред от PHP код, който изглежда така:

Той може да бъде заменен от етикета на шаблона the_content(), където е подходящо. Обикновено ще имате индексна страница на блог, която показва най-новите ви публикации. Тези записи могат да бъдат превърнати в кавички просто чрез прилагане на няколко параметъра или замяна на етикета на шаблона the_content() с the_excerpt().

Текстът е малък цитат със затварящо многоточие, последван от бутон, наречен Преглед на цялата публикация.

Промяна на тага Read More

Първо, трябва да се уверите, че кавичките са активирани във вашия административен панел на WordPress.

Влезте в конзолата, отидете на Настройки - Четене.

Ще видите списък с настройки, но ние се интересуваме само от параметъра: „За всяка статия в емисия, показване“. Можете също да зададете броя на публикациите, които да се показват в емисията на блога.

Нека изберем Резюме вместо пълен текст. След това щракнете върху бутона Запазване на промените.

По подразбиране някои теми вече са оптимизирани за показване на цитати вместо пълен текст, както е отбелязано в панела с настройки. Нашата тема Divi 2.0 е чудесен пример за този подход.

По-долу е даден пример инсталирана темадиви. Генерирах тестово съдържание, за да покажа как би изглеждал активен блог на тази тема. Вашият блог може да е малко по-различен, особено ако използвате различна тема.

Харесвам начина, по който изглеждат публикациите, но мисля, че трябва да има бутон в края на всяка публикация, който ви позволява да прочетете цялото съдържание.

За да направим това, трябва да се потопим по-дълбоко в кода на нашия сайт. Отворете активната тема в редактора на код. Използвам възвишен текст 2 в тема Divi, както е показано по-долу:

Имам отворен файл index.php. Има някакъв код, който извежда това, което виждате на страницата на блога. В темата Divi този код е леко подобрен, но основите остават същите. Следният раздел трябва да привлече вниманието ни:

Ако никога не сте работили с Divi код, тогава можете да използвате номериране на редове - този код ще се появи на редове 50-57 (това важи само за темата Divi!)

Нека променим кода, като премахнем произволната функция и заменим the_content() с the_excerpt().

Ето как ще изглежда обновеният кодов блок. За да опростя всичко и да го направя по-ясно, реших да коментирам кода, който беше там по-рано.

Ако запазите промените си и се върнете на сайта, най-вероятно няма да видите нищо ново. Все още трябва да заменим стандартите на WordPress с персонализирана функция.

/* Промяна на връзката за четене на повече на the_excerpt() */ функция et_excerpt_length($length) ( връщане 220; ) add_filter("excerpt_length", "et_excerpt_length"); /* Добавете връзка към края на нашия откъс, съдържащ се в div за целите на стилизирането и за преминаване към нов ред на страницата.*/ функция et_excerpt_more($more) ( глобален $post; return "

;"; ) add_filter("excerpt_more", "et_excerpt_more");

Първите 4 реда дефинират персонализирана функция, която контролира броя на думите, показани в цитата на всяка публикация в блога. След това се добавя филтър, който позволява изпълнението на функцията. Ние свързваме с функцията excerpt_length, за да зададем ограничението до 220 знака.

Втората функция променя връзката Read More, презаписвайки стандарта Стойности на WordPress. IN в този примерДобавих връзка, обвита в div, за да мога да я стилизирам по-късно. Ще разгледам стайлинга малко по-късно; Сега можете да отидете на сайта, където ще видите следното:

Стандартният CSS стил на връзки и публикации се използва автоматично в темата Divi 2.0; Просто трябва да свършим малко работа, свързана с превръщането на връзката в бутон.

Присвоихме на котвата на връзката във файла functions.php класа view-full-post-btn. Ще го използвам, за да добавя малко CSS код към връзката. Поставете CSS кода по-долу във вашия файл style.css, за да персонализирате нашата връзка. Няма значение къде точно добавяте кода - важно е да запомните района, в който се намира, ще ви бъде полезен за в бъдеще.

View-full-post-btn( display:inline-block; /*border-radius*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:8px 16px; margin-top:1px solid #d8dcdc;font-size:#454545; all .3s ease; -o-transition:all .3s ease; цвят:#FFFFFF )

След като добавих стилове, имам красив бутон, който има хубав ефект на задържане.

Вместо да подравняваме нашия бутон вляво, нека направим още нещо: задайте float: right, така че връзката да е подравнена към десния край на контейнера, в който се намира. в моментаразположен. Също така трябва да коригираме ръбовете за всеки от нашите записи. Нека добавим следния код към файла style.css:

Et_pb_post ( margin-bottom: 100px; border-top: 1px solid #e1e1e1; ) .et_pb_post:first-of-type ( border-top: none; ) .view-full-post ( float: right; )

Сега, след като поставихме всички необходими стилове, можем да видим крайния резултат. Всеки бутон ще има връзка към вашата публикация, позволявайки на потребителите да видят цялата публикация.

Забележка: Моля, обърнете внимание, че стиловете не са адаптивни.

Заключение

Добавянето на подобрения като етикета Read More ще помогне на вашите потребители да навигират в блога ви по-лесно и по-бързо. Организираната и структурирана информация ще направи вашия блог по-разбираем. С функцията за цитати, вградена в WordPress, можете да направите съдържанието си по-ангажиращо и да го направите за нула време.