Как Adobe Muse и связать с WordPress
от Andrew Bircher
На страницах данного сайта уже поднимался вопрос относительно программы Adobe Muse.
Теперь хотелось бы поговорить о том, как связать полученные страницы Adobe Muse с какой-либо CMS (например, WordPress). WordPress я выбрал именно потому, что с ней работаю. Как и большинство веб-мастеров, пробовал разные CMS, но WordPress понравилась больше всего по следующим причинам:
- Репозитарий с плагинами (очень важно для решения тривиальных «велосипедных» задач) и темами (приятный бонус, использую редко, но все же)
- Удобная и простая панель управления — понимаешь насколько это важно, когда пытаешься продать сайт на Drupal и понимаешь сколько там нужно допиливать панель редактирования, чтобы неайтишный заказчик смог в ней работать.
WordPress + TinyMCE решает данную проблему проще, вот и все. - Хорошая структура БД. При разработке первого же плагина, я смог оценить все прелести meta-подхода (таблицы postmeta и usermeta). Естественно, высоконагруженные проекты требуют других решений, но в большинстве задач этот подход оказывается крайне удобным, ускоряет процесс разработки.
- API WordPress. Встроенные функции по работе с CMS оказываются крайне полезными. Начиная от возможностей для создания личного кабинета, продолжая свободой в программировании отдельных страниц через шорткоды / файлы шаблонов и гибкой настройкой ЧПУ (привет Joomla! с ее заморочками и дублями при создании пунктов меню).
- Легкое обновление системы. Вы когда-нибудь пробовали обновить Joomla! 1.5 до версии 3.0? Я это делал. Больше не хочу. WordPress многие ругают, что у него в новых релизах нет революционных изменений в движке, внедрений новых парадигм и т.д. Я работаю с его API и мне глубоко наплевать что у него под капотом. Мне намного важнее, что старые плагины не отваливаются при обновлении, а контент не ускользает в черную дыру из-за революционной смены структуры БД.
Ну не лезу я в его ядро. Нечего мне там делать. У меня полно других, более важных дел, за которые платят.
WordPress + TinyMCE решает данную проблему проще, вот и все.В сети люди часто задаются вопросом, как связать полученные страницы Adobe Muse с CMS WordPress. Некоторые предлагают решение в виде окна IFRAME, в котором размещают страницы WordPress. И все как-то забывают, что имеют дело с весьма демократичным и гибким языком PHP, на котором написан WordPress. А ларчик просто открывается. Нужно полученные с помощью Muse страницы инклюдить в тему WordPress. А в самом проекте Muse нужно сделать HTML-вставки с PHP-функциями (описанными в functions.php темы WordPress). Таким образом система находит готовый HTML-шаблон, полученный из Adobe Muse, распознает в нем команды PHP (ведь HTML файл был подключен из скрипта PHP и именно по этой причине срабатывают команды PHP в HTML файле) и выводит динамический контент. Вот и все. Следует учитывать, что Muse вставляет кучу своих скриптов на страницу и тут может возникнуть проблема с путями. Этот момент можно решить с помощью настройки переадресации к файлам через .
UPDATE: 12 сентября 2016 года — Тема интеграции Adobe Muse и WordPress оказалась интересной и востребованной. По этой причине начинаю постить пошаговую инструкцию по налаживаю совместимости между этими продуктами. Шаг 1 можно посмотреть по этой ссылке.
Adobe Muse и WordPress. Шаг 1
от Andrew Bircher
Ранее я уже писал о том, что можно достаточно легко и эффективно связать Adobe Muse с движком WordPress. Вот уже более полугода я практикую данную схему и получаю положительные результаты. Не скрою, есть и серьезные недочеты, которые никогда не возникли бы при классическом подходе к верстке шаблонов.
Минусы данного подхода:
- Нет единых файлов header.php и footer.php, а также sidebar.php. Все это жестко закреплено в мастер-шаблоне в самом Muse, а WordPress получит дублирование хедера, футера и сайдбара для каждого файла шаблона
- Adobe Muse предоставляет потрясающую возможность простого создания адаптивных сайтов.
- Adobe Muse выдает валидный, но не читабельный для человека код. Если Вы создаете шаблон в Muse, то вся его последующая обработка должна быть автоматически: либо через проект Muse, либо регулярными выражениями PHP (позже поясню, что здесь имеется в виду). Никаких ручных правок HTML или CSS. Забудьте об этом.
- Нужно все время учитывать специфику верстки в данной программе. Нельзя просто взять и накидать элементов в проект. Это приведет лишь к том, что у Вас все «сползет» сразу, как только Вы вставите динамичный контент в шаблон.
- Еще один минус данного подхода — лишний код CSS и HTML. Но мой опыт говорит мне, что если верстку делает человек, то это совсем не гарантирует оптимизированный код и в поисковой выдаче на первых строчках часто бывают сайты с грязным кодом, а иногда и с нарушением валидности (последнего никогда не будет по вине Adobe Muse).
Минусов много и они могут показаться серьезными. Но не все так плохо и я убежден, что со временем эти минусы можно будет решить или нивелировать, а за визуальной версткой будущее. Теперь поговорим о хорошем.
Плюсы данного подхода:
- Снижение на порядок времени верстки дизайна сайта. Некоторые (особо сложные) страницы удавалось верстать за сущие мгновенья по сравнению с «версткой кодом». Следствие: снижение времени и расходов на верстку.
- Совмещение труда дизайнера и верстальщика. Дизайнеры итак часто делают прототипы в Adobe Muse, а теперь их прототипы можно достаточно легко адаптировать и экспортировать как основу для верстки.
- Легкость при создании нестандартных страниц, высокохудожественных лэндингов и т.д. Вы когда-нибудь пробовали воплотить в жизнь задумку дизайнера, который никогда не слышал о этих Ваших модульных сетках, бутстрапах и так далее? А ругаться с такими дизайнерами и трепать себе нервы приходилось? Теперь вопрос отпал.
- Полный контроль адаптивности. Вы наглядно будете видеть какие элементы куда будут перемещаться при смене разрешения. И видеть Вы это будете не только в браузере, но и при проектировании шаблона. Снижение времени на отладку.
- Виджеты и шаблоны. Для Adobe Muse существует масса виджетов и уйма шаблонов лендингов. Вы можете съкономить на дизайнере, используя лэндинг-шаблоны, которые затем с легкостью встроите в свой сайт с ЧПУ, динамическим контентом и другими плюшками. Далее Вы сможете включить и настроить в визуальном режиме виджеты, которые гарантированно будут там, где Вы их расположите на всех разрешения экрана.
Если для Вас плюсы превысили минусы, то читайте далее — первый (подготовительный) шаг.
Итак, сначала нам нужно сформировать структуру нашей будущей темы и экспорта шаблона.
Предлагаю вот такую структуру:
/tpl/tmp_1/ — папка, куда следует настроить экспорт из Adobe Muse через FTP
/tpl/tmp_1/css/ — папка со стилями (создается автоматически самим Muse)
/tpl/tmp_1/fonts/ — папка с картинками (создается автоматически самим Muse)
/tpl/tmp_1/images/ — папка со скриптами (создается автоматически самим Muse)
/tpl/tmp_1/scripts/ — папка со шрифтами (создается автоматически самим Muse)
ВНИМАНИЕ! Ничего не меняем в файлах и папках, указанных выше! При следующем экспорте Muse Вам просто все затрет и запишет заново.
/tpl/html/ — папка со скомпилированными файлами шаблона, который будем подключать из темы WordPress
/tpl/css/ — папка со стилями, которые будем подключать, чтобы кастомизировать шаблоны Muse.
/tpl/img/ — папка с изображениями темы на тот случай, если нужно вставить картинку, которой нет в экспортированном шаблоне Muse
/tpl/js/ — папка с кастомными скриптами на языке JavaScript
/tpl/php/ — папка с PHP-скриптами, которыми будет обрабатывать HTML-файлы, полученные из Muse.
/wp-content/themes/your_theme/ — Ваша тема
На этом первый шаг окончен. Продолжение следует в шаге 2.
ОБНОВЛЕНИЕ от 22.06.2017: записан скринкаст связки Adobe Muse и CMS WordPress
Muse против WordPress — что лучше?
Перейти к содержимомуПредыдущий Следующий
Muse против WordPress — что лучше?
Muse против WordPress, что лучше ? Задолго до того, как я перейду к ответу, это действительно будет зависеть от того, что вы хотите, чтобы ваш веб-сайт делал, нужна ли вам система управления контентом, тщательно настроенный веб-сайт или магазин электронной коммерции.
Как веб-дизайнер, использующий оба инструмента, я дам беспристрастное личное мнение о том, что я нашел. Если вам нужен быстрый ответ, я бы сказал: Muse для нестандартных дизайнов и WordPress как инструмент управления контентом. Идеальное решение может быть комбинацией обоих, поэтому, пожалуйста, читайте дальше, и я объясню.
Adobe Muse позволяет спроектировать веб-сайт так, как вы хотите, без необходимости написания кода.
Muse основан на HTML и CSS
Muse — это инструмент для разработки веб-сайтов от Adobe. Он был разработан для дизайнеров, а не для разработчиков, поскольку предлагает большую гибкость в изменении дизайна в соответствии с вашими пожеланиями. Это означает, что он отлично подходит для дизайна, но не поддерживает напрямую веб-сайты, созданные на PHP или базах данных. Тем не менее, он предлагает постоянно растущий набор «виджетов» как от Adobe, так и от сторонних поставщиков, таких как MuseThemes. Эти виджеты позволяют использовать множество необычных функций, таких как добавление галерей слайдеров, ссылки на социальные сети или даже обновление контента из Документов Google.
Поскольку это в первую очередь было сделано для поддержки дизайнеров, это действительно здорово, если клиент знает, чего он хочет, у него может быть документ PSD (Photoshop), который он хочет точно воспроизвести на своем веб-сайте. Им могут понадобиться определенные шрифты, цвета, изображения и определенные особенности. Именно здесь Adobe Muse действительно проявляет себя. Как инструмент дизайнера это действительно здорово, так как вам не нужно знать программирование. Некоторый опыт работы с CSS может быть полезным, но не обязательным.
WordPress Инструмент для разработки веб-сайтов на основе базы данных
WordPress — это PHP и база данных
WordPress — это инструмент для разработки веб-сайтов, основанный на файлах php и связанный с базами данных. WordPress работает, выбирая тему (если у вас нет большого количества £ £ и вы не можете позволить разработчику разработать полностью индивидуальную тему). По сути, вы выбираете тему, которая отражает то, что вы хотите, чтобы ваш сайт отражал или делал.
Ваша тема обычно поставляется с плагинами, которые позволяют расширить возможности вашего веб-сайта, существуют буквально миллионы плагинов, некоторые из них бесплатные, а некоторые платные (лучшие из них платные). WordPress также является CMS (системой управления контентом), которая позволяет клиентам достаточно легко добавлять и обновлять контент.
Что лучше, Muse или WordPress для дизайна веб-сайтов?
Я бы сказал, что если вам нужен определенный дизайн, вам подойдет Adobe Muse. Он очень гибкий для дизайнера. Это позволяет размещать изображения и текст именно там, где вы хотите. Он также допускает два варианта при проектировании. Гибкая ширина / дизайн с фиксированной точкой останова или «альтернативные» макеты для настольных компьютеров, планшетов и мобильных устройств (вот обзор точек останова от W3schools). Лично я предпочитаю использовать комбинацию гибких и фиксированных точек останова по ширине. Что действительно здорово, так это то, что вы можете полностью изменить весь контент / макет в зависимости от ширины браузера, это позволяет скрывать или отображать виджеты и т.
Д. В зависимости от того, как просматривается страница. то есть настольный компьютер, планшет или мобильный телефон.
WordPress действительно хорош, если вам нужно готовое решение, которое не потребует много изменений. Здесь нужно хорошо подумать, шаблон может выглядеть великолепно, но подойдет ли он всему, что вы хотите? Темы можно изменять и настраивать, но это становится более сложным, и вам будет лучше сделать «дочернюю тему», иначе вы можете потерять свои изменения, если будет сделано обновление шаблона. Большинство тем WordPress построены с использованием либо плавной ширины, либо фиксированных точек останова, но, в отличие от Muse, у вас нет гибкости, чтобы скрыть и изменить макет так же легко на точках останова.
Что лучше, Muse или WordPress для обновления контента?
Я бы сказал, WordPress для этого, особенно если используется блог. Однако со временем вы можете захотеть добавить и изменить контент на главных страницах. Muse лучше всего подходит для этого, так как исходный дизайн может больше не работать, возможно, вы добавляете новое изображение или добавляете больше текста, макет может больше не выглядеть хорошо.
Abode Muse позволяет относительно легко изменять дизайн страницы. Недостаток Muse в том, что это не CMS (система управления контентом). У него есть встроенное «Редактирование в браузере», но в настоящее время оно не работает должным образом, и лично я буду использовать его только для базовых обновлений. В Muse есть множество сторонних виджетов, которые позволяют обновлять контент, включая обновления страниц из tumblr, Google Docs и Spreadsheets и многих других, но недостаток здесь заключается в том, что, хотя на вашем веб-сайте отображается свежий контент, SEO может не заметить это.
Что лучше, Muse или WordPress для SEO?
Это близкая ситуация, поскольку и Muse, и WordPress достаточно хорошо работают для SEO. Я бы сказал, что WordPress просто справляется с этим, поскольку у него есть несколько отличных плагинов, которые помогут вам сосредоточиться на SEO, включая когда-либо популярный Yoast.
В Muse есть все инструменты для добавления H-тегов и перехода на понятные URL-адреса.
В видео ниже представлен обзор SEO в Muse.
Также есть несколько виджетов, которые помогут Muse SEO виджеты здесь от J-26
Что лучше, Muse или WordPress для электронной коммерции?
Этот плагин только что обогнал WordPress, так как он имеет сторонний плагин, доступный только в WordPress, который называется woocommerce. Woocommerce — это бесплатный плагин, который оплачивает дополнительные возможности. Это работает хорошо, и многие темы, доступные на WordPress для электронной коммерции, имеют этот способ настройки магазина.
Adobe Muse предлагает ряд виджетов «магазина» сторонних производителей, включая Ecwid и Shopify . Оба виджета платные, а также доступны на WordPress. Ecwid особенно хорошо подходит для Muse, так как он легко настраивается, чтобы соответствовать дизайну веб-сайта, но дорог для сайтов с большим количеством недорогих продуктов.
Что лучше, Muse и WordPress вместе?
Расскажите мне о своих мыслях и опыте использования WordPress или Muse
Перейти к началу
Миграция с Adobe Muse на WordPress
Начиная с марта 2020 г.
Adobe публично объявила о прекращении технической поддержки Adobe Muse CC. Это не только положило конец Muse, но и помогло клиентам плавно перейти на другие предложения Adobe, такие как Adobe XD, Adobe Portfolio, Adobe Spark и Adobe Express. Однако многие люди хотели, чтобы что-то изменилось по сравнению с обычным, и начали переходить на другие платформы для создания веб-сайтов, такие как Wix, Webflow, Squarespace, WordPress и т. д. Миграция с Adobe Muse на WordPress не только помогает импортировать все данные со старых веб-сайтов Muse, но и также помогает настроить проект в соответствии с потребностями вашего бизнеса.
Но мы видели огромное количество пользователей, перешедших на WordPress.
Почему WordPress?
Есть много причин, говорящих в пользу WordPress. Сегодня, если мы посмотрим на диаграмму популярности, мы увидим, что эта платформа с открытым исходным кодом пользуется большим спросом и стала самым популярным движком для запуска веб-сайтов во всем мире.
От личных блогов до создания империи WooCommerce, WordPress имеет все возможности для обслуживания любого веб-сайта.
WordPress восхищает своими:
- Простота использования.
- Расширяемость
- Надежность
- Сильное SEO
- Многопользовательские возможности
- И самое главное, он браузерный
Перенос сайта с Muse на WordPress — стоит ли?
Процесс переноса веб-сайта может быть довольно трудоемким из-за различий между платформами. Давайте очень четко упомянем здесь, что Adobe — это только конструктор веб-сайтов, тогда как WordPress — это полноценная CMS, требующая последовательного и тщательного процесса миграции. Миграция с Muse на WordPress требует технических нюансов, переадресации трафика, надлежащего переноса контента и доменного имени, сохранения позиций сайта в поисковых системах и т. д. WordPress, без сомнения, является обширной и универсальной платформой, которая также подразумевает продуманные подходы.
Баллы
- Если вам нужен ответ на вопрос «Стоит ли переходить с Muse на WordPress», то у нас есть много причин поддержать наш ответ:
- Первая и главная причина перехода на WordPress заключается в том, что Adobe Muse больше не доступен и не поддерживается системами.
- Adobe Muse — это конструктор веб-сайтов, для которого требуется кодирование, и не все умеют кодировать и создавать профессиональные проекты. Принимая во внимание, что WordPress — это многофункциональная CMS, которая не требует навыков предварительного кодирования, но позволяет своим клиентам легко создавать веб-сайты, даже если у них нет опыта создания веб-сайтов.
- WordPress дает пользователю свободу экспериментировать со своими функциями и создавать шедевры даже с минимальной помощью экспертов. Это помогает предприятиям создавать персонализированные проекты со свободой выбора из множества услуг хостинга.
- Ранее пользователи видели, что при использовании Adobe Muse им слишком сложно получить правильный дизайн с первых нескольких попыток.
Платформа всегда была перенасыщена ненужными функциями. WordPress превращает его в универсальную платформу, где каждый может легко получить только необходимые функции, что делает его удобной платформой для любого бизнеса.
Независимо от того, каких целей вы хотите достичь, в WordPress есть все, что вам нужно, чтобы правильно представить свой бизнес людям. WordPress никогда не переставал удивлять и всегда показывал миру лучшие результаты. CMS завоевала мировую популярность и не зря. Платформа легко доступна для любого вида бизнес-проекта.
Хотите перейти с Adobe Muse на WordPress?
Не каждый может перенести сайт с Adobe Muse на WordPress. Без помощи профессионального руководства никто не может сделать правильную работу, иначе результаты могут дорого нам обойтись. У нас есть целая команда квалифицированных специалистов, которые знают, как бережно обращаться с каждым сайтом. Это целый процесс, когда один сайт переносится на другую платформу. Требуется много предосторожностей.
Есть несколько вещей, которые необходимо учитывать при переносе веб-сайта Adobe Muse на WordPress:
Установка WordPress
WordPress CMS предварительно требуется загрузить и установить. Установка занимает всего несколько минут и очень проста.
Выбор хостинг-провайдера
Существует множество хостинговых услуг, которые поддерживает WordPress. WordPress не предлагает интегрированный хостинг, поэтому поддерживайте других и предоставляйте людям широкий выбор. В случае, если вы запутались, мы можем помочь вам выбрать тот, или вы можете посмотреть на наши пакеты хостинга, которые стоят меньше, чем на обычном рынке.
Экспорт содержимого из Adobe Muse
Чтобы экспортировать все веб-сайты Muse, мы сначала создаем HTML-версию веб-сайта с помощью панели управления. После экспорта HTML-файла проверяем, все ли элементы сайта скопированы в файл или нет.
Преобразование файлов HML в файлы WordPress
Файл HTML можно преобразовать в файлы WordPress несколькими способами.
Пройти через один из подобных сервисов можно здесь . Если у вас возникнут трудности с преобразованием HTML-файлов, вы можете напрямую связаться с нами, и мы поможем вам. Если у вас много дел, вам предлагается нанять нашу профессиональную команду WordPress, чтобы она сделала всю работу за вас.
Импорт изображений
WordPress не всегда импортирует все изображения. Иногда приходится делать все самому. Есть несколько внешних плагинов, с помощью которых вы можете импортировать все типы изображений.
Настройка WordPress
Миграция с Adobe Muse на WordPress не только поможет вам импортировать все данные со старых веб-сайтов Muse, но и поможет вам настроить проект в соответствии с потребностями вашего бизнеса. Вы можете установить и обновить любой плагин, какой захотите. Платформа CMS также помогает вам проверять и настраивать новые URL-адреса. Вам также не нужно беспокоиться о них. Наши разработчики помогут вам перенести их все на новый сайт вручную.
