Як використовувати тег more в wordpress
Main View - Скарбничка розробника. Все про дизайн, розробці та створенні сайтів
Main View - блог про дизайн, веб дизайн та веб розробці. Якщо ви займаєтеся розробкою веб сайтів, або цікавитеся веб дизайном і просто дизайном речей, які нас оточують, або вам просто цікава тематика веб дизайну та веб розробок, то цей блог буде вам дуже корисний. На блозі ви можете знайти статті, огляди, уроки і багато іншого.
Простий приклад використання тега more
Розглянемо для прикладу, наступний тест:
А на сторінці самого поста текст буде виглядати повністю але вже без тега more:
В тексту поста тег more вже не відображається.
Чому ми використовуємо тег more?
За великим рахунком тому, що використання уривків це круто, і можна використовувати безліч таких уривків на головній сторінці не захаращуючи її текстом, даючи відвідувачам бачити весь контент коротко без скролінгу сторінки. Якщо один з уривків притягне увагу Новомосковсктелей, найімовірніше вони захочуть прочитати весь пост цілком, і зроблять це якраз клікаючи на тег more. Щоб підтримувати таку поведінку, є кілька способів кустомізованих текст посилання more, в залежності від Ваших дизайнерських мрій.
Установка тескти посилання тега more в кожному пості
Цей код шукає для користувача поле "custom_more_text" і відображає його значення як для користувача текст.
Установка тексту посилання тега more для всього сайту
Замість того, що б змінювати текст тега індивідуально для кожного поста, ми можемо встановити текст тега раз для всіх постів на всьому сайті. Перший і найпростіший спосіб змінити текст тега за замовчуванням, це додавання користувацького тексту в виклик функції the_content () в Вашій темі:
Ви навіть можете додати розмітки, щоб застосувати формат і стиль відповідно до ваших потреб:
Більшість з тих, хто використовує WordPress знайомі з цим методом і часто застосовують його на практиці. Але є також і більш новий метод виконує те ж саме з файлу functions.php. Починаючи з WordPress 2.8, ми тепер можемо застосовувати фільтр на зміну тексту тега more для всього сайту використовуючи the_content_more_link:
Цей код потрібно додати в файл functions.php. який знаходитися в папці з Вашої темою. Це хороший спосіб зміни тексту посилань тега more біг зміни інших шаблонів теми - відмінно для зміни через дочірні теми !.
Автоматичне відображення заголовка поста на засланні more
Інший хороший more-тег трюк це включення заголовка поста в тексті посилання more. Наприклад так:
А ось як Кодекс пропонує робити це:
Це також буде працювати, але ми трохи змінимо код:
Як зупинити перехід по посиланню тега more в середину станиці
Щоб відкривати сторінку з постом з самого початку, потрібно просто додати наступний код в файл functions.php з папки Вашої теми:
Це скасувати можливість переходу за посиланням з прокруткою сторінки і не буде вводити в оману Новомосковсктелей. Правда це працює тільки для версій починаючи з WordPress 2.8 і вище. Для інших же потрібно буде проводити зміни про які можна почитати в Кодексі.
Вказівка користувальницьких сторінок для тега more.
Зазвичай тег more використовується для відкриття окремої сторінки з повним тестом супутньо поста. Відкривається саме той пост в тексті якого і був поміщений тег more. Це можна легко змінити, якщо Вам знадобитися коли або використовувати іншу веб сторінку. Що б зрозуміти це трохи краще, розглянемо параметри, які використовуються дял шаблонного тега the_content ():
От і все. Очевидно, що застосування цього методу обмежена, але їм можна скористатися якщо коли-небудь буде потрібно.
Призначення стилю для посилання more
Найлегший спосіб стилізувати посилання, це скористатися перевагою атрибута вбудованого класу. За замовчуванням, цей клас автоматично включений в WordPress. Таким чином, застосовувати стилі безпосередньо, наприклад:
Якщо потрібен окремий стиль для посилання, вкажіть безпосередньо, включивши це в тег the_content ():
Тепер можна застосувати наступний CSS:
Цей простий приклад допоможе зрозуміти сам метод.
Додавання графіки на заслання more
І останнє, але не менш важливе, давайте завершимо статтю ще двома способами для додавання картинок в посилання. Перший спосіб, просто включите графічний елемент прямо в тег the_content ():
Тепер цей код буде видавати графіку замість тексту. Також Ви можете стилізувати зображення використовуючи CSS:
Всі ці приклади лише демонструє як все це працює. Застосування ж може бути необмежена
Кращий спосіб заробити в мережі, це працювати на Kwork.
KWORK надійний спосіб заробити, виконуючи завдання за 500 р.
- Admitad - заробіток на партнерських програмах
- 7offers - заробіток на партнерських програмах
- etxt - заробіток на продажу та купівлі текстів
- TravelPayouts - заробіток на продажу авіаквитків
- Вктаргет - заробіток в Контакте, Facebook, Instagram, Youtube, Twitter
- BestChange - моніторинг обмінників, де платять по $ 0.35 за кожного клієнта
Залишайтеся на зв'язку
Читаючи цей сайт Ви даєте свою згоду на використання файлів Cookie. В іншому випадку покиньте цей сайт. погоджуюся