ॐ
Итак, сразу к делу! (досе́лѣ инструкция неполна.)
Подготовка изображений
Так уж повелос, шо формат изображений утвердил всеблагой Я (Занудов)…
1) Для заглавных страниц «специалисты», «тренинги» и «библиотека» формат единый — 240×240, png. То есть берёте изображение примерно квадратное, ресайзите («изменить размер») меньшую сторону до 240 пикселей, далее кадрируете его до 240х240 и устанавливаете место кадрирования по вкусу, сохраняете в png с именем значащим «kartinka240.png» (kartinka заменить на содержание изображения или название тренинга / фамилию тренера, мелкие латинские символы и хва, можно ещё добавлять lib-, tren-, чтобы отличать от иных). Всё это делается в редакторе на конпе.
2) Есть и более простой способ, но он буит ненужно засорять место (но не особо критично). Но если лень заморачиваться, сразу добавляете в библиотеку и при вставке изображения в нужное место просто укажете средний размер картинки, он будет 240х240 аккурат.
Я рекомендую первый всё ж, тамуш далее мы (а вернее, вы) буим работать с кодами хтмл, тамуш (в очередной раз) так буит удобно клонировать записи на заглавных страницах. Всё сводитса к правильному копированию, вставке, замене имени изображения, ссылки и описания.
На остальных страницах (на странице самих спецов, тренингов и тд) можно втыкать изображения по вкусу. Но я их обычно ограничиваю по меньшей стороне около 200-300 пикселей.
Формат png критичен для изображений с текстом и однородным (в том числе градиентным) фоном, которые будут (или могут) потом ресайзитьса. К примеру, особливо артефакты видны при создании среднего размера картинки в jpg на фотке Кёрков с ровным фоном.
Публикация мероприятий
При публикации мероприятий никогда не следует вставлять описание через вкладку «Визуально». Только «Текст», только хардкор. Прост это краткое описание, и там не должно быть никаких списков и сложного форматирования.
Шаги в консоли:
- Мероприятия — Добавить новое.
- Заголовок в заголовок.
- Текст в окно редактирования во вкладку Текст.
- Выбираем в миниатюре записи (справа снизу) картинку с 240х240 (потом мож уменьшим до 150х150 отдельными картинками для мероприятий), png. Эта миниатюра используется лишь в этом формате (мероприятия), ни в каких иных страницах (как это сделано на этой в виде исключения) не следует её выставлять.
- Копипастим из аналогичного мероприятия ссылку «Подробнее о методе» вида:
<a href="/trainings/aroma-klass-moja-prekrasnaja-ja/">Подробнее о тренинге...</a>
. - Отмечаем Категории мероприятия — это название в кавычках и фамилии тренеров без кавычек. Если нужных нет, то создаём.
- Выбираем Организатора из списка.
- Выбираем Место проведения из списка.
Убираем галку с «Показать ссылку на карту гоогл».- Заполняем время-дату начала и окончания.
- Если необходимо, заполняем стоимость.
Публикация новых страниц
Здесь для первоначальной копипасты можно использовать вкладку Визуально. Есть вероятность, коли вы копипастили из ворда или прост из иной страницы хтмл, что вставитса, как и было в оригинале. Но проверять и править сиравно надо лезть в хардкорную вкладку (она должна стать вашею любимою). Прилепить к нужной родительской странице, выбрав её в секции атрибутов из выпадающего списка.
Потом либо кричите меня, либо со временем допишу инструкцию пополнее.
Правка незаглавных страниц
Использовать по всему сайту можно (желательно) лишь заголовки h3 и h5. Во-первых, для однообразия. Во-вторых, тоже… В третьих, h4 пока используется для списка мероприятия, да и зачем тут больше двух их?.. Заглавие страницы — h3, остальные подзаголовки — h5, и достаточно…
Про нумерованные и ненумерованные списки: каждую строку обуваем в li, а потом весь список обуваем в тэг ol (нумерованные), либо ul (ненумерованные). А со вложенными списками быстро разберётес сами, увидев разок всю эту вакханалию (дикий, исступлённый разгул самых низких животных тэгов).
Правка заглавных страниц
Работа с ними наиисключительнейше (если нет справки от врача, разрешающей иное) в хардкорной вкладке Текст.
Структура страниц «специалисты», «тренинги» и «библиотека» представляют собой последовательный набор блоков, обрамлённых тэгами div.
Пример:
...
</div>
<div>
(здесь находится всякое неинтересное, но нужное барахло)
</div>
<div>
...
Вам необходимо скопипастить один такой (последний или первый — ещё проще) блок в самый низ (варианты: в самый верх, либо меж любыми другими div’ами, но не внутри них) вместе с div’ами — как выделено в примере, заменить описание, картинку (в случае подготовки по первому способу, лишь часть имени файла) и ссылку на второстепенную страницу (конкретного специалиста, например), которые (и страницу, и ссылку) вы уже заблаговременно и любезно подготовили.
Введение в «хардкорные» тэги
Теперь подробнее разберём одну запись основного специалиста:
<div class="mcrl">
<a href="/experts/kinevskaja-lija/"><img class="mcrl" src="/wp-content/uploads/kinevskaja240.png" alt="kinevskaja240" />
<p class="mcrl"><strong>Киневская Лия</strong>
<span class="mcrl"><em>Юнгианский аналитик</em></span>
</p></a>
</div>
Это и есть целый блок для копирования. div — разделитель, мы обрамляем весь блок, как отдельную единицу, чтобы избежать хардовой таблицы (нужно для норм ресайза-переноса). div — это тэг. style=""
, class=""
— это атрибуты, а в кавычках — их значения. Может выглядеть сложно для первого раза, но подавляющее число тэгов выведено в хардкорной вкладке в виде кнопок сверху. Тэг img — изображение, тэг a — ссылка, тэг strong — жирный шрифт, тэг em — курсив, p — отдельный абзац, от h1 до h6 — заголовки от большого до маленького (использовать желательно лишь h3 и h5).
Проще всего открывать тэг — <имя_тэга>.
А закрывать — </имя_тэга>.
Чист для инфы бывает ещё сразу открытый и закрытый в одном — <имя_тэга />.
В хардкорной вкладке для обрамления нужного текста тэгами, выделяем его, жмём на кнопку нужного тэга. С двух сторон он будет обрамлён открывающимса и закрывающимса тэгом соответственно. Либо, если кусок большой, а выделять лень, жмём в начале нужного текста тэг, в конце — жмём и проверяем, что вставилса закрывающийса.
В остальном смотрите в хардкорном режиме уже созданные страницы, копируйте-вставляйте, но проверять не забывайте. Да пребудет с вами Понимание.
И помните, никто не запрещает вам использовать вкладку Визуально. Если для вас хардкор невыносим, то метод в Визуальной «тяп-ляп и в продакшон» никто не отменял.
Правило всех внутренних ссылок, изображений
Всегда удалять из ссылок http://icievolution.com
или https://icievolution.com
.
Все ссылки на внутренности должны быть строго относительными, никаких абсолютных. Наприме-е-ер, https://icievolution.com/trainings/imwoman/
сокращаем до /trainings/imwoman/
. Обратите внимание, что первым всегда идёт слэш.
Двухэтапная аутентификация
Теперь поговорим немного о дополнительном красноглазии. Для входа категорически рекомендуетса включить в своём профиле гогол аутентификатор. Чтобы заюзать его, на вашем смарте должно быть установлено соответствующее приложение (не обязательно от гугла, но в ссылках приведу его):
для IPhone
для Android
Далее в Консоли: Пользователи — Ваш профиль — Настройки Google Authenticator — отметить Включить — в Описании вписать icie-ВашеИмя — нажать Показать код QR и сфоткать его с помощью аутентификатора. Када всё получилос — кнопка Обновить профиль внизу.
Теперь при входе вам будет необходимо ввести дополнительно код из этого приложения, который обновляетса каж тридцать секунд и связан с синхронизируемым временем. При невозможности входа просто пишете мне, и я отключаю, при необходимости, и мы разбираемса, шо непральна сделано.
Второй фактор не значит, что можно ставить пароли 1234, как это щя на иных сервисах.
ॐ