Створення шаблону сторінки для wordpress

IT блог --- Створення шаблону сторінки для WordPress

Найчастіше, при використанні WordPress. необхідно створювати настроюється шаблон для сторінки. Напевно ви могли помітити, що багато сайтів на WordPress мають різні макети для різних сторінок. Настроювані сторінки дозволяє вам створювати різний зовнішній вигляд для звичайних сторінок в WordPress. Якщо ви новачок в WP і ніколи не робили цього раніше, не бійтеся - створення настроюваного шаблону сторінки для вашого сайту простіше, ніж ви думаєте.







Більшість тем для WP містять файл сторінки (page.php). який містить шаблон сторінки, яка буде використовуватися на кожній сторінці, якщо не вказано конкретний тип. Якщо вам потрібна сторінка з іншим макетом або форматом, ніж шаблон сторінки за замовчуванням, необхідно створити власний тип шаблону. При розробці шаблонів для WP необхідні базові знання HTML, CSS і PHP. Однак, ви можете скористатися готовими темами WordPress - www.inbenefit.com. якщо не володієте потрібними навичками.

Створення шаблону сторінки

Введіть наступний рядок коду в поле введення:

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

Збережіть файл на робочому столі як custompage01.php. Назва файлу може бути будь-яким, але краще, щоб воно відповідало ідентифікатором шаблону, для більш легкого пошуку в майбутньому.

Відкрийте будь-який додаток для роботи FTP. Це може бути FileZilla або будь-яка інша програма. Вам потрібно безпосередньо підключитися до веб-хостингу і отримати доступ до кореневої папці WordPress.

Перейдіть в каталог / wp-content / themes /. Знайдіть папку теми, яку ви використовуєте і завантажте в неї створений файл PHP.

Як тільки завантаження буде завершена, увійдіть в панель адміністратора WordPress і створіть нову, або відредагуйте існуючу сторінку:







Створення шаблону сторінки для wordpress

Новий шаблон сторінки буде доступний в випадаючому списку Template (Шаблон). Використовуйте цей список, щоб знайти і вибрати створений шаблон:

Створення шаблону сторінки для wordpress

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

підготовка шаблону

Насправді ви можете додати будь-яку форму HMTL, скрипт PHP або тег шаблону в файл custompage01.php, який ви хочете використовувати. Можливо було б корисно почитати трохи про те, що ви можете зробити на рівні кодування, перш ніж використовувати цей шаблон. Ви також можете включити сценарії веб-сайту для різних цілей.

Один простий спосіб почати з працювати з шаблонами - скопіювати основну інформацію з файлу page.php в тему, яку ви використовуєте. Це дасть вам відправну точку і може бути корисно, коли ви вперше навчитеся програмувати. Виконайте наступні кроки:

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

Відкрийте файл page.php для редагування. Ви можете завантажити цей файл безпосередньо, що може бути кращим вибором, якщо ви допустите помилку при кодуванні. Внесення змін до копію файлу більш безпечно, ніж внесення коригувань на веб-сайт відразу в продуктив.

Створення шаблону сторінки для wordpress

Після того як ви скопіювали код, збережіть файл custompage01.php і завантажте його в каталог хостингу для своєї теми. Ви можете виконати ті ж дії, що і вище.

Через те, що ми скопіювали весь код з page.php, ваш настроюється шаблон сторінки буде виглядати точно так само, як і решта сайту. Тут ви можете відредагувати файл custompage01.php за допомогою HTML, CSS або PHP, щоб він був унікальним.

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







Схожі статті