# Affordance: безплатна WordPress тема URL: https://symelo.com/bg/tools/wordpress-themes/affordance Безплатна WordPress тема. Спокойна, систематична портфолио тема за UX и продуктови дизайнери: бели карти върху меко сиво платно, анотирани екранни снимки, рамки на устройства, карти с метрики и подробни казуси. Спокойна, систематична портфолио тема за UX и продуктови дизайнери: бели карти върху меко сиво платно, анотирани екранни снимки, рамки на устройства, карти с метрики и подробни казуси. - Цена: безплатна (GPLv2 или по-нова) - Категория: Портфолио - Версия 1.0.0, 2026-10-22. WordPress 7.0+, PHP 7.4+. GNU General Public License v2 or later. - Стилови варианти: Figma-ish, Lavender, Mint - Шрифтове: Instrument Sans, Geist Mono - Работи с: [Secure Custom Fields](https://wordpress.org/plugins/secure-custom-fields/), безплатен плъгин от WordPress.org, по избор ## Описание Affordance представя продуктовата работа така, както дизайнерите я обясняват на ревю: меко сиво платно, бели карти в ритъм от 4px, заоблени етикети, заглавия с Instrument Sans и надписи с Geist Mono, и един индигов акцент. Екраните имат номерирани пояснения, макетите стоят в рамки на телефон и лаптоп, нарисувани с CSS, а резултатите се показват като карти с метрики и промяната в зелено. Темата е изградена върху портфолио основата на Symelo, затова проектите са истински тип съдържание със собствени полета, а всичко по-долу работи без конструктор на страници: * **Проекти**: меню Projects с дисциплини и индустрии, клиент, година, роля, продължителност, местоположение, инструменти, линк към живия проект, резюме, галерии в четири оформления, плъзгач „преди/след“, предизвикателството / подходът / резултатът на казуса, резултати, участници, цитат от клиента, карта и следващият проект. Стойностите се редактират с безплатния плъгин Secure Custom Fields (темата предлага да го инсталира) и продължават да се показват и без него. * **Карти с казуси**: архивът с проекти е списък от карти в две колони с резюмето и основната метрика; началната страница започва с три избрани казуса, подредени като застъпващи се карти. * **Работа с филтри**: дисциплините като моноширинни етикети, търсене и сортиране; мрежата се обновява без презареждане, адресът остава годен за споделяне и всичко работи и без JavaScript. * **Казусите като обстойни текстове**: лента за напредъка в четенето, залепено съдържание „On this page“ с фактите за проекта, номерирани секции за предизвикателството / подхода / резултата, карти с метрики за въздействието, плъзгач „Old flow / New flow“ преди/след, екрани, цитатът на клиента, екипът и следващият казус. * **Анотирани екрани**: екранна снимка с номерирани точки-пояснения и съответстваща номерирана легенда, за да обясните дизайнерските си решения. * **Hero секции**: купчина карти с казуси, бенто с метрики, макети на лаптоп и телефон, времева линия Discover / Define / Design / Deliver и начало с отзив от клиент. * **Вашето студио**: значка за свободност („Available for work from …“) в хедъра, hero секцията и футъра; данни за студиото, клиентите като бягаща лента, наградите като индексна таблица, услугите като номериран списък. * **Форми**: форма за запитване за проект (сама попълва проекта, от който идва посетителят), форми за контакт, за предложение за сътрудничество и за бюлетин. Съобщенията се пазят в таблото и се изпращат на имейла ви. * **Видео**: представителни видеа за проекти и публикации. * **Галерии**: стиловете на галерия Masonry и Carousel и лайтбокс с надписи, плъзгане с пръст и управление от клавиатурата. * **Анимации**: спокойни появявания отдолу нагоре, мрежи с поетапна поява и леко пулсиращи пояснения; всичко е изключено за посетители, които предпочитат намалено движение. * **Светла и тъмна схема**: превключвател в хедъра, който помни избора на посетителя, и три стилови варианта освен основния: Figma-ish, Mint и Lavender, всеки със собствена тъмна двойка. Шаблони: начална страница на блога, единична публикация, страница, архив, търсене (проекти, публикации и страници заедно), 404, страницата на проект, архивът с проекти, архиви за дисциплини и индустрии, както и потребителските шаблони Landing page, Wide и Case study. Части от шаблон: хедър, хедър върху hero изображение, футър и минимален футър. Над петдесет блокови модела: шест hero секции (изявлението affordance, индексът на проектите, шоурийлът, последният проект, разделен портрет и бягаща лента с дисциплините), избрана работа, индексът на проектите, мрежата с филтри, акцент върху проект, услуги, процес, студиото в числа, клиенти, награди, отзиви, въпроси, галерии, видео секции, форми, списъци със статии от дневника, призиви за действие, социални линкове и цели страници за Home, Work, Studio, Contact и Landing page. Демо съдържанието (Външен вид → Import demo) инсталира цяло творческо студио с девет проекта, дисциплини, индустрии, клиенти, награди и страниците Home, Work, Studio и Contact. ## Често задавани въпроси #### Къде добавям проекти и данни за студиото? Проектите имат собствено меню (Projects → Add Project); данните за проекта са под редактора. Свободността, имейлът, телефонът, адресът, клиентите и наградите ви са в Projects → Studio details. И двете изискват безплатния плъгин Secure Custom Fields, който темата предлага да инсталира с едно щракване. Без него всичко вече въведено продължава да се показва. #### Къде отиват изпратените форми? Всяко запитване, съобщение, предложение за сътрудничество и абонамент за бюлетина се записва в **Messages** в таблото и се изпраща на имейл адреса на администрацията на сайта. За да ги пращате другаде, отворете Messages → Settings и въведете един или повече получатели или изберете блок с форма и задайте отделни получатели в настройките на блока. Уверете се, че сайтът ви може да изпраща имейли (при повечето хостинги за надеждна доставка е нужен SMTP плъгин или услуга). #### Как работи прегледът при посочване в индекса на проектите? На компютър с мишка корицата на реда под курсора го следва. Използва се представителното изображение на проекта („Cover image“). На телефони и таблети изображението се показва като малка миниатюра в началото на всеки ред, а при работа с клавиатура се вижда до реда на фокус. #### Как да добавя представително видео към проект или публикация? В редактора отворете настройките на документа и намерете панела **Featured video**. Поставете линк от YouTube или Vimeo или изберете видео файл от медийната библиотека. Страницата на проекта го показва от край до край на мястото на корицата. #### Мога ли да изключа анимациите? Те се изключват автоматично за посетители, които са избрали намалено движение на устройството си. За да махнете анимация от блок, изберете го и изчистете ефекта в панела **Motion** (или премахнете класа `sk-…` в Разширени → Допълнителни CSS класове). #### Как работи тъмният режим? Бутонът с луна / слънце в хедъра превключва между светла и тъмна палитра и помни избора в браузъра на посетителя. Всеки стилов вариант има собствена двойка: основната палитра Canvas се сменя с графитена нощ, Figma-ish с неутрална тъмна, Mint с наситено зелена и Lavender с виолетова нощ. Изберете варианта от Външен вид → Редактор → Стилове. #### Защо понякога заглавието на страницата не се показва? Шаблонът за страница пропуска заглавието, когато страницата започва със собствена hero секция (заглавие, корица или някой от блоковите модели за hero секции и цели страници), за да не се появява то два пъти. Използвайте шаблона Landing page, за да го скриете навсякъде. ## Изтегляне - [Affordance 1.0.0](https://symelo.com/wordpress-themes/affordance/1.0.0/affordance-1.0.0.zip) (2026-10-22, 1.4 MB, SHA-256 67cac441e9e075c2637efcfa78555987bcacba1ecb5a9c1d90055d1d63538240) ## Екранни снимки - https://symelo.com/wordpress-themes/affordance/shots/home-8ce9515cff.webp - https://symelo.com/wordpress-themes/affordance/shots/contact-2-d5369a850d.webp - https://symelo.com/wordpress-themes/affordance/shots/projects-3f779e71e8.webp - https://symelo.com/wordpress-themes/affordance/shots/projects-fieldnotes-app-9f980f631c.webp - https://symelo.com/wordpress-themes/affordance/shots/studio-6afe13ccc9.webp - https://symelo.com/wordpress-themes/affordance/shots/work-2c28412b9b.webp - https://symelo.com/wordpress-themes/affordance/shots/admin-fields-976ed66f0f.webp - [Всички WordPress теми](https://symelo.com/bg/tools/wordpress-themes) ## Related pages - [All tools](https://symelo.com/bg/tools) - [Agent documentation](https://symelo.com/llms.txt)