Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Evernote
Webdesign

Створення і оформлення блогу, що працює на Evernote з Postach.io 

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Григорий В (you can also view the original English article)

Final product image
What You'll Be Creating

Postach.io система блогів з відзнакою. Вона має одну особливість, яка робить її особливо цікавою: замість адмін-панелі ви просто створюєте ваші теми в Evernote.

Ви можете використовувати будь-який додаток Evernote, це означає, що блоги Postach.io є мульти-платформою, де є автоматичне резервне копіювання (якщо ви вже є користувачем Evernote), це дуже звично.

У цьому уроці ми будемо вивчати як налаштувати свій власний Postach.io/Evernote  провідний блог і способи створення теми для нього. 

1. Налаштування блогу 

З самого початку, якщо у вас ще немає облікового запису Evernote, вам потрібно створити його. Як тільки ви створили обліковий запис в Evernote, перейдіть до Postachi.io і натисніть кнопку "LOG IN", використовуючи кнопку Evernote.

Ви перейдете на сторінку, де зможете авторизувати Postach.io і отримати доступ до вашого аккаунту Evernote.  Натисніть зелену кнопку «Авторизуватись» для продовження. 

На наступному екрані введіть ваше ім'я, адресу електронної пошти, назву і субдомен, який ви вибрали для вашого сайту, а потім натисніть на жовту кнопку "Створити сайт". 

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

За замовчуванням ваш новий блог буде виглядати наступним чином: 

Якщо ви подивіться в області блокнота Evernote, ви побачите новий запис з ім'ям, відповідним назві вашого сайту.  Ви запишіть весь вміст вашого блогу в цей блокнот. 

Tadaaa! 

Створення тем 

Ви можете створювати теми для вашого блогу за допомогою будь-якої програми Evernote, які для вас найбільш зручні, це означає, що ви зможете редагувати на вашому робочому столі, в мобільному пристрої або за допомогою програми на основі браузера. Postach.io рекомендує використовувати додаток браузера для доступу до інших інструментів.  Однак, грунтуючись на своєму досвіді, можу сказати, що між браузером і настільною версією Mac, немає будь-яких великих відмінностей, так що вибір залежить від особистих переваг. 

Додати блог через Postach.io до смішного просто.  Просто створіть нову замітку в записнику, відведеної для вашого блогу, напишіть вашу тему, а потім додайте її в «публікації». 

Натисніть кнопку "Синхронізувати" в Evernote і тема буде відправлена ​​в ваш блог.

І навпаки, якщо ви хочете видалити тему просто видаліть її з "опублікованих" і синхронізуйте знову.

Додавання зображень 

Додавати зображення теж дуже просто.  Перетягніть зображення з вашого комп'ютера в записку, і воно автоматично буде завантажено в хмару і додано до вашої теми. Крім того, ви можете натиснути на значок маленької скріпки, щоб перейти безпосередньо до файлу для вставки.

Форматування тем 

Існує два способи форматування змісту ваших статей на Postach.io.  Ви можете використовувати інструменти для форматування в Evernote за замовчуванням: 

.. або, ви можете активувати Markdown через вкладку «Деталі» в панелі управління вашого Postach.io: 

Примітка: Якщо ви новачок в Markdown погляньте на Markdown: The Ins and Outs 

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

Переваги розмітки: 

Розмітка набагато краще 

З включеною розміткою ваші статті буде мати правильне розташування тегів H і p і ін. Використовуючи форматування за замовчуванням ви можете виявити, що кожна лінія укладена в мiтку div, всі перенесення рядків створені тегом <br /> (це може привести до хаосу в прогалинах), а також можемо виявити застарілі теги, такі як <b> замість потрібного <strong>.

Проста вставка тегів H 

З включеною розміткою ви можете легко вставити заголовки H різного рівня шляхом розміщення знаків #. Однак тільки в форматуванні за замовчуванням є можливість вставити збільшення розміру шрифту, а не заголовки.  У форматуванні за замовчуванням ви можете додати теги заголовка H у вигляді HTML, але швидше за все вони будуть укладені в теги div.

Переваги форматування за замовчуванням: 

Виправлення статті з WYSIWYG 

У форматуванні за замовчуванням, редагуючи статтю, ви побачите набір з зображенням, вирівнюванням і так далі.  Однак використовуючи розмітку, в Evernote поки ще немає можливості нативного або кроссплатформенного попереднього перегляду, і ви не зможете побачити, як ваші статті будуть виглядати до тих пір, поки вони не будуть опубліковані. 

Простий текст і вирівнювання зображення 

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

Одне з двох 

Слід мати на увазі, що з активованою розміткою в Evernote форматування за замовчуванням працювати не буде, і навпаки, так що на даний момент ви повинні вибрати, які переваги вам більше потрібні. 

Особисто я рекомендую використовувати розмітку, бо в іншому випадку ви можете виявити, що створені теги div і br не дозволять вам правильно розділити параграфи статті.

Порада: Якщо ви виявили, що у вас є розрив рядків там, де повинен завершуватися параграф, виділіть весь текст, потім двічі натисніть кнопку впорядкувати у вигляді списку. При додаванні і видаленні списку до змісту буде застосовано форматування. 

Вбудовування засоби масової інформації 

Postach.IO надає кілька вбудованих кодів дозволяють вам вставити такі компоненти, як відео YouTube, фрагменти коду Gist, Твіти, треки на Soundcloud і так далі.  На перший погляд це може виглядати як багато різних вбудованих кодів, які можна використовувати, але формат точно такий же для кожного з них, що допомагає їх легше запам'ятати: 

[<service name> url="<item url>"]

Відео YouTube додається таким чином: 

[Youtube url = "http://www.youtube.com/watch?v=07ds8iv1XPM"] 

... додавання фрагмента коду Gist: 

[gist url="https://gist.github.com/postachio/9059890"] 

.. і так далі.  Дивіться повний список вбудованих кодів в Postach.io docs.

2. Створення призначеного для користувача оформлення. 

Є кілька готових тим, які ви можете використовувати у вашому оформленні, на вкладці Theme Browser у вашій панелі управління на Postach.io.  Так як, питання оформлення є досить простим, ми пропустимо процес створення простої теми оформлення для блогу на Postach.io. 

Ми будемо кодувати цей прекрасний дизайн від Tomas Laurinavicius

Як працює оформлення в Postach.io 

Річ, яку я люблю найбільше в оформленні на Postach.io це те, що в ньому повністю міститься всередині одного шаблону файлу.  Умовні перевірки виконуються для визначення, який тип контенту повинен відображатися для відвідувачів, і відповідно до цих перевірок записується відповідний код.  Незабаром ви зможете побачити це в дії. 

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

Мова шаблонів, який використовується в оформленні на Postach.io, - це Jinja2, який дозволяє розміщувати в шаблон теги, а також додавати деяку програмну логіку. 

Користувача оформлення додається на Postach.io, шляхом прямого копіювання і вставляння призначеного для користувача коду.  Тут немає актуальною завантаження оформлення в zip, як ви могли знайти на інших платформах.  Замість цього вам потрібно перейти на вкладку «Редактор вихідного тексту» у вашій панелі управління і вставити свій код прямо тут:

Так як ми припускаємо, що вам буде необхідно вставити HTML-код в тему оформлення, я рекомендую створити файл з ім'ям "theme.html", працюйте в цьому файлі, потім копіюйте і вставляйте з нього, після закінчення кожного етапу.

Перш ніж ви почати 

Для цілей цього уроку, перейдіть в панель управління на Postach.io і на вкладці Details встановіть Назва вашого сайту в "Журнал про творче мислення і дизайні" і Опис вашого сайту в «Речі, які ви зазвичай не читаєте».

Ми робимо це, оскільки ці поля будуть використовуватися для заповнення області заголовка сайту з текстовим дисплеєм, як в нашому блозі дизайну PSD. 

Тема CSS, зображення і хостинг Dropbox 

Недолік прямого підходу до редагування коду теми на Postach.io в тому, що немає способу завантажити окремий CSS-файл разом з вашою темою. Це означає, що у вас є два варіанти: 

  1. Напишіть всі ваші CSS безпосередньо в головній частині 
  2. Додайте ваші таблиці стилів в іншому місці і зв'яжіть їх. 

Тому я завжди віддаю перевагу використовувати препроцесор-CSS і отже, має бути принаймні один файл для компіляції, я рекомендую вибрати другий варіант.  Таким чином нам знадобиться десь розмістити нашу таблицю стилів.  У цьому випадку ми будемо використовувати Dropbox.  Ми також будемо використовувати Dropbox для розміщення зображення логотипу теми. 

За допомогою Dropbox дуже легко розмістити статичні активи.  Просто створіть папку для проекту всередині вашої локальної папки Dropbox, тоді, коли ви будете зберігати ваші зміни, вони будуть автоматично завантажені у ваш аккаунт. 

Щоб отримати URL-адресу для будь-якої css або зображення активів, натисніть праву кнопку миші у вашій папці Dropbox і виберіть "Поділитися посиланням Dropbox”: 

Це додасть публічно видимі посилання вашого файлу в кеш. 

Важливо: Для перетворення URL-адреси в формат, який може використовуватися в коді вашого сайту, вставте посилання і потім змініть www на dl

Налаштування папки проекту 

Щоб запустити процес, створіть папку проекту в папці Dropbox, а потім всередині неї створіть файл з ім'ям theme.html (відповідно до зазначеної вище інформацією). 

Далі ми збираємося написати наші стилі в LESS, створіть дві вкладені папки всередині папки проекту, одну назвіть css, іншу - LESS.  В папці LESS створіть файл з ім'ям style.less.  Всі стилі для вашого сайту будуть записані в цей файл і потім скомпільовані в css> style.css.

Ми будемо використовувати безкоштовний додаток Prepros для компіляції.  Я розглянув наступні кроки, які потрібно буде вжити в останньому уроці, так що будь ласка, зайдіть і виконайте кроки з розділу під назвою Setup Autocompiling with Prepros і Incorporate LESSHat and Normalize.less. 

Після виконання цих двох секцій у вас повинна з'явитися структура файлу & папок для вашого проекту, який виглядає наступним чином: 

Основна оболонка HTML і заголовок 

Ми почнемо, вставивши установку базового HTML5, також як head.  Додайте наступне в файл theme.html і не забудьте скопіювати і вставити його в панелі управління "Source Editor" на Postach.io, коли ви закінчите: 

Ось короткий опис того, що ви бачите вище: 

  • Висновок title залежно від того, де знаходиться користувач на сайті.
  • {{Header_meta}} тег шаблону для виведення на Postach.io мета-теги за замовчуванням. 
  • Мета-теги для забезпечення правильного режиму на мобільних пристроях. 
  • Завантаження шрифтів Google, використовуваних в проекті; Bentham і PT Serif. 
  • Завантаження стилів FontAwesome (для шрифту іконок) від Postach.io в статичні ресурси. 
  • Завантаження наших власних стилів від Dropbox. 
    Важливо: Вам потрібно буде створити свій власний шаблон URL за допомогою методу, описаного вище.
  • Інтеграція Google Analytics, з даними з панелі управління на Postach.io. 

Тепер ми додамо базовий код в розділ тіла.  Додайте наступне між тегами відкриття і закриття тіла:

Давайте розберемо це.  По-перше, ми використовуємо синтаксис Jinja2 для виконання умов перевірки того, чи знаходиться відвідувач на екрані входу в Postach.io чи ні.  Якщо вони є, їм буде показана форма входу в систему, і, якщо немає, ми приступаємо до блогу на екрані. 

Область, яка буде містити наш код відображення блогу, инкапсулируется коментарями <!-- Start blog display --> і <!-- End blog display -->. Ми починаємо з div з урахуванням класу wrapper, який ми будемо використовувати для управління шириною нашого макета і потім ми розміщуємо код заголовка header нашого сайту. 

В елементі в відкриваючого тега header, ми перевіряємо, додав користувач обкладинку сайту з кодом {% if site.cover_photo %}...{% endif %}.  Якщо є зображення обкладинки, ми використовуємо вбудовані стилі, щоб помістити його в якості фонового зображення, використовуючи шаблон тегу {{ site.cover_photo }} для виведення його URL-адреси. 

В елементі header ми розміщуємо логотип.  Це робиться шляхом першого експорту зображення логотипу з дизайну блогу PSD як прозорий PNG.  Потім ми повинні помістити зображення в папці проекту всередині нашої локальної папки Dropbox і використовувати загальнодоступний URL-адресу в коді. 

Знову ж вам слід додати URL-адресу, ви отримаєте його з папки Dropbox, використовуючи метод, описаний раніше. 

Зверніть увагу на поле "Logo" в панелі управління на Postach.io: є простір в панелі управління, щоб завантажити зображення логотипу, однак він має обмеження, він повинен бути щонайменше 256px на 256px.  Це пов'язано з тим, що він також подвоюється як зображення аватара вашого блогу, враховуючи, що для розміщення цього зображення ви використовуєте тег шаблону {{ site.avatar }}.  Крім того, це поле не може обробити прозорі зображення як білий фон і додається під час процесу завантаження.  З цих причин ми виставляємо зображення логотипу на Dropbox і завантажуємо його звідти.

Після цього ми розміщуємо ім'я за допомогою тега шаблону {{ site.name }} і якщо є біо / опис сайту через тег {{ site.bio }}

Нарешті після умовної перевірки закриття {% endif %} ми дозволимо Postach.io завантажити необхідні сценарії нижнього колонтитула за допомогою тега шаблону {{ footer_meta }}

Додати базу і стиль заголовка 

Оскільки ви налаштували Prepros для автокомпіляціі вашого LESS-файлу, і у вас є Dropbox, автоматично завантажує для вас, ви зможете побачити, що зміна стилю застосовано до вашого сайту через секунду або дві, після того, як ви зберегли їх. 

Ми збираємося почати з створення базового стилю для деяких елементів за замовчуванням, а також програму-оболонку.  Додайте цей код в свій файл style.less відповідно до двох рядками, які ви додали раніше, в кінцевому підсумку ви отримаєте: 

Давайте поглянемо на те, що у нас вийшло.

У нашому PSD розмір базового шрифту 18px, однак для нашого коду ми не будемо ставити той же розмір 18px, і ми не будемо скасовувати здатність користувачів або браузера визначити найкращий розмір шрифту.  Ви можете прочитати більше про моїх роздумах в статті на "Readability First". 

Замість цього ми встановлюємо значення 18 проти змінної @base_font_size і потім запускаємо його за допомогою цього розрахунку:

Найбільш поширений розмір шрифту браузера за замовчуванням 16px це обчислення привласнює змінної @base_font_size значення, яке буде рівносильно 18px на більшості пристроїв, в даному випадку 1.125em.  Однак це значення буде залишатися гнучким, а пристроїв або користувачам необхідно працювати з базовим розміром шрифту, відмінним від 16px

Ми застосовуємо цей базовий розмір шрифту до html елемент з лінією: font-size: @base_font_size_ems; 

Наступна змінна, яку ви побачите, створюється за допомогою цього коду: 

Цей розрахунок обчислює значення rem, що відповідає розміру одного пікселя, в залежності від значення базового розміру шрифту. 

Ми можемо використовувати цю змінну всюди, де ми зазвичай використовуємо px, просто помноживши її на кількість пікселів, на які ми націлені, наприклад 50 * @px замість 50px.  Потім ми можемо думати в пікселях, що значно полегшує роботу з PSD, але ми отримаємо rem на основі даних в нашому CSS, щоб всі елементи дизайну залишалися повністю масштабованими і гнучкими. 

Решта змінні використовуються для зберігання імен та заголовків шрифтів і квітів з PSD, які ми будемо використовувати в нашому сайті, програмою-оболонці, в заголовку і тексті заголовка. 

Що залишився код застосовує новостворені змінні в деклараціях стилю для визначення ширини, кольору фону, кольору тексту і так далі.  Зверніть увагу, що ми використовуємо методику установки атрибута width в оболонці сайту до 100%, тому сайт буде скорочуватися відповідно до меншим екраном, а атрибут max-width щоб задати ширину сайту, буде з'являтися в на великих екранах. 

Ми також встановлюємо зображення за допомогою img, видаляємо підкреслення з посилань, застосовуємо стиль тексту, використовувані в дизайні PSD для тексту заголовка і використовуємо display: table; і display: table-cell; vertical-align: middle; на .header_wrap і .site_header стилі, відповідно, щоб вирівняти по вертикалі вміст заголовка. 

Ми ще не завантажили зображення обкладинки нашого сайту, так що після застосування всього перерахованого вище до вашого блогу, це має виглядати наступним чином:

Додайте обкладинку вашого сайту 

Тепер ви повинні експортувати зображення обкладинки сайту з вашого блогу дизайну PSD.  Ви повинні отримати зображення 1200px шириною, 600px висотою.  Мій власний експорт вийшов близько 55 КБ. 

Щоб завантажити його в свій блог, перейдіть на панель управління на Postach.io, а потім на вкладку «Параметри».  Там ви побачите ярлик з написом «Обкладинка фото» і кнопку, щоб вибрати файл на вашому комп'ютері. Ідіть далі і перегляньте файл обкладинки фото, а потім завантажити його: 

Натисніть кнопку Save Site Settings, поверніться в свій блог, там ви повинні побачити: 

Нижній колонтитул і соціальних посилання 

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

Додайте наступний код до вашої theme.html нижче .header_wrap div і вище .wrapper закриття div, а потім поновіть ваш редактор на postach.io: 

Додайте ці три змінні в ваш файл style.less

А також додайте ці нові стилі: 

Є деякі базові і деякі досить класні речі, пов'язані з цим кодом. 

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

Ми також додали .site_footer, зробили сірий фон з текстом і розміри відповідно до нашого PSD дизайном. 

Класна частина - це те, що ми використовуємо чисто CSS-рішення для зміни ширини соціальних посилань в залежності від того, скільки їх там. 

Тому, якщо ви тільки вказали ваші дані в Twitter в свого облікового запису на Postach.io і це єдиний елемент, ви побачите наступне: 

Але якщо ви також ввели ваш інформацію про Facebook і Google+, ви побачите це: 

Подякуйте Lea Verou за цю техніку. 

Додати область статей 

Тепер ми готові ввести найбільш важливу частину блогу, область статей. 

Додайте цей код в свій файл theme.html, а потім ваш вихідний редактор на Postach.io, між вашим заголовком і кодом соціальних посилань: 

Перше, що відбувається всередині нашого елементу main, - це умовна перевірка оновлень, щоб побачити, чи перебуваємо ми в списку статей, тобто на домашній сторінці або сторінці тега, або якщо ми знаходимося в одній статті.  Це робиться кодом:

Потім ми можна додати код для кожного з цих типів відображення між тегами умовної перевірки. 

Код списку статей 

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

Після цього ми перевіряємо наявність статей {% if posts %}...{% endif %} і почати цикл через них з {% for post in posts %}...{% endfor %}.  Для кожної статті ми створюємо елемент article і відображаємо назву статей, дату створення, зміст статті і посилання "Детальніше". 

Ми також перевіряємо, чи є стаття типу Evernote, що додає вихідну посилання джерела, тобто будь-яку замітку, створену web clipper, з перевіркою типу {% if post.type == 'link' %}...{% endif %} і відобразити прикріплену посилання, якщо вона є. 

Остання частина "Списку статей" на дисплеї - це розміщення сторінок, посилання "Попередня" і "Далі".  Майте на увазі, що розбиття на сторінки, працює тільки на домашній сторінці, а не на сторінках тегів.  Якщо ви намагаєтеся використовувати розбиття на сторінки на сторінці тегів, ви отримаєте повідомлення про помилку. 

Єдиний код статей

Код "Single Post" майже такий же, як для "Post List", з деякими відмінностями. 

По-перше, тому що відображається тільки одна стаття, нам не потрібно перевіряти наявність статті або починати цикл, ми просто переходимо прямо в наш код article

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

По-третє, ми не включаємо посилання "Читати далі" з очевидних причин, і замість цього ми розміщуємо тег шаблон {{ theme.social.bar }}, в якому буде відображатися інструмент соціального обміну, а також посилання "Like" і "Follow "на Postach.io. 

Пошук по сайту 

Додайте наступні три змінні в файл style.less

Потім додайте ці нові стилі:

З наведеними вище шаблоном і кодом стилю ви вже готові!

Тепер ваш блог повинен так виглядати на домашній сторінці: 

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

Одна стаття повинна виглядати наступним чином: 

3. Відповідні Tweaks 

Одна з останніх речей, які ми хочемо зробити, - це забезпечити, щоб вбудований контент iFrame, такий, як відеоролики YouTube, працювали у відповідь, тобто вони масштабуються відповідно до доступної шириною і зберігають свої пропорції.

Це досягається шляхом додавання наступного скрипта в шаблон, прямо перед коментарем <!-- End blog display -->

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

З вашим скриптом iframe і медіа-запитами ви повинні тепер отримати щось на зразок цього на тонкому видовому екрані: 

4. Додаткові послуги 

Є деякі додаткові аспекти для роботи з оформленням в Postach.io, які ми не реалізували вище, але ви можете бути зацікавлені в цьому для вашого застосування.

Типи статей 

Статті в Evernote можуть бути чотирьох типів: стаття, сторінка, посилання або їжа. Для простоти ми тільки що створили один тип відображення для всіх, однак ви можете згадати, ми це робили {% if post.type == 'link' %}, перевірте, чи посилання додана до статті.

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

Стаття 

{% If post.type == 'post' %}

Звичайний стандартний тип статті. 

Сторінка

{% If post.type == 'page' %}

Будь-яке зауваження з міткою "page", корисна для створення статичних сторінок, таких як "Про мене", наприклад. Елемент буде виведений зі списку статей, і якщо ви виберете, ви можете додати його назву в меню. Нижче буде описано спосіб досягнення цього.

Посилання 

{% If post.type == 'link" %}

Будь-який елемент, який приходить через відсікання від чужого сайту з web clipper, потім переписується в ваш блог. 

Їжа

{% If post.type == 'food' %}

Я абсолютно не міг зрозуміти, як створити статтю, типу "Їжа". Я використовував різні методи за допомогою Evernote для Mac і Evernote Food для Android.

Здається, я нічого не міг додати в розділ "Meal" від Evernote Food, щоб переносити його як статтю, оскільки я не міг зв'язати його із записником мого блогу. Я спробував додати в розділ "My Cookbook" як через Web Clipper, так і через Evernote Food, і обидві спроби були класифіковані як типи статей "Link". Я також спробував позначати статті як "food" або "recipe" і їм теж не пощастило.

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

Меню 

Якщо ви використовуєте сторінки свого блогу, ви також можете створити меню. Наступний код займе назву кожної з ваших опублікованих сторінок і додасть його в елемент nav з неврегульованим списком посилань меню: 

Коментарі Disqus 

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

Вищевказане буде працювати з інформацією, доданої на ваш сайт Postach.io, на вкладці Details на панелі управління.

Підбиваючи підсумки 

Тепер у вас є свій власний Postach.io/Evernote блог і можливість створювати теми оформлення для нього. Ви також можете завантажити файли створених тем оформлення натиснувши на кнопку Download Attachment у верхній частині бічної панелі цього сайту.

Postach.io - це дуже цікава платформа, яка стає ще більш цікавою, коли ви відкриваєте її для себе. Мені дуже цікаво подивитися, що ще може працювати в системі. Можливо в майбутньому ми побачимо плагіни Evernote для більш зручного створення блогів, такі як попередній Markdown і т.п.

Якщо ви є користувачем Evernote, і навіть якщо немає, я настійно рекомендую дати Postach.io шанс випробувати всі нові види блогів.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.