Как поменять шапку

Шапка – это лицо сайта. Красивая, вписывающаяся в цветовую гамму шапка, придает любому, даже созданному на конструкторе бесплатного хостинга сайту индивидуальность.
Когда ваш сайт только установлен, на месте шапки стоит, как правило, логотип Fusion. Так как для сайта «Три подружки» я скачивала из интернета и устанавливала тему (цветовую схему), не входящую в стандартный набор Fusion, у меня была вот такая картинка:


лого сайта

У вас наверняка будет что-то другое. Тем не менее, перед нами стоит одна и та же проблема: поменять этот логотип на свою шапку сайта. Для начала нужно точно знать, как называется тема (цветовая схема), на которой вы остановились при настройках сайта. Для этого нужно перейти в Панель администратораАдминистрирование системы и нажать иконку «Главные установки». Название темы стоит в самом низу, на последней строке. Запишите или запомните его.

определение темы

Теперь нужно открыть сайт хостинга «Джино», где «живет» наш сайт, и авторизоваться. В контрольной панели нажмите «Файловый менеджер»:

файловый менеджер

Здесь нужно нажать на папку domains. В ней содержатся папки всех доменов, которые есть у вас на данном хостинге.

папка доменов

На следующей странице нужно кликнуть по папке с названием вашего домена. У меня это 3podruzhki, поэтому я буду переходить в эту папку. Вы переходите в свою:

папка домена

Здесь находим папку с названием themes и нажимаем на нее.

папка с темами

В этой папке содержаться файлы всех тем, которые есть в вашем шаблоне сайта.

файлы темы

Тут нам нужно найти папку с названием нашей темы. Тема моего сайта называется «Mentha», поэтому мне сюда. Вам же нужно кликнуть по папке с названием, которое вы записали или запомнили в самом начале этой инструкции. Здесь нам нужно найти и кликнуть папку images:

файлы темы

Именно здесь и находится файл картинки логотипа, который в данный момент установлен на сайте. Нам нужен файл с названием logo. Давайте его найдем:

лого темы

Вот теперь запомните самое главное. Чтобы картинка шапки заменила собой логотип, нужно чтобы файл вашей картинки имел точно такое же название и был в таком же формате! То есть, в данном случае, ваша картинка должна называться logo и быть в формате gif— logo.gif. Если в вашей теме название файла logo.jpg, то и картинка ваша должна быть в формате jpg.
Тут главное формат, потому что переименовать картинку несложно. Найдите на своем компьютере нужный файл, нажмите на него правой кнопкой мыши, выберите «Переименовать», удалите старое название, впишите новое и нажмите «Enter».
Что касается размеров шапки, то теоретически они могут быть любыми. А практически, ширину (это горизонтальный размер) можно сделать и больше, чем установленный логотип, но не больше ширины сайта, иначе его «раздует». Кроме того, если ширина шапки равна ширине сайта, то у пользователей со старым типом мониторов (с квадратным экраном) сайт может отображаться в искаженном виде. Тот логотип, что стоял у меня и который вы видели на самой первой картинке этой статьи, был примерно 340 × 90 пикселей. У меня стоит шапка 750 × 100 пикселей. Что же касается высоты (размер по вертикали), то не советую делать ее больше 100 пикселей. Шапка, конечно, встанет, но получится некрасиво – по всей верхней части, не занятой шапкой, будет идти продольная полоса. Или же нужно делать шапку во всю ширину сайта, чтобы этой полосы было не видно.
Когда подберете или сделаете сами картинку для шапки, для того, чтобы заменить ей установленный в данный момент логотип, не нужно удалять старый файл. Просто загружаете свой одноименный файл в эту папку, и старая картинка автоматически замещается новой. Загрузить файл очень просто. Внизу страницы, под списком содержащихся в папке images файлов есть форма загрузки:

загрузка нового лого

Принцип такой же, как описан в статье «Загрузка изображений»: нажимаете кнопочку «Обзор», находите на своем компьютере нужный файл, делаете по нему двойной щелчок левой кнопкой мыши и нажимаете на кнопку «Загрузить». После этого вверху страницы появится зеленая полоса с надписью об успешной загрузке изображения.
Теперь можно вернуться на сайт и посмотреть, что получилось. Если вы по-прежнему видите старую картинку, обновите несколько раз страницу. Если вы и после этого не увидели свою шапку, то, возможно, вам нужно почистить кэш, или вы что-то сделали не так при загрузке. Возможные ошибки:
а) неправильно написано название файла. Файл должен быть написан точно так же, как тот, который вы заменяли. Если название файла было logo.gif или logo.jpg, ваш файл ни в коем случае не должен называться LOGO.gif или logo.JPG.
б) неправильное расширение (формат) файла. Допустим, начальный файл был logo.gif, а вы загрузили logo.jpg или наоборот.
Конечно, можно загрузить в качестве шапки файл с любым названием и с любым подходящим расширением (gif, jpg, png…) и назначить его шапкой сайта, только для этого придется менять исходный код шаблона. А мы ведь договорились, что делаем сайт, не обременяя себя «лишними» знаниями…






Управление PHP-Fusion
Понравился материал? Поделитесь с друзьями в социальных сетях, нажимайте на кнопочки!

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

  • Лариса

    Большое спасибо за статью, никак не решусь украсить свой новый блог.

    Ответить
    • Светлана Канаева

      Лариса, это рекомендации по смене шапки для сайта на движке PHP-Fusion. Для WordPress они не годятся. Там все сложнее и проще одновременно. Все от темы зависит. Например, если найти и установить тему с шапкой, то можно точно также заменить картинку. Но вот, если шапки нет, как на Вашем блоге, то надо код переписывать. А это без специфических знаний сделать довольно трудно. Не сказать еще «хужей».

      Ответить
  • Нюша

    Огромное Вам спасибо за подробную статью! Я правда делал совсем на другом движке, но все получилось! Спасибо!

    Ответить
    • Светлана Канаева

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

      Ответить
      • Нюша

        Светлана , а как быть если ширина моего форума резиновая по дефолту? Какую ширину моей шапки мне лучше делать?

        Ответить
        • Светлана Канаева

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

          Ответить
          • Нюша

            ага понятно… спасибо я посмотрю)

            Ответить
  • Елена

    Спасибо большое за полезную и подробнейшую информацию! Как раз то, что искала!

    Ответить

Ваш email не будет опубликован. Обязательные поля отмечены *
Имя *
Email *
Сайт
Ваш комментарий
;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: