ТЗ - iFreelancer.com

Введение
Рабочий процесс:
Выбранному претенденту мы передаем файл с темой, он устанавливает его себе и
начинает исправлять/дорабатывать.
Оплата:
Чтобы обезопасить обе стороны, предлагаем разбить работу на части. После выполнения
каждого этапа исполнитель показывает нам результат на своем сервере. Мы оплачиваем
этап, а взамен получаем доработанный архив с темой.
Дополнительные баги:
Если в ходе дальнейшего тестирования возникнут дополнительные баги или пожелания,
они должны исправляться за дополнительную плату (по согласованию).
Есть исключение: если баг возник в результате исправления бага/доработки из этого ТЗ,
он должен быть исправлен бесплатно.
Общие баги
1. Два блока с поиском в сайдбаре
После установки темы в сайдбаре становится два блока поиска:
Нужно сделать так, чтобы при установке темы ее поиск (на картинке вверху) заменял
стандартный.
Внимание: нужно не просто заменить на уже готовом сайте, а сделать это в теме, чтобы
при каждой установке темы стандартный виджет поиска заменялся.
Пример страницы: http://asktofix.com/wpira/?cat=4
1
2. На некоторых страницах постов сайдбар плывет
вниз
Нужно сделать так, чтобы сайдбар отображался справа, где ему и место.
Примечание: опытном путем установлено, что сайдбар в основном плывет на тех
страницах, к которым отключены комментарии (т.е., убрана галочка “Allow comments”):
Пример страницы: http://asktofix.com/wpira/?p=1152
2
3. Секция с комментариями пуста
Если на странице запрещены комментарии, то от них все равно остается заголовок
секции “Comments”. Его нужно убрать.
Пример страницы: http://asktofix.com/wpira/?p=1152
4. Цвет кнопки “Post comment”
Кнопка “Post comment” сделана не градиентом через css, а просто копированием картинки
с фоном:
Нужно сделать так, чтобы во всех состояниях цвет кнопки определялся через градиент
(взять его от кнопки Read more):
3
5. Sticky post
Добавить класс для sticky-постов.
Блок, в котором находится такой пост, должен быть желтым:
6. Большая картинка вылазит из блока контента
Картинка вылазит за границы блока:
Пример страницы: http://asktofix.com/wpira/?p=1177
4
7. Разобраться с локализацией
Тема показывается на английском, но в папке с локализацией только файлы с русским:
Русский язык пока не нужен, но нужно, чтобы в папке были файлы с английским языком
для редактирования.
/обсудить этот вопрос/
8. Средняя секция футера вылазит за границу
В одном из адаптивных разрешений серединка футера вылазит:
5
9. Публикуются отложенные посты
Посты, которые должны быть опубликованы в будущем (т.е. если мы ставим отложенную
дату публикации), все равно видны сразу:
6
Ошибки валидации
Theme Check
После того, как тему прогнали через Theme Check, он выдал ряд ошибок (насколько
понимаем, большинство — однотипные). Вот какие из них нужно исправить:
● REQUIRED:.wp-caption css class is needed in your theme css.
● REQUIRED:.wp-caption-text css class is needed in your theme css.
● REQUIRED:.sticky css class is needed in your theme css.
● REQUIRED:.gallery-caption css class is needed in your theme css.
● REQUIRED:.bypostauthor css class is needed in your theme css.
● REQUIRED:.alignright css class is needed in your theme css.
● REQUIRED:.alignleft css class is needed in your theme css.
●
WARNING: Found PHP short tags in file tumbler.php.
●
Line 30: <a href='<?php the_permalink()?>'><?= get_the_post_thumbnail( $id, array(100,100) );?></a>
●
WARNING: Found PHP short tags in file title_block.php.
●
Line 24: <?= post_type_archive_title();?>
●
WARNING: Found PHP short tags in file search_list.php.
●
Line 18: <img src='<?= get_post_image();?>' alt='<?=the_title();?>'>
●
WARNING: Found PHP short tags in file portfolio_list.php.
●
Line 18: <img src='<?php = get_post_image();?>' alt='<?=the_title();?>'>
●
WARNING: Found PHP short tags in file blog_list.php.
●
Line 19: <img src='<?= get_post_image();?>' alt='<?=the_title();?>'>
●
REQUIRED: The theme doesn't have comment pagination code in it. Use paginate_comments_links() or
next_comments_link() and previous_comments_link() to add comment pagination.
●
REQUIRED: Could not find the comment-reply script enqueued. See: Migrating Plugins and Themes to
2.7/Enhanced Comment Display
●
<?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?>
●
REQUIRED: Could not find wp_link_pages. See: wp_link_pages
●
<?php wp_link_pages( $args ); ?>
●
REQUIRED: Could not find post_class. See: post_class
●
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
●
REQUIRED: Could not find language_attributes. See: language_attributes
●
<html <?php language_attributes(); ?>
●
REQUIRED: Could not find body_class call in body tag. See: body_class
●
<?php body_class( $class ); ?>
●
REQUIRED: Could not find add_theme_support( 'automatic-feed-links' ). See: add_theme_support
●
<?php add_theme_support( $feature ); ?>
7
Debogger
Плагин Debogger выдает такую ошибку
Debug: Undefined offset: 0 on line 496 of /wp-content/themes/Vilia-code/functions.php
W3C Validator
Пример тестовой страницы: http://asktofix.com/wpira/
●
●
●
●
Stray end tag span.
Duplicate ID searchform.
Duplicate ID s.
Duplicate ID searchsubmit.
Пример тестовой страницы: http://asktofix.com/wpira/?p=223
● Element hr not allowed as child of element h3 in this context. (Suppressing
further errors from this subtree.)
● Duplicate ID commentform.
● Unclosed element div.
● End tag form seen, but there were open elements.
8
Другое
Структура файлов в теме
В файлах темы некоторый беспорядок - есть излишние файлы.
Содержимое папок content и titles нужно раскидать по основным файлам в корне
(разумеется, руководствуясь здравым смыслом, а не просто абы куда)
Папка content:
404.php
blog_list.php
page_clear.php
page_content.php
page_sidebar.php
portfolio_content.php
portfolio_list.php
post_content.php
search_list.php
Папака titles:
author_title_block.php
page_title_block.php
portfolio_title_block.php
tag_title_block.php
title_block.php
9
Добавить настройки через
плагин OptionTree
Для настроек темы используется плагин OptionTree. Он уже установлен, там есть
некоторые настройки. Нужно добавить еще две группы.
Цвета
Выбор цветов/цветовой схемы для элементов.
Тема отличается тем, что большинство элементов заключены в блоки.
Соответственно, много разных линий, теней и т.д. Фактически используется около десяти
цветов (в основном оттенки серого и голубого). Все эти цвета приданы элементам в
файле style.css (+, наверное, что-то берется из bootstrap.min.css).
Задача: добавить возможность эти цвета менять. В идеале - на произвольные (в
OptionTree есть элемент ColorPicker). В крайнем случае - переключаться между
несколькими стилями (голубой, зеленый).
№
Текущее
значение
(HEX)
1
#000000
2
#00a4c9
10
3
#242424
4
#2b2b2b
5
#42BEDA
6
#707070
7
#858484
8
#bcbbb8
Проблема заключается в следующем:
Поскольку цвета в файле .css, туда вроде как нельзя вставить переменные php. А
принцип работы Option Tree - настраиваемые элементы заменяются кодом php и потом
уже меняются.
● Вариант переименовать style.css в style.php не подходит - так не рекомендуется
делать, судя по форумам.
● Вариант раскопировать style.css (style1, style2) и переключаться между этими
стилями - несколько неизящен.
● Вариант вынести только цвета в отдельные .css и переключаться между ними можно рассмотреть.
● …
!
Поэтому перед началом работы нужно обязательно согласовать с нами способ,
который вы хотите использовать.
11
Выбор шрифтов
Нужно добавить в настройки дропдаун с выбором шрифтов.
Плюс нужно разнести шрифты: сейчас у нас для всего используется только один, а нужно
сделать возможность использовать разные шрифты для меню, текста и заголовков.
Результат: в настройках появляется три блока: Menu font, Text font, Headers font. В каждом
блоке - дропдаун. В каждом дропдауне - следующие шрифты на выбор.
Lytica Pro Condensed (default)
Roboto Normal 400
Rosario Normal 400
Oxygen Normal 400
Varela Normal 400
Cabin Condensed Normal 400
Coda Normal 400
Voces Normal 400
Roboto Condensed Normal 400
Play Normal 400
Maven Pro Normal 400
Droid Sans Normal 400
Noto Sans Normal 400
Telex Normal 400
Carme Normal 400
Ubuntu
PT Sans Narrow Normal 400
Inder Normal 400
Nunito Normal 400
Nova Flat Normal 400
Istok Web Normal 400
Все шрифты кроме Lytica Pro Condensed - из набора Google fonts, их мы хранить у себя
не будем. Этот же шрифт сейчас просто вложен в тему и встраивается вот так:
@font-face {
12
font-family: 'LPC';
url('lytiga_pro_condensed.eot');
src: local('Lytiga Pro Condensed'),
url('Lytiga_Pro_Condensed.otf');
url('lytiga_pro_condensed.ttf') format('truetype'),
url('lytiga_pro_condensed.woff') format('woff');
}
Также можем предоставить пример темы, в которую google fonts уже интегрированы с
помощью OptionTree (правда, там нету НЕ-гугловских шрифтов).
Социальные сети
Сейчас в футере иконки социальных сетей фиксированы:
Нужно добавить настройки - возможность вставить адрес, куда ведет иконка:
При этом, если адрес не задан (поле пустое), то иконка не должна показываться..
13