У цьому пості розглянемо приклади сайтів, створених на WordPress як корпоративного рівня, так і просто крутих проектів. У свідомості багатьох людей WordPress залишається інструментом для ведення блогів або чимось придатним тільки для малого бізнесу.
Сьогодні ми хочемо розвіяти ці сумніви. Нижче наведені приклади сайтів WordPress покажуть, на що здатна CMS. Ми більш детально розглянемо кількість відвідувачів, дизайн та технології, що використовуються у фоновому режимі кожного сайту.
Приклади сайтів корпоративного рівня WordPress
New York Post
Перший приклад – це Нью -Йорк Позt, одна з найпопулярніших газет Великого Яблука. Їхній веб-сайт отримує близько 118000000 мільйонів кліків на місяць і займає 126-е місце в США.
Сайт має досить простий дизайн. Є невеликий заголовок, який зникає і з'являється знову при прокручуванні вгору та вниз. Основна увага приділяється контенту, який з'являється у стилі таблоїдів з великими зображеннями та заголовками та охоплює все, від політики до пліток про знаменитостей.
Макет залишається відносно узгодженим, тільки превью статей стають меншими у міру того, як ви спускаєтеся по сторінці. На вебсайті New York Post також є меню, що розкривається в заголовку, яке веде до найважливіших розділів сайту.
Щоб все працювало і виглядало красиво, на веб-сайті використовується власна тема, що настроюється. Також, схоже, що Jetpack и Okta активні у фоновому режимі та підтримує швидкість свого ресурсу через кілька мереж доставки контенту. Сайт розміщений на WordPress.com VIP, його ми ще кілька разів побачимо у статті.
news.com.au
Далі йде сайт новин того ж типу, що і New York Post. news.com.au - Десятий за відвідуваністю портал в Австралії з щомісячним трафіком 113 000 000 відвідувань.
Сайт виконаний у класичному журнальному стилі. Такі теми, як світові новини, політика, новини про знаменитостей, спорт та інші, представлені відносно компактною формою. Ви знайдете основні теми в меню навігації нагорі разом з крихітними віджетами для прогнозу погоди, поточної дати та часу.
Коли ви прокручуєте сторінку вниз, є спеціальні розділи з останніми новинами для кожної категорії.
Не дивно, що news.com.au використовує тему, що настроюється для свого вебсайту. Ми не змогли нічого дізнатися про додаткові плагіни, крім того, що він використовує плагін WpStream.
Найбільша бульварна газета Англії The Sun - Ще один великий веб-сайт, який використовує WordPress. Їхня щомісячна читацька аудиторія оцінюється в 48 500 000 осіб. Газета висвітлює все, від світових та місцевих новин до пліток про знаменитостей.
Тема, створена Human Made, дуже схожа на реальний аналог газети у газетних кіосках
На сайті зверху перераховані основні теми, за якими можна легко перейти до кожного розділу. У заголовку є меню, що розкривається, з переходом до інших властивостей The Sun, таких як шотландська, ірландська та американська версії.
Макет досить послідовний. Навіть при прокручуванні вниз поруч із липким заголовком з'являється безліч картинок, що перемежуються тематичними рядками.
Що примітно, головна сторінка дуже довга, що потребує частого прокручування. Розробники подбали про ліниве завантаження, щоб не перевантажувати інтернет-з'єднання відвідувачів. Нам не вдалося знайти більше технічної інформації, крім того, що вона явно розміщена на WordPress.com.
Різноманітність
Ми продовжуємо тему сайтів новин за допомогою розважального журналу Різноманітність, що висвітлює фільми, телебачення, музику та інші культурні події. Їхній портал обробляє понад 31 000 000 відвідувачів на місяць.
Що стосується дизайну, то виділяється модульний дизайн з основними категоріями та заголовками вгорі. У сайту плитковий макет із бічною панеллю над згином. Коли ви прокручуєте вниз, він перетворюється на стовпці з різними числами та розмірами.
Variety також надає липкий заголовок та повноекранне меню навігації при натисканні на значок гамбургера. Це дає доступ до більшої кількості підкатегорій та рядка пошуку.
З технічної точки зору тут не так багато інформації. Крім того, що тема сайту базується на основній темі для всіх властивостей материнської компанії. Також він використовує плагін Lazy Load для WordPress. Як і інші приклади цього списку, Variety розміщує свій сайт на WordPress.com VIP.
Цибуля
Цибуля-цибуля – один із багатьох веб-сайтів, які витрачають час марно, і, зважаючи на все, один із найуспішніших. Їх 19 230 000 відвідувачів на місяць в основному можуть знайти колекції кумедних мемів, гіфок, випадкових фактів та жінок, одягнених у меншу кількість одягу, ніж зазвичай.
Щиро кажучи, дизайн виглядає так, ніби він не зазнавав серйозних оновлень з початку 2000-х років. Багато порожнього місця, великі зображення та заголовки, а також багато контенту, що відтворюється по клацанню.
Вгорі можна вибрати різні категорії, канали та авторів, а також отримати доступ до магазину, увійти до системи та надіслати свій власний контент.
З технічної точки зору, веб-сайт має тему, що настроюється, створену X-Team, і використовує Disqus для запуску розділу коментарів. Крім того, Chive – ще один VIP-клієнт WordPress.com.
Білий дім
Далі у нашому списку сайтів WordPress є офіційна веб-присутність президента США та їхньої адміністрації Білий дім. Передбачуваний щомісячний трафік: 15 000 000+.
Сайт не надто великий. В основному він складається з декількох сторінок, які інформують про поточне адміністрування, цілі політики та поточні події. Існує також іспанська версія сайту, на яку можна легко перейти, а також блог із останніми новинами.
Крім того, є перемикачі для збільшення контрастності та розміру шрифту, які плавно змінюють дизайн для більшої доступності для осіб з обмеженими можливостями.
Ми не змогли знайти жодної інформації про те, які плагіни використовує сайт Білого дому. Тему начебто просто названо «46» на честь нинішнього президента. Крім того, з 81 мільйоном зворотних посилань їх фахівець з лінкбілдингу дійсно заслуговує на підвищення.
Кіноголік
Кінематографічний – це портал, на якому можна знайти списки, новини, огляди, роз'яснення та багато іншого про фільми, телебачення та теми, пов'язані з аніме. Щомісяця заходять понад 10 000 000 чоловік.
Сайт вражає дуже простим та чистим дизайном. Нам особливо подобається висувне меню, яке з'являється при натисканні на значок гамбургера.
Cinemaholic гармонійно поєднується з дизайном, його розташування залишається вірним собі у всьому. Відмінна робота!
Однак їм варто натякнути на оптимізацію зображень. Коли ми вперше відвідали сайт, їхній головний візуальний елемент був величезним 1,6 МБ при завантаженні. Це величезні обсяги мобільного підключення.
Що стосується розширень, вони використовують свою власну тему, і популярний плагін Yoast SEO.
National Review
Ще один сайт новин, який більш консервативний. Щомісячний трафік журналу National Review складає 7 відвідувачів.
У нього знайомий журнальний дизайн, в якому огляд новин та думок представлений у різній кількості рядків та стовпців. Основні теми розташовані під верхнім заголовком, і є меню, що висувається, що надає більше можливостей.
Дизайн розроблений Alley як індивідуальної теми. Сайт журналу National Review використовує Один сигнал для push-повідомлень, плагін WP to Twitter та WordPress.com VIP.
стан
стан – щомісячний діловий журнал та джерело знаменитих рейтингів Fortune 500 та 40 Under 40. За оцінками, за місяць його відвідують 6 700 000 осіб.
Журнал заснований у 1929 році, можливо, тому їхня присутність в Інтернеті має досить класичний дизайн журналу: упорядковані стовпці, безліч зображень, рядки, згруповані за темами, та липкий заголовок для швидкого доступу до найважливіших сторінок.
З іншого боку, технічні деталі досить приховані. Ми не виявили будь-які плагіни чи теми. Чорт забирай, ми навіть не змогли знайти шлях до папки теми у вихідному коді за допомогою інструментів розробника в браузері.
Це змушує думати, що вони мають якась проприетарная установка, можливо, навіть як безголової CMS. Однак, можна сказати, що у нас є ще один VIP-клієнт WordPress.com.
Пенні
Більше 5 620 000 людей відвідують цей сайт щомісяця, щоб дізнатися, як заощадити та заробити більше грошей. Як і слід було очікувати, Пенні багато матеріалів про бюджет, борг, банки, пенсійне забезпечення, інвестування та все інше, що пов'язано з готівкою. The Penny Hoarder є підтвердженим користувачем Вордпрес.
Сайт оформлений як журнал і дуже компактний, але з багатьма елементами верстки. Ви знайдете нові статті вгорі, стовпці з актуальними темами та вибором редакторів, коментарі спільноти, а потім деякі віджети для конкретних категорій. Також є всюдисущий липкий заголовок з основними темами та форма підписки на розсилку, яка виглядає трохи недоречно.
Наші шпигунські програми говорять нам, що сайт використовує Akismet (зрозуміло, як блог-орієнтований), Yoast SEO та Wordfence безпеки. W3 Total Cache и TablePress, схоже, також активні, як і WooCommerce.
Враховуючи кількість використовуваних плагінів, цей приклад безперечно один з найбільш орієнтованих на WordPress у цьому списку.
The Next Web
приклад технічного журналу. Він охоплює технології, технологічний бізнес та стартапи для приблизно 3 відвідувачів на місяць.
Якщо чесно, то дизайн досить мізерний. Тут багато прогалин, що зазвичай добре. Однак у деяких місцях The Next Web настільки мінімалістичний, що виглядав трохи занедбаним.
Тут використовується цікавий вибір кольорів. Це особливо очевидно, коли ви наводите курсор на Новини вгорі, щоб перейти до основних каналів. Опинившись там, побачите кілька підтем у нижній частині головного меню.
Хоча дизайн трохи не вражає, швидкість завантаження сайту неймовірно висока. переходячи з одного каналу в інший, все, включаючи зображення, завантажується майже миттєво. За це дякую!
Одна з причин, мабуть, полягає в тому, що навіть на коротких сторінках із невеликими зображеннями The Next Web використовує відкладене завантаження, використовує Yoast SEO та живе на WordPress.com.
Venture Beat
Наступний приклад – одне з провідних джерел технічних новин, особливо стартапів, штучного інтелекту, машинного навчання та ігрової індустрії з передбачуваним щомісячним трафіком 2 чоловік.
Коли справа доходить до дизайну Venture Beat, У нього виникає та сама проблема, що і з The Next Web, він здається трохи малонаселеним. Це посилювалося тим, що деякі зображення не завантажувалися.
Але що чудово, то це спливаюче меню, яке з'являється при натисканні.
Воно дає набагато більший доступ до різних тем та інших важливих посилань. Крім того, макет відносно простий, в основному це список останніх статей, що перемежується з більшими зображеннями для більш важливих постів.
Цей сайт WordPress працює з власною темою у фоновому режимі та на ньому встановлено Yoast SEO. Це майже все, що ми змогли дізнатися.
Хоча в деяких колах WordPress, як і раніше, вважається інструментом для хобі, сайти корпоративного рівня, засновані на цій CMS, не такі рідкісні, як здається. Вище ми розглянули лише 12 прикладів, але разом вони обслуговують сотні мільйонів користувачів щомісяця, і все це на WordPress.
Приклади крутих сайтів WordPress із різноманітних ніш
Якщо хтось досі ще переконаний, що WordPress — це лише платформа для простеньких блогів з обмеженими можливостями з дизайну та функціональності, подивіться на цю добірку чудових сайтів з оригінальним і незабутнім зовнішнім виглядом.
Давайте переконаємося, що на Вордпрес можна створювати не лише блоги та журнали, а й шедеври в інших тематиках та напрямках.
Фонд Обами
Фонд Обами – це президентський центр Обами.
Злі птахи
Злі птахи – чудовий приклад сайту для любителів мультфільмів
99U
99U - Ресурс для творчої кар'єри.
The Next Web
The Next Web - Приклад сайту технічної тематики.
Студія ОУАМ
Студія ОУАМ - Приклад студії брендингу.
Логіка тварин
Логіка тварин - Приклад творчої цифрової студії.
Гретт
Гретт – юридична підтримка та експертиза.
10 × 17
10 × 17 – арт-проект для ілюстраторів та художників.
American Scraps
American Scraps -Приклад сайту про американські комікси.
99% невидимий
99% невидимий – приклад оповідального подкасту, організованого Романом Марсом і присвячений усім думкам, що виникають у речах, про які ми не думаємо. А також присвячений непомітній архітектурі та дизайну, які формують наш світ
RUYA
RUYA – приклад агентства повного циклу у галузі брендингу, цифрових технологій та візуалізації.
Метод
Метод - Приклад бізнесу з миловаріння.
Нескорений
Нескорений – незалежне агентство, яке "ставить під сумнів перспективу бренду за допомогою нового визначення контенту".
Х'юстонський зоопарк
Х'юстонський зоопарк - Приклад вебсайту зоопарку з Х'юстона.
Протест
Протест – нідерландський брендовий одяг для сноубордистів.
Крутий клуб
Крутий клуб -Колекції класичних дизайнів карткових ігор, непідвладних часу.
Нове
Нове – приклад інтернет-присутності консультаційного агентства зі зв'язків із громадськістю та комунікацій.
Джоні Гуедж
Джоні Гуедж – вебсайт сценаристів та режисерів Бенджаміна Гедж та Джей Сі Сюзанна.
Чудовий мотив
Чудовий мотив – сайт розробників програмного забезпечення та навчальних відео для збільшення трафіку, передплатників електронної пошти та доходів.
Сподіваємося, що ці приклади сайтів на WordPress надихнули створити щось таке ж грандіозне, використовуючи найпопулярнішу CMS.
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/
Коментарі до запису: 1
Люблю WordPress.