«

»

Сен 28 2012

Распечатать Запись

Обзор темы Graphene для блога на WordPress

Тема для WordPress Graphene

Я используюŽ тему для WordPress Graphene уже достаточно давно, и даже несколько постов посвящено её настройке и доработке. Но полноценного обзора этой темы до сих пор не делал и теперь исправлю это недоразумение.

Для начала, сухой язык цифр: более полумиллиона скачиваний и средняя оценка пользователей 4.4 — вполне неплохо для бесплатной темы, обладающей достаточно широким функционалом, о котором и пойдет дальше речь. Все возможные настройки темы собраны в три группы в разделе «Внешний вид»-«Параметры Graphene». По этим же группам и я буду рассматривать возможности темы для WordPress Graphene:Общие настройки, Настройки отображения, Цвета и Для продвинутого.

Общие настройки

Один из заметных с самого начала плюсов темы — это встроенный в тему слайдер. Не сказать, что слайдер прям «вау», но пользоваться можно. Из настроек не хватает только побольше эффектов смены (есть только горизонтальная, вертикальная смена и наплыв). В остальном же настроек хватает: высота, ширина (на стобец с контентом или на всю ширину блога), время показа одного слайда, количество слайдов, внешний вид слайда и отображаемый контент с возможностью фильтрации по категориям или из списка по id записей.

Второй интересной особенностью является наличие штатных мест под наиболее популярные блоки на сайте:

  • Социальные кнопки может быть встроен в начале в конце записи или же в обоих местах одновременно. 
  • Ссылки на профили в соцсетях размещаются в верхней панели темы Graphene, которую, кстати, можно совсем отключить.
  • Код рекламы Adcense. Хотя можно и не только код этой контекстной рекламы вставить. Просто тема учитывает правило Google Adsense не более трех блоков на странице, и поэтому на главной странице например, рекламный блок будет отображаться только после первого, второго и третьего поста.
  • Код Google Analytics. Аналогично с предыдущим, сюда можно впихнуть код любой статистики.
  • Авторские права. Предусмотрено штатное место в футере для текста на тему ваших авторских прав относительно сайта и материала, размещенного на нем.

Кроме того, полезными являются возможности настроить альтернативные панели для виджетов на главной странице и добавить кнопочку для печати страниц/записей сайта.

Настройки отображения и цвета

Тут огромная гамма настроек: шрифты, цвета, стили, размеры. В плане визуальной настройки есть очень и очень многое, а если вам этого не хватит, то даже не придется создавать отдельный файл со стилями. Прямо в настройках есть поле для ввода дополнительного CSS кода, который шаблон сам вставляет на страницы блога. Кстати, именно этим полем я активно пользуюсь, меняя дизайн блога — мне как программисту проще написать правило CSS, нежели искать можно ли поменять это в настройках:-)

Выбор цвета элемента в Graphene

Выбор цвета элемента в Graphene можно сделать введя HEX-код цвета или же выбрать с помощью инструмента Color Pick.

Отдельно отмечу возможность настройки отображения записей и выдержки. В основном это возможность скрыть лишнюю информацию о записи: автора, теги/метки, рубрики/категории, дату, количество комментариев (только для главной). Так же для выдержки есть возможность указать какие HTML-теги в ней оставлять (все остальные будут вырезаться).

Для продвинутого

Graphene. Настройки для продвинутого пользователя.

Graphene. Настройки для продвинутого пользователя.

Продвинутые пользователи тоже не забыты и в этом разделе есть несколько опций. Самая интересная из них — это возможность сделать место под виджет в любом месте шаблона, где есть точка действия (action hooks). А этих самых точек действий в шаблоне пруд пруди и получается в любое место шаблона можно вставить виджет. Например, именно таки образом у меня вставлен виджет, отображающий схожие записи в конце поста (у меня этот раздел называется «Вам также может быть интересно»). Аналогичным же способом можно вставить и другие популярные в этом месте блоки — поделиться и блок с продаваемыми ссылками.

Еще одной приятной для продвинутых пользователей опцией является поле для ввода тегов, которые должны быть размещены в разделе . При первоначальной настройке шаблона сюда часто приходится лазить — всякие проверочные теги от статистики, инструментов вебмастера, часть кода для кнопки гугл плюс и т.д.

Резюме

Для меня резюме однозначное: тема удобная и со множеством настроек. Когда чего-то не хватает или же наоборот лишнее, то можно и ручками дописать/исправить, так как исходный код написан достаточно понятно и логично. А кроме того, есть форум поддержки, на котором так же можно найти ответы на некоторые возникающие ответы.

38 комментариев

Перейти полю для комментария

  1. Сергей

    Здравствуйте! Хочу задать вопрос: какие настройки Вы используете в «Параметры отображения выдержки сообщения» и ставите ли Вы тег

    в каждом посте? Заранее благодарен.

    1. Stonekeeper

      Показываю выдержки на гравной странице, не показываю полное содержание на архивных страницах, отображаю «далее» для ручной выдержки и сохраняю тэги абзаца, списка и перевода строки.

      Тег <!—more—> ставлю не всегда, точнее даже не помню когда в последний раз ставил. Чаще задаю ручную выдержку или как она называется в русском переводе WP «Цитата».

      1. Сергей

        Огромное Спасибо)!

  2. Ник

    А вы каким хостингом пользуетесь  ? Если не секрет. Не знаю, какой выбрать…у моего постоянно 504 выбивает…Посещаемость 1000-1200 хостов. + через cloudflare.com пускаю..

    1. Stonekeeper

      В этом блоге я уже писал как-то про cloudflare. И это в целом может помочь в вашем случае.
      На счет моего хостинга — sprinthost, то его не видно из-за cloudflare в whois.

      1. Ник

        К сожалению, не подойдет ваш хостинг. С деньгами проблема, сайт доход пока не приносит. Я ищу где- то за 50руб в месяц. Места на хостинге много не нужно мне, мб 200 хватит. Значит буду дальше искать. А за ответ — вам огромное спасибо!

        1. Stonekeeper

          В таком случае потестируйте разные бесплатные хостинги + настройте cloudflare (я в свое время пробовал hostinger.ru). Но, имхо, с вашей посещаемостью лучше уж нормальный хостинг — бесплатные никогда не отличались стабильностью. Кстати, мой блог тоже прибыли не приносит… и так ли уж велика разница 75 или 50 рублей в месяц 😉

          1. Ник

            Да на беплатный точно нет смысла переезжать) Да вроде на хостинге глюки перестали появляться)) Кстати, вам огромное спасибо за статью о cloudflare. После прочитки, я им заинтересовался. Вчера больше 2тыс сайт посетило — выдержал хостинг нагрузку))
            Правда не давно статью  на хабрепрочитал, возможно, к сожалению придется уходить с cloudflare. Придется тогда вдс брать(( http://habrahabr.ru/post/190798/

  3. Сергей

    Здравствуйте! Снова я. Возникли две проблемы. Может, решить их никак не получится. Но все равно, надеюсь, что чем-нибудь поможете. Никак не могу убрать поле «сайт» в комментариях, хоть об этом и много пишут, ничего не выходит. Думаю, что дело в этой теме, хотя, может, я и ошибаюсь. Второе, сделал на сайте регистрацию, но после того, как пользователь регистрируется, на странице редактирования профиля появляется такое: «Специальная информация профиля пользователя в теме Graphene» и под этим: «Заданные параметры используются только в теме Graphene» и под этим поле для вписывания URL. Мне это совсем не нужно, и я не знаю как это убрать.  Помогите, если это возможно!

    1. Stonekeeper

      На счет возможности поставить ссылку в форме комментирования.

      Идем в редактор тамы, там ищем файлик theme-comment.php и удаляем этот код:

      На счет второго я бы не стал замарачиваться, так так там ссылка на картинку, которую пользователь может использовать в качестве своего аватара.

  4. Спасибо! С комментариями разобрался, поле «сайт» убрал,  долго не мог, в конце концов, нашел Ваш сайт и спросил у Вас)) Со вторым я сделал так: зашел в языковые файлы темы и там вместо «Специальная информация профиля пользователя в теме Graphene и Заданные параметры используются только в теме Graphene», написал свой текст))
    Еще вопрос, я вместе с плагином «Theme My Login» использую плагин «Register Plus Redux» (для добавления полей в регистрацию) могут ли эти два плагина конфликтовать?

    1. Stonekeeper

      На счет второго вопроса тоже приходила такая мысль. При обновлении темы не забывайте повторно изменять перевод.
      Про конфликт указанных плагинов ничего не скажу — не пробовал и про второй вообще не слышал=)

  5. Сергей

    Возник ещё один вопрос… Долго не хотел обновлять эту тему, но уже сильно надоел тёмный кругляк с одним обновлением :) Не хотел потому, что в новой версии немного изменён дизайн (на тестовом блоге обновил), например кнопка «Войти», как у Вас :) А такая кнопка, с моими настройками темы смотрится не очень. Ну теперь уже что? Тему обновил, старую версию возвращать лень, да и опять же этот кругляк с цифрой 1… Ну пришлось чуть-чуть изменить настройки. Всё, вроде бы смотрится получше. Но тут заметил, что в анонсах кнопка «Читать далее» Стоит не в том месте где раньше. Раньше она стояла над кол-вом комментов, а теперь стоит слева под анонсом, возле миниатюры (читать далее и миниатюра стоят примерно на 10 пикс. друг от друга). Мне такое не нравится :) Я хочу как раньше. Посмотрел как у Вас, вижу тема у Вас обновлённая и всё норм. Подскажите, как можно это исправить, если Вы конечно знаеете :) Пока писал, подумал, может даже Вы ничего не меняли, просто после обновления кнопка осталась там же. Жду Вашего ответа :)

    1. Stonekeeper

      «Внешний вид» — «Параметры Graphene» — «Параметры отображения» — «Специальный CSS» добавил код:

  6. Сергей

    Ураааа!!! :)  Я уже было думал что всё… Огромное Спасибо! :) Так быстро ответили)

  7. Сергей

    Извините за многочисленные вопросы. Недавно обнаружил, что сайт, при некоторых разрешениях экрана сильно видоизменяется, как бы растягивается на весь экран, фон практически не видно. Особенно плохой вид с ноутбуков. Как я понял,  дело в настройках ширины сайта, у меня стоят такие настройки: параметры столбцов: сайтбар слева, контент, сайтбар справа. Параметры ширины столбцов: Ширина контейнера — 1300 px. Ширина столбцов (режим трёх столбцов): Левая боковая панель — 250 px. Область содержания — 740 px, правая боковая панель — 250 px
    С разрешением экрана 1680 x 1050 (это разрешение стоит на моём экране стационарного компьютера), и выше чем 1680 x 1050, к примеру 1920 x 1080, смотрится неплохо.
     
    А вот с разрешением ниже, сайт выглядит по-другому и смотрится некрасиво. Очень хочется, чтобы всё смотрелось также, как и на разрешении 1680 x 1050, чтобы сайт оставался таким же, пропорции сохранялись, что ли. Я знаю, что можно оставить стандартые настройки, с одним сайтбаром, и тогда будет всё как бы нормально, но для моего сайта нужно именно два сайтбара, и именно, чтобы каждый был 250 на 250 px и чтобы область контента была не очень маленькая.
     
    Вот два скрина (потом удалю), один сделан со стационарного компьютера, другой с ноутбука. 
    Со стационарного — http://www.7palat.kz/wp-content/loads/ScreenShot00125.jpg
    С ноутбука — http://www.7palat.kz/wp-content/loads/2013-11-17_202753.png
     
    Вроде бы  оба скрина почти  одинаковые, однако, на скрине, который сделан с ноутбука, такое впечатление что фон обрезан, и сайт, как бы если его не прокручивать вниз, выглядит короче, чем на первом скрине.
    Ну вот, так долго писал, а, судя по всему, сделать с этим ничего нельзя?((((

    1. Stonekeeper

      Такая ситуация будет на любой теме WP со стационарными настройками ширины.

      Если хотите, чтобы сайт адаптировался под разные экраны, то посмотрите в сторону “резиновых” тем WP или же в сторону адаптивных (responsive). В первом случае ширина блоков меняется в зависимости от размеров экрана, а во втором и ширина и метсоположение.

      В плане второго могу посоветовать Gantry Framework, но там очень много нужно доделывать, так как по сути это только фреймворк для разработки собственной темы с адаптивным дизайном.

  8. Сергей

    Видимо, придётся оставить всё как есть. Тему менять не хочу, к этой привык. А вообще тут всё дело только в CSS? Вроде бы нужно чтобы блоки не в пикселях были, а в процентах? 😀 

    1. Stonekeeper

      Если бы все было так просто, то любая тема поддерживала бы «резиновый» свой вариант 😉

      Не советую пытаться на графен натянуть резиновый CSS — все поплывет. Уж проще свою тему делать, имхо.

  9. Сергей

    А есть ещё какая-нибудь тема, типа графена, только «резиновая» 😀 😀 😀
    Честно говоря, эта тема понравилась только из-за виджетов. Особенно для меня хорошо то, что в шапке можно виджет вставить.
     
    Или, в принципе, может, и не сильно вид портится, просто шапка сильно широко выглядит, и кнопки соц сетей на сайтбар съезжают. А нельзя ли как-то эти кнопки в конце статей сделать?)

    1. Stonekeeper

      Про резиновые темы ничего не могу сказать — надо ставить, пробовать, смотреть.

      Кнопки можно перетащить в конец статьи, но для этого придется ручками пошаманить.

      В параметрах графен, вкладка «для продвинутого», есть раздел «Панели виджетов для точек действия». Там можно активировать любой хук и появится новое место для виджета. Соответственно можно активировать все хуки в конце поста/контента и поиграться с расположением виджета с социальными кнопками.

  10. Сергей

    Спасибо. Буду пробывать.  :)

  11. Сергей

    И ещё вопрос) Пожертвовал одним сайтбаром, поставил стандартные настройки ширины. Но, вроде бы, Ваш сайт чуть-чуть шире) Если не секрет, какие настройки стоят у Вас?)  

    1. Stonekeeper

      Контейнер: 1000px

      Область содержания: 680px

      Боковая панель: 280px 

  12. Наталья

    Добрый день! Подскажите, можно ли слайдером «крутить» изображения, а не записи?

    1. Stonekeeper

      Здравствуйте.

      Теоретически можно реализовать показ изображений понасоздавав записей в которых будет по одному изображению. Но я не вижу в этом особого смысла, так как встроенный слайдер заточен именно для показа некоторых сообщений на главной странице.

      Чтобы крутить картинки лучше использовать соответствующие виджеты, коих великое множество. А вставить виджет можно практически в любое место в теме Graphene благодаря возможности настроить панель виджетов, привязанную к любому доступному в теме хуку.

  13. Максим

    Подскажите как всавить слайдер в новую страницу?

    1. Stonekeeper

      Использовать для этого плагин. Самой темой слайдер предусмотрен только для главной страницы.

  14. Андрей

    Добрый вечер, у меня 2 вопроса:
    1) Как сделать таикой же вид ввода коментариев с кучей кнопок как у вас, используя ту же тему.
    2) У меня проблема с темой версии 1.93 — если страница без контента, или 404, то на ней не отображается лого в хедере, а в коде источник изображения пуст, но если добавитьт на страницу контент, то всё норм, как поправитть?

    1. Stonekeeper

      Доброго времени суток.
      По первому вопросу почитайте пост Добавление визуального редактора TinyMCE в комментарии WordPress. Там описано как сделано и меня, но сразу обращу внимание, что есть косяк: не работает кнопочка отменить ответ (форма комментирования блокируется).
      По второму вопросу, к сожалению, мыслей с ходу в голову не приходит, кроме как обновляйте тему, но не забывайте про сделанные руками изменения в ней, которые надо заново повторять после обновления.

  15. Diamond

    Здравствуйте.
    Я использую тему Graphene, и решила вместе с тем поставить плагин bbpress (т е форум).
    Форум я вывела отдельной страницей после Главной, чтоб было удобнее… и с помощью настроек темы для этой же «страницы» в свойствах я убрала сайдбар, который у меня по умолчанию один справа.
    Но вышел нюанс, когда переходу на страницу «Форум» где отображается список форумов/категорий — сайдбара нет, но когда переходу уже в категорию, а потом в тему форума, то и там и там появляется.
    Хотела конечно сделать отдельный шаблон для форума, как в других шаблонах ранее делала, но файлик page.php очень отличается, он практически пуст… и я не знаю как решить эту задачу.
    Кратко говоря, задача состоит в том, чтобы в этом шаблоне убрать сайдбар индивидуально для bbpress. 😉
    Есть идеи ?

  16. Ирина

    Здравствуйте! Использую тему Graphene на wordpress, не могу настроить постраничную навигацию, плагин
    WP Page Numbers активировала, но настроить не могу.
    Еще вопрос Как изменить шапку сайта на этой теме, не нашла ни одного ролика. А так мне эта тема нравится.

    1. Stonekeeper

      Здравствуйте!
      Прошу прощения, что долго не отвечал. Проблема в том, что подобные плагины для вывода своих элементов используют стандартные хуки. В Graphen же введена своя структура хуков их гораздо больше, чем обычно).
      Поэтому необходимо делать правки в самой теме — искать код, который отвечает на вывод стандартной постраничной навигации и заменять его на вывод от этого плагина.

  17. Наталья

    Доброго времени суток. Установила данную тему, она реально классная, но во в чем беда…. некорректно стал работать бесплатный плагин строитель page buildel. Проблема в том, что все казалось бы хорошо, но на странице сайта все изображения в итоге находятся в рамке, с другой темой такой проблемы нет. Что подскажите?

    1. Stonekeeper

      Добрый день.
      Вероятнее всего проблема кроется в CSS стилях темы, раз основная функциональность плагина не пострадала. Исследуйте элемент img и несколько объемлющие его. Особое внимание обратите на padding, border, margin — именно они чаще всего создают такой эффект.

      1. Наталья

        А где именно искать ( в style.css или нет) и что сделать потом с ними?Подскажите пожалуйста

        1. Stonekeeper

          Откройте проблемную страницу, правой кнопкой на изображении с рамкой и среди пунктов выберите что-то типа «исследовать элемент» (так в Chrome называется). Далее при помощи открывшихся инструментов надо посмотреть применяющиеся стили для img и объемлющих элементов. Там же будет видно откуда возник проблемный стиль.
          Но в вашем случае вероятнее всего style.css

      2. Наталья

        В таблице стилей для редактора (editor-style.css) вот такая картина — img {
        border: 4px solid #e3e3e3;
        margin: 5px;

Добавить комментарий для Ник Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *