Теперь, когда наш новый шаблон установлен в качестве шаблона по умолчанию для системы WebCards, мы можем приступить к настройке макета. Как мы упоминали ранее, у нас есть только 510 пикселей для работы на нашей фан-странице Facebook. Один из способов сэкономить место - удалить календарь событий и облако поиска справа от макета.
Календарь событий и Облако поиска
Шаблон, над которым нам нужно будет поработать, это шаблон view_image_stats.html. Как видите, этот шаблон в основном представляет собой таблицу с пятью ячейками. Первая ячейка, которая содержит ссылки на боковое меню, имеет 15 процентов от общей ширины таблицы, а следующие три ячейки, которые содержат миниатюры, имеют 20 процентов каждая. Последняя ячейка таблицы, которая содержит календарь и облако, получает 25 процентов.
Простой способ удалить календарь и облако - удалить ячейку пятой таблицы. Конечно, мы также удалим 25 процентов таблицы. Таким образом, мы должны распределить эти 25 процентов по оставшимся клеткам.
Первая ячейка - 15 становится 25
Вторая ячейка - 20 становится 25
Третья ячейка - 20 становится 25
Четвертая ячейка - 20 становится 25
Пятая ячейка - 25
Когда мы обновляем браузер, мы не видим никаких изменений. Это потому, что нам нужно очистить кеш, чтобы увидеть изменения. Мы можем сделать это в Центре администрирования. В самом низу бокового меню нажмите на ссылку «Управление кэшем». На странице «Управление кэшем» нажмите кнопку «Восстановить кэш». Теперь мы видим, что календарь и облако были удалены, когда мы снова обновляем браузер.
Все категории Ссылка
У нас такой маленький набор открыток, что нам не нужна ссылка «Все категории» в боковом меню. Итак, давайте удалим эту ссылку, чтобы сделать боковое меню менее загроможденным. Нам нужно будет работать с другим файлом с именем functions.php. Этот файл хранится в исходной папке.
HTDOCS / webcards / источник / functions.php
Чтобы удалить ссылку «Все категории», нам нужно просто закомментировать одну строку кода. Начиная со строки 1410, вы увидите цикл foreach. В этом цикле находится код, который создает ссылку Все категории. Чтобы закомментировать эту строку, добавьте // перед строкой кода. Чтобы увидеть изменения, перестройте кеш и обновите браузер.
Горизонтальное расположение
Возможно, вы заметили, что на первой странице системы у нас есть три вертикальных списка миниатюр, которые представляют собой Новые изображения, Популярные изображения и Случайные изображения. Поскольку у нас такой маленький набор открыток, мы видим некоторое повторение. Было бы лучше, если бы мы использовали другой макет, в котором перечислены все миниатюры на этой главной странице в горизонтальном макете. Затем ссылки в боковом меню ведут к просмотру только миниатюр в одной из двух категорий. Чтобы внести это изменение в макет главной страницы, нам нужно поработать с файлом index.php.
HTDOCS / webcards / index.php
Начиная со строки 315, вы увидите функцию view_stats_page. Мы добавим строку кода, которая изменит макет шаблона для главной страницы. Добавьте эту строку под глобальными переменными.
return choose_image_template ($ messages);
//www.mywebcards.net
Скриншоты веб-карт используются с разрешения.
Видео инструкция: iOS 13: Top Features & Changes for iPhone! (April 2024).