«

»

Окт 03 2012

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

Graphene – пара несложных исправлений темы

Постраничная навигация в многостраничных постах

Тема Graphene по умолчанию поддерживает плагин WP PageNavi и это действительно так для навигации в списках постов.

Страничная навигация WP PageNavi

Страничная навигация WP PageNavi

Но вот для многостраничной записи выводятся обычные номера страниц WordPress.

Страничная навигация внутри записи

Страничная навигация внутри записи по умолчанию

Заметив это я занялся поиском как исправить. Было много разных вариантов, но самым простым и надежным все же оказалось изменение исходного кода темы. Хотя это не самое удобное решение, так как при обновлении темы придется снова вносить изменения в исходный код темы (если только авторы не исправят баг). Итак, в файле loop-single.php ищем строку:

И меняем на такую:

Убираем пустой тег изображения в header

Решил я недавно посмотреть как выглядит мой сайт в обычном эксплорере, и обнаружил пренеприятный факт: тег img в заголовке появляется вне зависимости от того используется ли изображение или нет, а эксплорер отображает это как незагрузившуюся картинку. В целом, конечно ничего особо страшного, но не очень привлекательно, когда рядом с заголовком висит небольшой прямоугольник со стандартным маленьким красным крестиком. Решение было найдено в простом изменении header.php (добавленные мной строки подсвечены в коде):

Суть изменений, думаю, и сами поняли – код вывода изображения выводится только тогда, когда ссылка на изображение не пустая. Можно было, конечно, и совсем удалить этот код, так как изображение для шапки сайта я пока не планирую использовать, но примененное решение элегантнее и гибче.

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

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

  1. Михаил

    Приветствую, у меня такой вопрос, как убрать тень от картинок в теме Graphene?
    Заранее благодарен!
    С уважением Михаил!

    1. Stonekeeper

      Какую именно вы тень имеете ввиду? Посмотрев на Ваш сайт, думаю, вы имеет ввиду границу, а не тень. У Вас для картинок прописан такой CSS:

      Соответственно, чтобы исправить перейдите в “Внешний вид” – “Параметры Graphene” – “Настройки отображения” – “Специальный CSS” и добавьте туда следующий код:

  2. Aleksandr

    Я вставлял таблицы со своего старого сайта и их закрывает sidebar в некоторых записах.

    как тут:

    http://www.suomesta.ru/2013/01/05/svodnaya-tablica-predlogov-i-poslelogov/

    Не подскажете, как отключать sidebar в отдельных записях? Я был бы очень признаетелен.

    1. Stonekeeper

      Ваш вопрос относится не к теме Graphene, а к WordPress в целом. На вскидку вижу несколько решений вашей проблемы:
      1. Если таких страниц на сайте немного, то можно делать их не записями, а именно страницами. А при создании страницы в WordPress можно выбрать шаблон страницы без сайдбара.
      2. Открыть на редактирование пост с таблицей и вставить в начале код такого вида:

      3. Для всех постов изменить шаблон страницы и сделать его без сайдбара.
      Быть может есть и еще варианты:-)

      Дополнение от 01.03.2013: В итоге автор исходного коммента просто ужал таблицу:-) Тоже вариант, но и страница стала еще длиннее от того, что таблица вытянулась по вертикали.

  3. Алексей

    Здравствуйте. Вопрос немного не в тему но может вы знаете решение. Меня не устраивает дефолтный размер миниатюр в постах, искал решение в гугле, в самой теме но ничего не получается. В стилях вот это img.attachment-thumbnail менял на это 

    но толку от этого нет.Может посоветуете как быть? Хотя вижу у вас превьюшки тоже 150х150. Спасибо.

    1. Stonekeeper

      Добрый день, Алексей.

      Размер превьюшек можно поменять в настройках WP “Параметры->Медиафайлы->Размер миниатюры”. Но в некоторых темах разработчики в самом коде меняют размер миниатюр и тогда эти настройки никак не будут влиять. Постараюсь подробнее покопать в этом вопросе для Graphene и тогда отвечу или даже пост напишу отдельный 😉

  4. Александр

    Как можно вывести шапку через style.css ? А то логотип выводится через стандартную функцию вордпресса “Заголовок”  Я понял, что вывести можно так:
    <div class=”logo”></div>.logo {background-image: url(../disain/file.jpg);width: 980px;height: 280px;}
    но куда вставить <div class=”logo></div> ? В какой файл, и правильно ли я размышляю. Заранее спасибо за помощь. Тема graphene

    1. Stonekeeper

      Вывести через style.css невозможно по определению. Выводится все через в соостветсвии с кодом на php, а в style.css описываются стили для выводимых элементов.

      Ваша задача, как я понял: вывести в шапку свою картинку своего размера.

      Решается она просто и без внесения изменений в код:

      1. Меняем высоту картинки в “Параметры Graphene – Параметры отображения – Параметры отображения заголовков – Высота заглавной картины”.
      2. Ширина заголовка определяется шириной блога и настраивается в “Параметры Graphene – Параметры отображения – Параметры ширины столбцов”
      3. Загружаем свою картинку через стандартное меню WordPress в “Внешний вид – Заголовок”

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

  5. Александр

    Да я это все знаю, что вы написали. Просто я хотел, что бы логотип вписался в тему. Сейчас наводишь на логотип мышку и хочешь обновить страницу, уже не получается так как картинка. И скопировать легко можно. А у многих я вижу логотип как фон и чтобы например скопировать, нужно уже лезть в исходный код. Я как то сумбурно написал, незнаю поймете ли вы.

    1. Stonekeeper

      На счет вписаться в тему – для этого стандартного функционала WP вполне хватает. Только картинку надо подготовить.

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

      Вот тут я не совсем понял… Картинку в заголовке можно сделать ссылкой и на это в теме Graphene есть отдельная настройка “Параметры Graphene – Параметры отображения – Параметры отображения заголовков – Добавлять ссылку на главную страницу от заглавной картинки”.

      вижу логотип как фон и чтобы например скопировать, нужно уже лезть в исходный код

      Не заморачивайтесь на этом: кому надо, тот скопирует. А кто не умеет в исходный код лазить – тому и не надо скорее всего.

  6. Александр

    Да у меня это все сделано, что Вы написали…да я забил на логотип…и еще один вопрос к Вам: а как можно сделать, чтобы картинка к записям имела аналогичный размер, как на главной странице. Напишу подробней. Вот, когда заходишь в любую рубрику, то меняется оформление: картинки находятся сбоку записи и имеют размер 150 на 150. А у меня на главной странице, картинки имеют размер 450 на 450 и расположены посередине записи. То есть как сделать в рубриках все аналогично, как на главной. Заранее благодарю)
    И у Вас кстати регистрация на сайте не работает.

    1. Stonekeeper

      Если честно, я не очень себе представляю как и на главной у Вас так сделано, поэтому ответить могу только нечто общее – сделать в рубриках по аналогии с главной :)
      На вскидку приходит несколько вариантов:
      1. На главной CSS какой-то особенный.
      2. Для главной выбран хитрый способ формирования списка последних постов в исходном коде.
      3. На главной стоит хитрый JS скрипт, который делает такое красивое оформления (но это навряд ли, такой способ обычно на Blogger использую ввиду отсутствия нормальной альтеративы).
      Про замечание с регистрацией – спасибо… как время будет, поищу где косяк.

  7. Леонид

    У меня Graphene 1.8.4  и на платном хостинге и налокальном Денвере. И в обоих на каком-то этапе перестал отображаться фон. Я его и загружаю имеджем и просто меняю цвет – и настройками самого Graphene,  и в style.css для body – не реагирует, фон остаётся белым.   А два дня назад был голубым. Спасибо.

    1. Stonekeeper

      Посмотрите повнимательней исходной код страницы вашего сайта. Белый фон у вас прописан в стиле самого элемента body(соответственно проверяйте header.php kb.j же ищите js-скрипт, который добавляет сию приписку).
      Далее, насколько я вижу, в “Параметры Graphene – Параметры отображения – Специальный CSS” у вас есть в том числе:

      Удалите и будет вам счастье. А еще лучше уберите проставление фоновой картинки через style.css и воспользуйтесь стандартным способом WP через “Внешний вид – Фон”

  8. Леонид

    Спасибо за ответ. Но ничего не помогло. в стиле для body  белый фон не прописан. В файле  header.php нашёл вот такую строчку <?php if ( !get_theme_mod( ‘background_image’, true) && !get_theme_mod( ‘background_color’, true) ) : ?>, где стояли оба значения для фона false, заменил их на true.  В специальных CSS   у меня тоже никаких записей не оказалось.  Правда за поиск J scriptov даже не брался, не знаю, где и искать. Проверял всё на локальном Денвере – у меня совершенно одинаковые сайты, а на локалке провожу эксперименты.и, последнее, как Вы и посоветовали, удалил вообще пункт фон из стиля для body, средствами вордпресс загрузил картинку фоновую, изменил цвет на голубой – никакой реакции. Обидно, но фон так и не появляется, как заколодованный чем-то. Спасибо.

    1. Stonekeeper

      Метод типа “лом” поможет. Можете перекрыть все наложенные стили добавив в “Параметры Graphene – Параметры отображения – Специальный CSS” следующий код:

      Этот стиль перекроет все имеющиеся сейчас у Вас на сайте и “вытащит” вашу картинку на фон.

  9. Леонид

    Спасибо, что возитесь со мной. Но даже “лом ” не помог. Фон остаётся белым. Но, странно. .. Просматривая код html из браузера обнаружил запись:
    <body dir=”ltr”style=”background:#FFFFFF”> Ни в одном из файлов темы такой записи нет. Откуда она может взяться для body?  И где вообще есть  body? Это же php, а не  html  .  Действительно колдовство… Спасибо.

  10. Леонид

    Спасибо за всё. Я уже с этим справился. Собака оказалась зарытой в виджете текст на сайдбаре для главной страницы. Там была строчка  <body dir=”ltr”style=”background:#FFFFFF”>. Вот уж не предполагал, что это будет относиться ко всей странице, а не только к конкретному меню. Спасибо! У Вас замечательный сайт!

    1. Stonekeeper

      Вот уж странный виджет:) Рад, что докопались!

  11. Леонид

    Здравствуйте. Подскажите, пожалуйста, как в Graphene заменить горизонтальное меню под хедером на своё. Спасибо.

    1. Stonekeeper

      В header.php заменить код или его часть

      на то, что Вам надо:)
      Но мой совет – не делать этого, а если уж так надо помозгуйте как сделать желаемое на уровне стилей.

  12. Леонид

    Спасибо. Вы, конечно, правы. Выбросить функции и заменить их на статичное меню с прописанными ссылками – дело нехитрое.  Но хочется, чтобы средствами WP меню обновлялось автоматически . Если я правильно догадываюсь, то меню имеет вид аналогичный, как в HTML,  и надо в стилях найти , что отвечает за аналог тэгов u, li, меню как блока  в целом,  и сними играться.  Спасибо, есть над чем работать. Особенно , когда видишь элегантные и красивые примеры, как меню на этом сайте.  Конечно, это не мой уровень, но хочется отойти от квадратно-гнездового меню Graphene. Спасибо.

  13. Natali

    Здравствуйте. У меня проблемка, к теме статьи конечно не очень подходит: может Вы знаете как добавить форму комментариев вконтакте и фэйсбук для темы Graphene, поскольку те способы, которые предлагает гоогл не помогают, пропадает сайд бар и форма неровная “прилипает” к границе коробки. Главная загвоздка в  файле single.php, который отличается от других тем, и в нем функция php cоmments_template(); ?>, перед которой обычно и вставляется код, вообще отсутствует. пыталась прописать ее сама, но возникают вышеопианные эффекты. Мучаюсь уже долго.( Надеюсь, поможете с моей проблемой. я конечно не спец, но описала надеюсь тоже более ли менее понятно:) Заранее спасибо.
     

    1. Stonekeeper

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

      Самый правильный с моей точки зрения вариант с использованием хуков (точки действия) и functions.php. Основа способа изложена в посте “Переносим все изменения WordPress в functions.php“.

      Применительно в установке комментариев нам нужны две точки действия для двух фрагментов кода: одна в разделе head, вторая в том месте куда будут вставлены комментарии.

      В качестве первой предлагаю использовать wp_head (стандартный хук WP, который присутствует в Graphene).

      В качестве второй предлагаю использовать одну из двух: graphene_before_comments или graphene_after_comments.

  14. Natali

    Да, спасибо огромное. Попробую сделать, как Вы написали. с файлом wp_head у меня проблем не было, а вот дальше вы занаете. еще думала в файл loop – single.php  или loop – page.php  вторую часть кода вставить.

    1. Stonekeeper

      Натали, почитайте внимательно пост, на который я дал ссылку и сам коммент. Я не профайлы говорю! Изменение вносится только в один файл functions.php !!!

      wp_headgraphene_before_comments и graphene_after_comments это точки действий (“хуки”). К ним может быть привязан вызов функции, что я и предлагаю сделать в functions.php – написать функции, формирующие код формы комментариев от facebook/VK, и привязать их вызов к нужным точкам действий.

  15. Natali

    Я вставила форму комментариев, наконец-то)) Да, я читала Вашу статью и я поняла, что  работаем только в файле functions.php. Это я из-за бессонных ночей из-за моего блога, простите за тавтологию,  ошиблась в написании: я имела ввиду, что в файл header.php вставила первую часть кода, а дальше у меня были проблемы. Но после того, как я вставила вторую часть кода в файл  loop – single.php, после постов перед обычной формой комментариев, появилась форма ком. для VK. Не знаю правильно ли я сделала. А что касается файла functions.php, то у меня в данном файле (при просмотре в редакторе или файлзилле) вообще нет хуков wp_headgraphene_before_comments  и graphene_after_comments. Так что, я не смогла попробовать Ваш метод. Если я, как еще почти чайник, но активно стараюсь узнавать побольше, чтобы им не оставаться)) раздражаю Вас, как профессионала, то прощу прощения. В любом случае, спасибо огромное Вам за отзывчивость,помощь и хорошую работу. Ваш сайт очень полезный, юзабилити хорошее и я буду как можно чаще в гости заглядывать)) С наилучшими пожеланиями

  16. Александр

    Простите за беспокойство, не могли бы Вы помочь.
    У меня сайт, посвященный финскому языку, и я заметил, что в Graphene произвольно меняются размеры шрифта, хотя я поставил в настройках arial и 12pt.
     
    Особенно часто это происходит при использовании плагина spoiler
    http://www.suomesta.ru/2013/01/06/uprazhneniya-na-abessiv/
    , но и просто иногда в больших статьях абзацы отображаются в разнром шрифте и размерах.
     
    Я уже пробовал ставить отдельные плагины шрифтов, но ничего не помогает.
     
    Спасибо.

    1. Stonekeeper

      В чем проблема разобраться не смог, но есть обходное решение. В разделе настроек Graphene “Специальный CSS” добавьте строчку:
      .entry-content, .sidebar, .comment-entry {font-size: 12px;}

      И обновите тему, предварительно сохранив папку с текущей версией темы.

  17. source

    Здраствуйте. Не нашел ответ на такую проблему:
    *тема Graphene 1.9.2
    *Выставил левый и правый сайтбары.
    *сайт тестовый.
    1) когда открываешь запись, то правый, основной сайтбар съезжает куда то под запись. Как это исправить?
     
    2) На главной странице были этикетки/метки. Я их отключил в настройках темы. 
    Как переименовать их в метки?
    Как их сделать в самой заметке?
     
    3) По поводу тега <!–more–>. 
    Как сделать так, что бы именно админ мог выставлять в том месте, где нужен этот тэг, а не так, что бы тема сама определяла когда обрезать запись?

    1. Stonekeeper
      1.  Надо смотреть настройки ширины с учетом всех отступов. В особенности все ваши дополнительные стили. Кидайте ссылку на сайт через форму обратной связи – посмотрю.
      2. Что-то не совсем понял о чем вы – где именно в настройках темы отключали? А то у меня на ум приходит только стандартный виджет WP.
      3. Вставляйте вручную в каждую запись и будет Вам счастье. Правда, как мне помнится, есть тут нюанс (надо проверять) – если вы вставите тег дальше, чем считает нужным тема, то запись обрежентся на усмотрение темы. Чтобы исправить надо переписывать соответствующую функцию (как вариант – в functions.php делаете remove функции от темы и затем add своей, я когда-то пользовался таким способом, но делателей сейчас уж не вспомню).
  18. Дима

    А как в этой теме установить кабельный логотип, все перепробовал и никак. Зараниее спасибо.,

    1. Stonekeeper

      Прошу прощения за невежество, но что такое “кабельный логотип”?

  19. Лилия

    Здравствуйте! Не подскажете, как в этой теме убрать поля ввода почты и сайта над полем ввода комментариев и перечень тегов под ним? везде пишут, что надо вставлять необходимый код в файл functions.php, однако, у меня ничего не вышло. заранее спасибо за ответ!

  20. Наталья

    Добрый день. Подскажите пожалуйста, есть ли возможность убрать навигацию по страницам (меню под шапкой сайта)?

    1. Stonekeeper

      Как видите, у меня её нет – значит можно. Аналогично ответу на предыдущий Ваш вопрос в другой записи – надо искать в шаблоне темы и удалять вывод.

  21. Николай

    Здравствуйте!
    Подскажите как изменить шрифт и его размер в теме.

    1. Stonekeeper

      Добрый день.
      Внешний вид -> Параметры Graphene -> Параметры отображения -> Настройки стиля

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

Вы вошли как Stonekeeper. Выйти?