Пользовательские дефекты дизайна WordPress и как простые шаги могут их избежать

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

Итак, вы установили WordPress на свой сайт и начали делать посты в блоге. Вы уже удовлетворены легкостью, с которой вы можете быстро получить доступ к новому контенту на своем веб-сайте, требуя лишь очень ограниченных навыков. Чем дольше у вас есть блог WordPress, тем удобнее использовать интерфейс публикации WordPress.

Вскоре вы чувствуете себя так хорошо в WordPress, что решаете, что было бы неплохо, если бы вы могли изменить изображение заголовка вверху экрана. Вы уже ознакомились с файлом CSS и другими файлами PHP и думаете, что не так сложно изменить URL-адрес изображения, используемого в заголовке, на URL-адрес изображения, который вы хотели бы использовать вместо этого.

Вы вносите изменения в нужную строку в файле CSS, и вы просто радуетесь, что видите, что на самом деле вы изменили изображение на то, которое хотели бы использовать. Вы уже начали свое приключение с создания собственного проекта WordPress. Но будьте осторожны! Потому что здесь вещи могут стать очень коварными, если вы не будете осторожны!

После более внимательного изучения нового изображения заголовка вы понимаете, что оно не соответствует самому блогу. Некоторое изображение не отображается. В качестве альтернативы, отображается все изображение, но также часть изображения повторяется снова рядом с местом, где должно заканчиваться изображение.

Это распространенная проблема при попытке создать собственный проект WordPress. Вы видите, что оригинальная тема была создана для определенного размера изображения, и если изображение не совсем того же размера, вам придется внести некоторые изменения. Тем не менее, это не так сложно, и вы скоро обнаружите, что можете редактировать необходимый код в основном файле CSS для блога, и все выглядит великолепно!

Вскоре после этого вы решаете, что хотите иметь интересную навигационную систему в своем блоге. Вы видели отличные бесплатные панели навигации, доступные на DynamicDrive.com или JavaScriptKit.com, и вы думаете, что одна из них будет отлично смотреться на вашем собственном сайте, чтобы помочь посетителям перемещаться. Таким образом, вы устанавливаете его на свой веб-сайт и смотрите его, когда он будет доступен

Ваш собственный проект WordPress действительно начинает хорошо выглядеть. Но тогда вы заметите, что панель навигации не работает, как в демо-версии. Вы замечаете, что он не вписывается в ваш модный блог. Но не волнуйтесь, вы редактировали файл CSS, прежде чем исправить это, и вы можете сделать это снова, верно?

После нескольких попыток и ошибок вы найдете правильную строку кода, которую необходимо изменить, и, прежде чем вы это узнаете, вы нашли способ сделать эту великолепную систему навигации подходящей для вашего блога. Теперь все пользователи могут видеть в своем блоге одну и ту же панель навигации, которая есть у вас на вашем сайте.

Кто сказал, что сложно создать собственный проект WordPress? Вы только что сделали другое изменение, и все выглядит отлично. Все люди в Интернете, которые говорят, что редактировать темы WordPress не так просто, я не знаю, о чем они говорят, верно? Ну, вы чувствуете себя так же уверенно, потому что теперь вы думаете, что эти боковые панели могут пригодиться с небольшим улучшением.

Яркие боковые панели выглядят великолепно, но если бы вы могли немного их изменить, вы можете добавить к ним одну или две функции, которые вы хотите сделать в течение некоторого времени. Вы хотели добавить эти баннеры в этот партнерский продукт, который вам действительно нравится, и хотите продвигать их в своем блоге, чтобы получить дополнительные комиссии. Ну, это не должно быть слишком сложно, ты делал это раньше, верно?

Вы изменяете размер боковых панелей, после некоторых усилий, меняя строку кода и обновляя блог в своем браузере, чтобы увидеть влияние каждого изменения, и, прежде чем вы это узнаете, боковые панели идеально подходят для всех типов рекламных носителей. Вы будете рады начать добавлять баннеры и другой контент, который вы хотите отобразить.

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

И вот как вы снова начинаете настраивать основной файл CSS. На этот раз требуется много усилий, чтобы боковые панели сместились к краю экрана, но в конце концов вам это удалось. Это заняло намного больше времени, чем вы думали, и вам пришлось изменить несколько строк кода в файле CSS, но, как и все время, вы изменили свой проект WordPress, и все выглядело хорошо.

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

Возможно, они просто ленивы, как вы думаете. Или, может быть, они просто слишком глупы, вы также говорите с небольшим смехом, когда думаете о том, насколько умным вам удалось сделать все эти изменения самостоятельно в течение нескольких месяцев.

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

Однако здесь все начинается очень серьезно. Потому что даже если вы постоянно проверяете, какие изменения вносятся при каждом изменении, легко пропустить изменения, если вы используете только один браузер или хуже, одно разрешение экрана! Правильно, что-то, что хорошо выглядит в одном браузере, может не работать в другом браузере, а что-то, что отлично выглядит в разрешении одного экрана, может выглядеть ужасно при другом разрешении экрана.

Проблема с разрешением экрана является худшей из двух проблем, потому что большинство браузеров могут отображать и поддерживать одинаковые основные функции, но не все мониторы созданы одинаково! Некоторые пользователи сайта могут использовать очень старый монитор с низким разрешением экрана, в то время как другие могут иметь новый продукт с потрясающим разрешением экрана. И если вы не очень осторожны, ваш новый блог может выглядеть ужасно на другом мониторе!

Если вы берете один урок из этой статьи, это должно быть:

Особенности темы WordPress зависят от нескольких строк кода в основном файле CSS. Иногда есть несколько строк кода, которые необходимо изменить, чтобы изменить это изменение. Если вы не измените точно строки кода, вы почти наверняка получите неожиданные результаты. Если вы сразу не заметите какие-либо изменения, которые будут вредны для вашего блога, вы можете забыть повторно ввести их. С этого момента дальнейшие изменения могут иметь дикий эффект для вашего блога, и без правильной копии исходного CSS-файла, созданного заново после каждого изменения, вы можете создать блог, который будет катастрофой на глаз!

Всегда делайте резервные копии, всегда проверяйте каждое изменение, всегда просматривайте свой блог на всех разрешениях экрана и, самое главное, узнайте больше о CSS-файлах WordPress еще до того, как начнете. Ваш индивидуальный проект WordPress зависит от этого!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *