Главная › Новости

Как загружать файлы на хостинг. Программа filezilla

Опубликовано: 24.03.2017

CSS hat | Установка бесплатно

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

В CSS употребляются селекторы, которые позволяют найти то, какие объявления дизайна будут применяться к определенному участку вашего веб-сайта. Как правило это реализуется с помощью задания класса для требуемого элемента. Но CSS может также употребляться для определения целого элемента (например, для тега body) либо для элемента на базе его ID.

К счастью, пользующиеся популярностью браузеры позволяют вам созидать, какие селекторы и какие объявления используются к элементу странички. Делается это с помощью пары кликов. В Гугл Chrome, например, вы сможете просто выделить определенный кусок документа, после этого выполнить правый щелчок по нему, как показано ниже.

Изберите Inspect Element (Проинспектировать элемент) из выпадающего меню, после этого вы можете получить доступ к инфы о дизайне, представленной в окне справа. Пример этого приведен дальше.

Пункты, подсвеченные красноватым – это дескрипторы, которые используются к тексту, выделенному вами. Например, элемент font-size указывает, что текст, выделенный вами, имеет размер 13 пикселей («13px»). Дескрипторы находятся в фигурных скобках и относятся к определенным селекторам. Заглавие соответственной таблицы стилей выводится справа от селекторов.

Как вы вооружитесь этой информацией, вы можете просто поменять дизайн. Например, если вы желаете поменять шрифт с 13px до 14px, вам довольно легко отыскать файл стилевой таблицы, который отображается справа от соответственных селекторов (#plugin-info .block-content”), после этого меняете в нем «13px» на «14px».

Вы сможете сделать то же самое в Firefox, выделив кусок странички, щелкнув по нему правой кнопкой мыши, после этого выбрав пункт «Проинспектировать элемент» в меню.

Никакие две темы WordPress не являются схожими. Потому учтите, что советы, которые вы прочтете дальше, могут не совпадать на 100% с тем, что вы имеете.

Но, вероятнее всего, нужные CSS стили будут размещаться в файле style.css. Это – универсальное заглавие стилевой таблицы для хоть какого типа веб-сайтов, а не только лишь для веб-сайтов WordPress.

Если вы заглянете в этот файл, вы обнаружите, что он содержит в себе бессчетные стилистические «аннотации» для вашей темы. Мы не будем открывать синтаксис CSS в деталях, так как это выходит за рамки нашего управления.

Беря во внимание это, давайте перейдем к рассмотрению 3-х способов редактирования CSS.

Есть два метода получения доступа к файлу style.css вашей темы.

1-ый метод – доступ из консоли WordPress. В левом меню вы отыщите пункт Внешний облик. Вложенное в него меню должно включать в себя дополнительные функции. В самом низу этого меню вы отыщите пункт Editor (Редактор). Щелкните по нему.

Как вы перейдете к страничке редактора, вы увидите перечень файлов в вертикальной панели с правой стороны странички. В самом низу панели будет находиться разыскиваемый файл style.css.

Если вы щелкнете по пт Stylesheet (стилевая таблица), файл style.css будет загружен и выведен в самом центре экрана. Вы сможете использовать этот экран для редактирования файла, но есть и поболее удачный метод это сделать (о нем дальше).

Очередной метод обратиться к таблице стилей состоит в том, чтоб отыскать ее на сервере вашего хостинг-провайдера. Четкое размещение папки с темой будет зависеть от вашего провайдера. В примере ниже папка с веб-сайтом именуется thecare и находится она в папке public_html. Так как на веб-сайт установлена система WordPress, вы сможете созидать папку wp-content в папке thecare. В wp-content находится папка themes, которая содержит установленные темы. Так как мы используем тему Newsletter, корректные стили style.css для нее находятся в папке newsletter-parent.

На этот момент вы могли бы задать вопрос: «Почему тут находятся папки newsletter-parent и newsletter-child?» Неплохой вопрос, и мы в скором времени дадим на него ответ.