Editor - як поміняти дизайн на свій розсуд можливості phpshop

PHPShop Editor - це утиліта для Windows, за допомогою якої можна управляти структурою шаблону дизайну сайту або інтернет-магазину. Утиліта дозволяє редагувати дизайн сторінки в двох режимах - режимі візуального управління і режимі редагування HTML-коду.

PHPShop Editor входить в комплект EasyControl

можливості

  • Редагування шаблонів дизайну
  • 2 режими роботи: візуальний і HTML-режим.
  • Дозволяє змінювати стилі CSS шаблону
  • Включає в себе таблицю змінних

Режим візуального управління

Editor - як поміняти дизайн на свій розсуд можливості phpshop

Вибрати потрібний елемент шаблону в режимі візуального управління можна зі списку «Вставлені блоки» або виділивши мишкою в поле шаблону. Поміняти розташування будь-якого елементу дизайну можна, просто перетягнувши його мишею в нове місце. Дистанційні з шаблону або очікують вставки елементи шаблону відображаються в списку Блоки для вставки.

Опис посилань і іконок:

У візуальному режимі PHPShop Editor містить наступні іконки швидкого запуску:

Режим редагування HTML коду

Editor - як поміняти дизайн на свій розсуд можливості phpshop

Режим редагування HTML коду - служить для зміни коду шаблону і допомагає орієнтуватися налаштування шаблону. В режим можна потрапити, натиснувши правою кнопкою миші на необхідному блоці та вибравши в меню опцію редагування.

управління

У HTML-режимі зручно вибирати потрібний елемент зі списку змінних. Обраний елемент можна перемістити, замінити або видалити. Також можна знайти змінну в файлі і редагувати шаблон, який відповідає цієї змінної.

У режимі редагування HTML-коду доступні наступні іконки швидкого запуску:

  • Відкрити інший шаблон - містить список, що випадає з доступними для редагування шаблонами.
  • Зберегти шаблон - зберігає поточні зміни
  • Синхронізувати - викликає майстер синхронізації PHPShop з сервером
  • Файли шаблонів - викликає вікно провідника з папками, що містять файли шаблонів
  • Мій сайт - відкриває сайт у вікні браузера
  • Скасувати - стирає остання зміна
  • Повернути - повертає останню скасовану зміну
  • Розширений режим - відкриває додаткове меню зі списком файлів шаблонів

Іконки редагування коду:

  • Параграф - вирівнювання тексту за допомогою тега p
  • Align left \ Center \ Align Right - вирівнювання тексту по лівому краю, по центру, по правому краю.
  • Break - перенесення рядка.
  • Жирний - виділення тексту жирним за допомогою тегів.
  • Strike - закреслення тексту за допомогою тегів
  • Шрифт - викликає діалогове вікно для вставки коду кольору і розміру шрифту.
  • Subscript - перетворює виділений текст в нижній індекс, тобто текст, укладений в тегах, буде виводитися трохи нижче базової лінії.
  • Superscript - перетворює виділений текст в верхній індекс, тобто текст, укладений в тегах, буде виводитися трохи вище базової лінії.
  • Курсив - виділяє текст курсивом за допомогою тегів
  • Підкреслений - виділяє текст підкресленням за допомогою тегів
  • H1 - дозволяє створити заголовок першого рівня
  • H2 - дозволяє створити заголовок другого рівня
  • H3 - дозволяє створити заголовок третього рівня
  • Image - викликає діалогове вікно вставки зображення.
  • Anchor - викликає діалогове вікно вставки гіперпосилання.
  • Table - викликає діалогове вікно вставки таблиці.
  • Textarea - дозволяє створити елемент форми для області, в яку можна вводити кілька рядків тексту.
  • Input - дозволяє вставити текстових поля, різні кнопки, перемикачі та прапорці.
  • Form - встановлює форму для обміну даними між користувачем і сервером.
  • Inframe - викликає діалогове вікно для створення області всередині документа, в яку можна завантажити будь-які інші незалежні документи.
  • Horisontal Rule - вставляє в текст горизонтальну розділову лінію.
  • Onsordered list \ Ordered list - представляє текст у вигляді пронумерованого або промаркерованного списку.
  • Вирізати \ Копіювати \ Вставити - кнопки управління буфером обміну.
  • Пошук - викликає діалогове вікно пошуку
  • Замінити - викликає діалогове вікно пошуку і заміни коду
  • Перейти до рядка - викликає діалогове вікно для пошуку по номеру рядка і стовпця
  • Змістити вліво \ змістити вправо \ Вирівняти код - дозволяє управляти вирівнюванням рядків.
  • Додати закладку \ Видалити закладку - управляє створенням і видаленням закладок.
  • Попередня закладка \ Наступна закладка - дозволяє переміщатися між закладками.

Editor - як поміняти дизайн на свій розсуд можливості phpshop

Вставлені блоки - відображає список всіх блоків шаблону і їх змінних на сторінці

Editor - як поміняти дизайн на свій розсуд можливості phpshop

Блоки для вставки - відображає список блоків і їх змінних, які очікують вставки

Editor - як поміняти дизайн на свій розсуд можливості phpshop

Змінні - відображає список внутрішніх змінних на даній ділянці шаблону.

Editor - як поміняти дизайн на свій розсуд можливості phpshop

Розширений режим (доступний при натисканні іконки Розширений режим) - відображає список всіх файлів шаблону.