Основи WordPress тем для початківців

1. КІСТКИ І М'ЯЗИ
2. Головна сторінка або Home Page
3. Записи та сторінки
4. шкіра

Наша взаимовыгодная связь https://banwar.org/

Просунуті WordPress користувачі досить добре знайомі з поняттям «Теми» (шаблони). Теми дозволяють налаштовувати сайт, а також змінювати функції і настройки. В інтернеті можна знайти сотні тисяч тим, платних і безкоштовних, але незалежно від цього, всі вони надають хороші можливості для створення сайту.

Всі теми WordPress складаються з декількох основних елементів. це:

HTML: наріжний камінь всіх веб-сайтів. HTML означає HyperText Markup Language і використовує елементи, укладені в теги (як це), щоб в більшості випадків допомогти браузеру визначити, як повинна виглядати сторінка.

PHP: мова скриптів (Hypertext Preprocessor), який призначений, щоб створювати динамічні веб-сторінки безпосередньо на.сервере. PHP-скрипти генерують HTML, який надсилається клієнту. Як правило, PHP міститься всередині HTML файлу.

CSS: Cascading Style Sheets або Каскадіруемие таблиці стилів - це швидкий спосіб змінити зовнішній вигляд і формат всього веб-сайту шляхом зміни всього лише одного файлу: style.css І поки кожен з файлів всередині сайту буде звертатися до файлу CSS, ці сторінки будуть приймати елементи стилю, зазначені там, починаючи від шрифтів, колірної гами до таблиць і т.п.

Картинки або іміджі: Зазвичай це JPEG або PNG файли. Зображення пробуджують WordPress сайт - взагалі-то будь-який сайт - до життя.

Ці елементи використовуються для підтримки структури сайту і для того, щоб гарантувати, що всі елементи відображаються на правильних місцях.

КІСТКИ І М'ЯЗИ

Я називаю структуру сайту «кістки і м'язи». Як правило, ви розподіляєте частини, які ви ідентифікуєте як «кістки», від частин, які визначаються як «м'язи», в дві окремі категорії. Але коли ви має справу зі структурою шаблонів WordPress, то тут кістки і м'язи міцно пов'язані між собою в одне ціле.

Тому, оскільки основний контур сайту включає в себе головну сторінку, записи, коментарі і бічну панель, то буде розумно поговорити про те, як ці частини функціонують між собою.

Головна сторінка або Home Page

Як вже було вище сказано, WordPress працює, в основному, на PHP. У зв'язку з цим, головна сторінка складається з двох файлів

index.php
home.php

Коли ви відкриваєте головну сторінку WordPress сайту в вашому веб-браузері, HTML звертається до цих двох PHP файлів. У свою чергу, ці файли викликають додаткові файли, щоб прямо тут на місці згенерувати веб-сайт. Тільки уявіть, наскільки динамічно все відбувається. WordPress це все що завгодно, але тільки не статика. І якщо заглянути всередину процесів, завдяки яким ми отримуємо сайт з сервера, то це дійсно вражає.

Щоб було зрозуміліше, файл index.php викликає такі файли:

header.php
sidebar.php
footer.php

Якщо ви вже лазили в Інтернеті, щоб задовольнити свою цікавість, як працюють шаблони зсередини (PHP файли), то, ймовірно, ви вже розумієте значення вищевказаних файлів.

header.php файл (заголовок) відображає контент, який ви хочете бачити нагорі головної сторінки. Як правило, він включає ім'я сайту і верхню панель навігації

sidebar.php файл відображає бічну частину шаблону, де більшість з нас має в своєму розпорядженні іконки соціальних мереж, категорії сайту, свіжі записи, коментарі і так далі

І нарешті, footer.php файл (підвал), який відображає підвальну частину сайту.

У свою чергу index.php файли кажуть заголовку, бічній панелі і підвалу в якому місці сайту вони повинні з'являтися, і кожен з цієї послідовності файлів говорить браузеру, який контент він повинен відображати в цих зонах.

Записи та сторінки

На більшості тим WordPress, атрибути для окремих записів знаходяться в single.php файлі. Коли ви натискаєте на кнопку «Читати далі», то за цим посиланням-тизер записи на головній сторінці блогу ви переходите на саму запис. Ви можете мати безліч записів на своєму сайті, але при цьому вони будуть виглядати і функціонувати відповідно до single.php файлом. Це і є основа шаблону.

Те ж саме відноситься і до індивідуальних сторінок. Це все статичні елементи вашого контенту, такі як «Про мене», «Контакт» і т.п. , І в цьому випадку всі атрибути сторінки будуть переноситься за допомогою файлу page.php

шкіра

Тепер, коли ви маєте уявлення, як працюють WordPress теми, давайте поговоримо про їх зовнішній вигляд або формі.

І тут ми будемо говорити про CSS. Я називаю це «шкіра», тому що цей компонент визначає, як буде виглядати ваша WordPress тема. У той час як «кістки і м'язи», описані вище, є основними компонентами, які говорять веб-браузеру, що і де завантажувати, CSS контролюють макет і елементи дизайну через ці структурні елементи.

Простіше кажучи, в той час як PHP файли контролюють, де повинен з'явитися заголовок, СSS вказує на те, шрифт якого розміру і виду повинен розташовуватися в тому місці, де повинні бути зображення, або якщо тут повинні бути таблиці, то якої величини кожна клітинка повинна бути. Я сподіваюся, ви отримали уявлення.

CSS це макіяж або татуаж (на ваш вибір icon smile Введення в анатомію WordPress тем для початківців) вашої WordPress теми. Без цього, сайт буде виглядати голим і дуже простим. Весь контент буде відображатися на своїх місцях, але це буде досить сіро і понуро. Вам напевно траплялося таке, коли сайт ламається, то фон стає білим, шрифт - Times New Roman, блакитні посилання, які зібралися в купу з лівого боку.

Да-а. Ось так буде виглядати ваша WordPress тема без CSS. Не дуже привабливо ...

(Всього відвідувачів: 19, сьогодні: 1)