Из Google Docs в WordPress – 6 хитростей, которые вам пригодятся

2023-01-31

При использовании формата Google Docs в WordPress возникают проблемы, так как большая часть форматирования теряется. В данной статье приводится способы, которые помогут решить эти трудности.

Проблема с Google Docs и WordPress

Google Docs абсолютно бесплатная платформа. Поэтому она стала популярным инструментом для создания контента.

Перейдём к настоящей проблеме. Допустим, вы наняли автора, чтобы написать статью для своего блога. Он создал черновой вариант документа в Google Docs и отправил вам ссылку.

Вы сделали несколько правок и готовы разместить статью на своём WordPress-сайте. Но у вас не получится просто скопировать и вставить содержимое документа в визуальный редактор WordPress. Так как форматирование исходника будет утеряно.

Пример документа Google Docs

В редакторе появятся дополнительные разрывы строк между параграфами. Хотя в документе Google Docs изначально были только одиночные разрывы.

Проблема с разрывами при вставке из Google Docs в WordPress

Теперь посмотрим на HTML-разметку импортированного контента. В нее добавлено много нежелательного кода.

Проблема с элементами span при вставке из Google Docs в WordPress

Дополнительные разрывы строк добавлены этим специальным символом:

&nbsp;

Когда вы копируете содержимое из Google Docs в WordPress, то везде появляются элементы span.

<span style="font-weight: 400;"> </span>

Если в тексте есть списки, то добавляются дополнительные свойства font-weight:

<li style="font-weight: 400;">

Так что же с этим делать?

Из Google Docs в WordPress

К счастью, есть несколько хитростей, которые решают проблему переноса контента из Google Docs в WordPress.

Приём с очисткой форматирования

Выполните следующие шаги, чтобы быстро очистить форматирование.

Шаг 1

Вставьте содержимое документа Google Docs в редактор WordPress. Выделите текст и снова скопируйте его в буфер обмена.

Копирование содержимого редактора WordPress

Шаг 2

Создайте новую запись, нажав на кнопку «Добавить Новый». Затем вставьте контент из первого поста, который только что скопировали. Когда вы вставите его второй раз, редактор автоматически очистит текст от дополнительных разрывов.

Шаг 3

Теперь скопируйте и вставьте содержимое черновика обратно в исходный пост. Выделите всё содержимое и нажмите кнопку «Очистить форматирование» в панели инструментов редактора. Это удалит элементы span и стили font-weight. Данный метод сохраняет все заголовки (h1, h2, h3 и т.д.). Единственное, чего он не сохраняет – это полужирный шрифт.

Очистка форматирования в WordPress

А вот пример текста после выполнения перечисленных выше шагов. Как видите, он чист.

Просмотр текста после очистки форматирования

Мы сами используем этот фокус каждый день.

Использование Wordable для переноса документов Google Docs в WordPress

Для решения проблемы также можно использовать сервис Wordable. С его помощью можно создавать черновики и работать с ними в Google Docs, как обычно. Когда документы будут готовы, вы сможете импортировать их на WordPress- сайт. Сервис сохраняет все теги, заголовки, стили текста, списки и даже изображения.

В Wordable есть бесплатный тарифный план, который позволяет протестировать его возможности. Он предполагает бесплатный экспорт документов в неограниченном количестве в течение первых 24 часов и 2 бесплатных экспорта после этого. Вы можете привязать его к одному WordPress- сайту. Премиальная версия сервиса стоит $19 в месяц.

Для использования сервису необходим доступ к вашему Google Drive, а также к WordPress-сайту (при помощи специального плагина). Это может стать проблемой для тех, кто беспокоится о безопасности.

Чтобы экспортировать документ из Google Docs в WordPress:

Шаг 1

Зарегистрируйте бесплатный аккаунт на Wordable. Он попросит разрешение на доступ к вашему облачному хранилищу в Google Drive.

Шаг 2

Укажите WordPress-сайт в настройках сервиса, а затем скачайте и установите необходимый плагин.

Шаг 3

Найдите на своем Google Drive нужный документ и нажмите «Экспорт в WordPress». Это создаст черновик статьи на WordPress-сайте.

Экспорт в WordPress в сервисе Wordable

Шаг 4

Кликните по ссылке «Опубликовать как черновик» (“Published as Draft”) или перейдите в панель администрирования WordPress, чтобы проверить пост.

Черновик Wordable

А вот, как он выглядит в редакторе WordPress. Всё форматирование перенеслось без лишнего кода.

Документ, экспортированный из Google Docs в WordPress

Когда вы загружаете изображение в Google Docs, сервис сохраняет имя файла. Если вы изначально попросите авторов называть файлы изображений правильными с точки зрения SEO именами, Wordable их сохранит.

Имена файлов изображений в Wordable

Изображения, экспортированные из Wordable, попадают в медиа-библиотеку WordPress-сайта.

Плагин Mammoth для конвертации файлов .docx

Третьим решением является использование бесплатного плагина Mammoth. Он был разработан специально для того, чтобы преобразовывать документы в формате .docx, в HTML.

Шаг 1

Скачайте и активируйте плагин Mammoth для конвертации .docx.

Шаг 2

Скачайте необходимый документ Google Docs как документ Microsoft Word (в формате .docx).

Скачайте документ Google Docs как .docx

Шаг 3

Создайте в WordPress новый черновик и прокрутите его. Внизу вы увидите новую кнопку для конвертации в формат .docx. Нажмите на кнопку «Выбрать файл», чтобы выбрать документ в формате .docx, который вы скачали с Google Docs. Убедитесь, что выбрана опция «Визуальное отображение» и нажмите кнопку «Вставить в редактор».

Импорт документа в формате .docx в WordPress

Мы используем этот плагин, даже для документов размером больше 4000. Ключевой особенностью этого метода является то, что плагин исправляет все проблемы форматирования. При этом изображения называются изначальными именами файлов.

Единственное, что остаётся в коде – это странный текст в теге <a>:

<h2><a id="post-264-_1e9slkz7q807"></a>First Header</h2>

Вы легко можете убрать все теги <a> за раз, используя регулярное выражение. Просто скопируйте и вставьте текстовую версию документа в Sublime. Чтобы включить регулярные выражения, нажмите .* . Затем введите следующий текст в поле «Найти»:

(<a id="post-).*</a>

Это регулярное выражение найдёт все теги <a>. Замените их все на пустую строку. После этого они исчезнут.

Регулярное выражение в Sublime

Jetpack и расширение Chrome

Ещё одним решением является использование Jetpack вместе с расширением для браузера Google Chrome. Но Jetpack выполняет дополнительные запросы к сайту, поэтому для его работы требуются XML-RPC и JSON API.

Плагин Jetpack

Шаг 1

Вы можете скачать плагин Jetpack из репозитория WordPress.

Шаг 2

После активации плагина нужно соединить JetPack с порталом WordPress.com.

Соединение Jetpack с WordPress.com

Шаг 3

Затем установите расширение для браузера Google Chrome WordPress.com to Google Docs. Предоставьте ему разрешение на доступ к вашим документам.

Шаг 4

В Google Docs нажмите на кнопку «Дополнения» и выберите “WordPress.com для Google Docs.” Далее нажмите кнопку «Сохранить». Это создаст пост на вашем сайте WordPress.

Экспорт из Google Docs в WordPress с помощью Jetpack

Вот как это выглядит в редакторе WordPress. Всё форматирование сохранено, никакого лишнего кода. Изображение перенесено вместе с именем файла.

Скрипт gdocs2md от Google Apps

Также можно использовать скрипт g2docs2md Google Apps. Он преобразует отформатированный документ, размещенный на Google Drive в формат разметки (.md), который можно использовать на WordPress. Мы рекомендуем использовать его для текстовых документов, а изображения размещать вручную.

После настройки скрипта в Google Docs вы увидите новую опцию «Разметка». Ее можно использовать для просмотра разметки и для экспорта в локальный файл (как показано ниже).

Экспорт разметки документа Google Docs

Создайте для авторов аккаунт в WordPress

Последний вариант заключается в том, чтобы создать аккаунты WordPress для всех ваших авторов и требовать от них создания контента исключительно в визуальном редакторе WordPress.

CMS-система поддерживает шесть ролей пользователей. Для авторов вы, скорее всего, захотите использовать одну из перечисленных ниже:

Автор: тот, кто может публиковать свои посты и управлять ими.
Участник: тот, кто может писать свои посты и управлять ими, но не может их публиковать.

Чтобы создать аккаунт для автора, нажмите кнопку «Добавить нового» в разделе «Пользователи» панели администрирования WordPress и назначьте ему нужную роль.

Создайте для авторов аккаунт в WordPress

Дайте автору доступ к вашему сайту

Заключение

Один из рассмотренных в этой статье способов поможет вам ускорить рабочий процесс. А возможно, в один прекрасный день мы сможем просто копировать и вставлять тексты напрямую из Google Docs в WordPress без лишней работы!

Дайте знать, что вы думаете по данной теме в комментариях. Мы крайне благодарны вам за ваши комментарии, подписки, лайки, отклики, дизлайки!