Новый сайт на wordpress, оцените результат

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Задача: сделать сайт детскому центру, с возможностью онлайн вопросов каждому сотруднику. (кабинет рук. -> коллектив ->). Особенно оценю мнение мнение © tiaurus(а).

http://zabavasad.ru/

я пиарюсь

Андрей

Оцените автора

Добавить комментарий

Андрей автор 29.06.2011 в 00:11

Извините, адрес в сети http://zabavasad.ru/

Ответить
psionic 29.06.2011 в 00:15

Если отсутствие поддержки IE действительно критично, сделайте уже лучше заглушку.
Вот пример — http://habrahabr.ru/blogs/ie/81784/

Ответить
ig0r74 29.06.2011 в 07:51

Дизайн с нуля нарисован или готовый переделан?

Ответить
29.06.2011 в 12:01
Сайт хороший, даже не смотря на мелкие недостатки (о них — чуть ниже) — приятная, располагающая цветовая гамма, хорошие фотографии, разумная подача информации. Теперь по порядку.

1. Если детский сад, значит родители. Если родители, значит прежде всего мамы и бабушки, а это значит — Internet Explorer. Хотите вы или не хотите этого, но сайт рассчитан на определенную целевую аудиторию, у которой существуют свои особенности и приоритеты. Поэтому в первую очередь нужно позаботиться о поддержке Internet Explorer хотя бы девятой версии. А сделать осталось для этого совсем немного — размеместить содержимое не слева, а по центру. Что-то типа:
```
<div style="margin: 0 auto;">
	<div>содержимое</div>
</div>
```
[img]https://n-wp.ru/wp-content/uploads/2011/06/tiaurus-2011-06-29_111406.png[/img]

Не забывайте, что IE9 поддерживает большинство фишек CSS3, так что экспериментируйте — думаю, что у вас все получится.

Для более ранних версий IE нужно поставить красивую заглушку, описанную в посте https://n-wp.ru/kak-zapretit-prosmatrivat-blog-v-internet-explorer-6-wp-noie6/ , заодно и избавив сайт от надписи «Сайт не предназначен для просмотра через Microsoft Internet Explorer, пожалуйста обновитесь до последней версии или используйте другой браузер.», которая может любую мамочку поставит в ступор, не говоря уже о бабушках. Помните, что первое впечатление — решающее, и от того, каким увидят ваш сайт в первый раз, будет зависеть, будут ли его посещать в дальнейшем.

2. В форме комментариев я бы переименовал поля Name, Email и Website на русские названия, а подписи (Optional) (Required. Will not be published) (Required) вообще бы убрал. Так же убрал бы поле Website — оно лишнее на сайте детского сада. Подпись «Добавить комментарий» переименовал бы «Задать вопрос или оставить сообщение». Не забывайте о том, кто главный потребитель сайта — пишите как можно проще и понятнее, не бойтесь разжевывать.

3. Область с фотографиями я бы назвал не «Фотографии», а «Сотрудники».

[img]https://n-wp.ru/wp-content/uploads/2011/06/tiaurus-2011-06-29_113920.png[/img]

При наведении на фотографию видна пепонятная подсказка — нужно сделать так, чтобы были видны корректные фамилия, имя, отчество и должность. Наверное этого можно добиться, заполнив соответствующие alt и title у картинок и ссылок.

4. В подвале текст сливается с фоном. Нужно изменить цвет текста, и сделать его большего размера.

[img]https://n-wp.ru/wp-content/uploads/2011/06/tiaurus-2011-06-29_112008.png[/img]

Ничего страшного, если этот текст будет читабельным :)

5. На некоторых страницах нижний фоновый рисунок уезжает вверх, а не остается на месте, как на других.

[img]https://n-wp.ru/wp-content/uploads/2011/06/tiaurus-2011-06-29_112056.png[/img]

Из-за этого появляется пустое место, не вписывающееся в концепцию дизайна.

В общем, если еще немного потрудиться, устранив мелкие недостатки и добившись нормального вида в IE9, то сайт будет просто отличным!
Ответить
1. Андрей автор 29.06.2011 в 13:57
  
  Огромное спасибо за правильные замечания, а теперь ещё немного помощи: где изменить Name, Email и Website, обыскался в файлах. И На некоторых страницах нижний фоновый рисунок уезжает вверх — как опустить футер вниз, что бы не уезжал и оставался на месте.
  
  Ответить
  1. 29.06.2011 в 18:56
    
    comments.php?
    
    Ответить
    1. Андрей автор 29.06.2011 в 19:56
      
      там нет, comments.php — пусто. Где может быть ещё? я пересмотрел во всех файлах темы.
      
      Ответить
      1. 29.06.2011 в 20:34
        
        Вот они:
        
        $fields = array( 'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Ваше имя' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) . '<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>', 'email' => '<p class="comment-form-email"><label for="email">' . __( 'Email' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) . '<input id="email" name="email" type="text" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></p>', 'url' => '<p class="comment-form-url"><label for="url">' . __( 'Website' ) . '</label>' . '<input id="url" name="url" type="text" value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" /></p>',
        
        Пробуем так?
        
        $fields = array( 'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Ваше имя' ) . '</label> ' . ( $req ? '<span class="required" style="display:none;">*</span>' : '' ) . '<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>', 'email' => '<p class="comment-form-email"><label for="email">' . __( '"Электронная почта' ) . '</label> ' . ( $req ? '<span class="required" style="display:none;">*</span>' : '' ) . '<input id="email" name="email" type="text" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></p>', 'url' => '<p class="comment-form-url" style="display:none;"><label for="url">' . __( 'Сайт' ) . '</label>' . '<input id="url" name="url" type="text" value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" /></p>',
        
        Ответить
        
        Андрей автор 01.07.2011 в 13:01
        
        Изменил, но ничего не поменялось :( , какие варианты ещё?
        
        Ответить
kestler 29.06.2011 в 14:10
О дизайне.
Немного выпадает из ритма logo.
Попробуйте сдвинуть влево на 20px? (
```
#logo="margin-left:-20px;"
```
).
Также, сдвинуть облако с солнцем. Так, чтобы край облака выступал вправо за границу на 20 px.
Ответить
1. Андрей автор 29.06.2011 в 14:51
  
  logo — сдвинул, спасибо. Также потянул в сторону меню чу-чуть. Облака с солнышком считаю на месте, (от разрешения экрана скачет).
  
  Ответить
zetrider 30.06.2011 в 07:23

Браузер Chrome, разрешение экрана 1366х768
первый косяк меню, второй косяк в footer, вот как это выглядит http://s013.radikal.ru/i323/1106/db/69ec4598c832.jpg

по дизайну: приятный сайт, хорошая юзабилити
единственное я бы контент поднял ближе к логотипу. (создается чувство пустоты)

Вынесите все скрипты script в отдельный файл

Ответить
kazanec 30.06.2011 в 08:19

Разнести солнышко, и подписи к фотографиям. Усложняет прочтение. Подписи к фотографиям в данный мемент состоят лишь из заголовка. Хорошо было бы добавить под заголовок текстовый блок с анонсом. Таким образом забили бы пустоту справа от «карусели».
Кнопку далее — сделать более контрастной, а то сливается с облаками.
В разделе «События» текст в блоках обрывается и нет кнопки «далее». Попасть на новость можно лишь кликнув на заголовок новости, что не очевидно.

Ответить
03.07.2011 в 13:06

фиксировать бэкграунд css: http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=%D1%84%D0%B8%D0%BA%D1%81%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C+%D0%B1%D1%8D%D0%BA%D0%B3%D1%80%D0%B0%D1%83%D0%BD%D0%B4+css

Ответить