Блок для портфолио: javascript — Как сделать такие блоки (Портфолио)
Портфолио копирайтера: как сделать и оформить с примерами и образцом
Для копирайтера сделать портфолио часто становится не самой простой задачей. В первую очередь потому что копирайтеры, как правило, не являются техническими специалистами и не владеют навыком программирования. Поэтому создать портфолио на собственном сайте под силу далеко не каждому. В результате люди размещают свои работы на сайтах бирж копирайтинга, что недальновидно. Посудите сами: потенциальный клиент получает ссылку на профиль в бирже, смотрит его, а затем отправляется смотреть примеры работ других исполнителей. И кого он выберет — тот еще вопрос.
Вот об этом я как раз и хочу сегодня подробно Вам рассказать. И показать решение. Итак, сегодня мы рассмотрим как создать классное портфолио на примере использования конструктора Google Сайты без каких-либо технических навыков.
Оглавление:
Что такое портфолио, и каким оно должно быть
Давайте начнем с актуальной проблемы. Большинство копирайтеров совершенно не умеют оформлять портфолио. 9 из 10 авторов подходят к вопросу так: вот, дескать, я покажу примеры текстов, а там потенциальный заказчик пусть сам смотрит, нравится ему работа или нет. При этом люди совершенно не понимают, что большинству заказчиков не нужен просто текст. Им нужно решение тех или иных задач. И решение, в зависимости от того, кто наш заказчик — будет разным.
- SEO-специалистам нужен текст по ТЗ, чтобы разместить его на сайте, и он привлекал аудиторию из поисковиков. Вот почему они смотрят в портфолио тексты с грамотной поисковой оптимизацией.
- Предпринимателям нужен коммерческий текст, который будет продавать товары или услуги. Поэтому им нужны в портфолио цепляющие тексты с маркетинговой проработкой.
И так далее. Поэтому давайте сразу дадим определение.
Портфолио копирайтера — это наглядная демонстрация умения решать с помощью текста задачи, нужные заказчику.
Следовательно, и демонстрация здесь нужна именно решения, а не просто примера текста. Однако если говорить о портфолио большинства копирайтеров, они этого не учитывают и показывают просто примеры работ, т.е. просто наборы букв. В худшем случае — каждую работу представляет некая абстрактная картинка, при нажатии на которую человек попадает на страницу с еще большей картинкой, где нужно найти ссылку на скачивание документа с материалом (сомневаюсь, что у заказчиков хватает терпения сделать столько телодвижений). В результате портфолио получается абстрактным, малоинформативным и выглядит примерно так, как на рисунке ниже.
Но и это еще не все. Гораздо хуже обстоит дело у начинающих копирайтеров, у которых еще нет заказов. Здесь вообще замкнутый круг: без заказов нет портфолио, а без портфолио — нет заказов. Что делать? Ответ на этот вопрос я записал в коротком трехминутном видео.
Если времени смотреть видео нет, то вкратце смысл написан текстом чуть ниже.
Существуют по крайней мере два важных момента при создании портфолио, на которые обязательно стоит обратить внимание.
Два важных момента при создании портфолио
Первый важный момент: чтобы сделать портфолио Вам не нужны заказы. Хотя бы потому что заказчик может просто не разрешить публиковать классный текст. Вы можете создать примеры работ, решая постановочные задачи, просто смоделировав их. Кроме того, так гораздо проще адаптироваться под потребности потенциальных клиентов, не имея на руках живых проектов.
Если самостоятельная постановка задач вызывает трудности, есть хитрость. Отправляетесь на биржу, берете задание, и по этому заданию решаете задачу. При этом сдавать работу не нужно. Вы делаете ее для себя. В таком подходе есть и сакраментальный смысл. Получается, что не Вы работаете на заказчика, а заказчик — на Вас и Ваше портфолио. В конце концов, он же создал для Вас ТЗ (причем бесплатно), которое стало отправной точкой в решении задачи. И осознание этого факта безумно повышает самооценку.
Второй важный момент, о котором я уже говорил: в портфолио лучше размещать не примеры работ, в которых заказчику еще предстоит разобраться, а кейсы — примеры решенных задач. Так Вы наглядно показываете, что умеете решать проблемы, а значит потенциальному клиенту на порядок проще сделать выбор в Вашу пользу. Давайте покажу на наглядных примерах.
Два показательных примера из портфолио копирайтера
Поставьте себя на место заказчика. Хотя, нет. Давайте предметно. Вы — SEO-специалист, и Вам нужен копирайтер, который сможет писать SEO-тексты под нужные Вам поисковые запросы по Вашим ТЗ. В поисках исполнителя Вы открыли портфолио двух авторов.
Первое выглядит так.
Просто текст в портфолио. Ни больше, ни меньше.Как видите, это просто текст. И понять, что здесь к чему непросто. Нужно читать. Нужно вникать. А времени на это нет. И желания — тоже. А теперь сравните со вторым вариантом.
Кейс в портфолио.Здесь копирайтер явно показывает, что он умеет решать задачи SEO-специалиста. И такой исполнитель, положа руку на сердце, стоит 10 обычных текстописцев. Чувствуете разницу?
Где копирайтеру разместить портфолио
Хорошо. Допустим. С кейсами все более-менее понятно. Но остается открытым вопрос: где создать и, главное — разместить портфолио? На биржах — не лучший вариант, потому что потенциальный заказчик пойдет смотреть конкурентов. Свой сайт делать — это долго, дорого, да и навыки для этого нужны. Готовые конструкторы либо платные, либо имеют ограничения. Да и осваивать их нужно. Что делать?
Для быстрого решения этой задачи, без заморочек, я рекомендую использовать бесплатный конструктор Google Сайты (или Tilda, но она чуть сложнее в освоении). Конечно, идеальный вариант при любом раскладе — это свой сайт, на своем доменном имени и платном хостинге. Но если портфолио нужно здесь и сейчас, то на Google Сайтах его можно создать и разместить за 30-40 минут. Разумеется, при условии, что у Вас есть что размещать. Если нет — смотрите чуть выше в районе картинки с Робертом Дауни младшим.
Теперь у Вас есть выбор. Если время позволяет, можете посмотреть подробный курс из 5 уроков о том, как сделать сайт в системе Google Сайты. Первый урок чуть ниже, остальные — на этой странице. Курс бесплатный.
Если времени нет, и нужно присмотреться, то чуть ниже — пошаговая текстовая инструкция.
Как сделать портфолио на Google Сайтах: пошаговая инструкция
Здесь просто следуйте по шагам инструкции. Все примеры на изображениях. Все, что Вам нужно для ее реализации и повторения — это учетная запись в Google.
Шаг 1: зайдите на гугл диск и создайте Google Сайт
Для этого вводим в адресной строке drive.google.com. Нажимаем кнопку “Создать” в левом верхнем углу, выбираем “Еще” и Google Сайты.
Создание портфолио в системе Google Сайты.Шаг 2: изучите шаблон главной страницы будущего портфолио
Шаг 3: оформите первый экран главной страницы
Например, я изменил изображение в шапке и текст. В идеале — сделать уникальную картинку, плюс, нарисовать на ней контактные данные, мессенджеры, фотографию и т.д. Мне же все это делать было лень, поэтому я ограничился штатным изображением. Вы сможете сделать лучше.
Кстати, заголовок здесь я написал по формуле 4U. Поскольку мы с Вами делаем портфолио копирайтера, то логично использовать профессиональные приемы, не так ли? Иначе получится сапожник без сапог.
Шаг 4: заполните контентную часть
Далее, у Вас карт-бланш. Контентную часть можно заполнять как угодно. Для примера я решил вначале сделать презентационный блок “О себе”, а после него уже размещать примеры работ, выгоды от сотрудничества и т.д. В этом блоке копирайтер может рассказать о своих знаниях, навыках (все это вкупе называется “экспертиза”), убеждениях и просто о том, какой он человек. По желанию можно использовать Why-формулу.
Чтобы реализовать этот блок, я разделил контентную часть на две зоны. В одну добавил фотографию (ее можно либо добавлять как изображение, по ссылке или с Google Диска), либо как файл с компьютера, через инструмент “Загрузить”. Во вторую часть я добавил текстовое описание. А чтобы текст смотрелся веселее, я разбавил его эмодзи.
Чтобы блоки в контентной части не сливались, я буду разделять их горизонтальной линией и подзаголовками. К слову, блоков может быть сколько угодно, и в них можно размещать любую дополнительную информацию с атрибутами авторитета: цены, награды, дипломы, сертификаты, отзывы и т.д. От этого портфолио станет только сильнее и презентабельнее. Наберет вес, так сказать.
Шаг 5: заполните портфолио кейсами или примерами работ
Самый ответственный шаг — это размещение самого портфолио (кейсов или примеров работ). И здесь Google Сайты раскрываются в полной мере, т.к. в них можно быстро размещать контент в разных форматах.
Обратите внимание: каждую работу я публикую не как пример, а как кейс — в виде задачи с описанием решения и демонстрацией результата.
Блок кейсов в портфолио (примеров решенных задач).В данном примере я использую три формата. Первый — текстовый документ из Google Docs. Он интерактивный. В нем можно даже выделить текст или, при желании, перейти на страницу документа (откроется в новом окне). Чуть ниже будет ссылка на сайт, сможете сами все испробовать.
Второй формат — это изображение. Но его для раскрытия кейса недостаточно. Поэтому я в описании решения задачи сделал ссылку на дополнительную страницу, которую создал на этом же сайте (правая колонка, сверху вкладка “Страницы”). На этой странице я описываю кейс подробно и сопровождаю его дополнительными изображениями. Видите? Задача, ход решения и результат — простой трехшаговый алгоритм формирования убедительного кейса.
Дополнительное раскрытие кейса.Наконец, третий формат отображения задач — это презентация из Google Презентаций. Вообще, очень удобный формат, потому что представляет собой слайдер, в котором можно уместить практически любой контент, начиная с отзывов и заканчивая изображениями других кейсов.
Шаг 6: усильте портфолио выгодами или преимуществами
В качестве дополнительного блока я сделал блок преимуществ. Пусть, так сказать, у потенциального заказчика будут дополнительные аргументы для принятия решения.
Блок преимуществ.Шаг 7: сделайте призыв к действию
Если посмотреть внимательно на то, что получается, то мы немного перестарались. Вместо обычного портфолио у нас выходит полноценный коммерческий сайт-визитка. А раз уже пошла такая пляска, то почему бы не сделать все по модели AIDA?
Добавляем призыв и возможность на этот призыв среагировать. По хорошему — здесь должны быть просто контакты. Но я пошел немного дальше и встроил контактную форму с интеграцией с системой Mailchimp (на демо-сайте она неактивна!). Сделать такую же (только рабочую) можно, используя инструмент “Встроить → Встроить код”.
Призыв к действию.В завершении я вставил нижний колонтитул. Здесь, по хорошему, тоже нужно разместить логотип, контакты. Но я ограничился предупреждением о запрете копирования.
Шаг 8: опубликуйте портфолио
Чтобы опубликовать сайт, нужно просто нажать на большую синюю кнопку «Опубликовать» в правом верхнем углу экрана. Появляется окно, в котором нужно выбрать настройки приватности и уникальный домен (вида https://sites.google.com/view/ivanovstudio). К слову, по этой же ссылке можете посмотреть на сайт примера вживую.
И вот так у нас выглядит конечный результат. Мы сделали с Вами полноценный сайт с портфолио копирайтера. Конечно, его можно много чем еще дополнить, но это я уже оставляю на Ваше усмотрение.
Сайт с портфолио копирайтера целиком.Как видите, сложного здесь ничего нет. Все можно сделать за вечерок, а если приноровиться, то и за полчасика. Правда, справедливости ради, стоит сказать, что у такого подхода есть как достоинства, так и недостатки.
Главные преимущества такого решения- Быстро. За полчаса можно создать и запустить страницу с портфолио.
- Просто. Не нужны технические навыки. Легко может освоить любой желающий.
- Бесплатно. Для кого-то это один из решающих факторов.
- Адаптивно. Сайт сразу удобен для просмотра как на компьютерах, так и на смартфонах.
- Функционально. Портфолио решает свои задачи и, более того, индексируется поисковыми системами.
- В самом низу стоит пометка, что портфолио сделано на Google Сайтах
- Ограничения штатных функций и возможностей сервиса
- Сайт вроде как Ваш, но в то же время Вам не принадлежит (что, впрочем, характерно для любых конструкторов)
- Нет красивого домена, хотя это решаемо в перспективе через Google Domains
Достоинства в данном случае явно перевешивают недостатки. Особенно если нужно быстро разместить контент, пока Вы осваиваете работу с полноценными сайтами, например, на WordPress.
Что еще можно сделать
Если Вам кажется все это простым и понятным, возможно, даже примитивным, то можете усложнить задачу и связать созданный сайт с системой Google Analytics. Выйдет 2 в 1: и польза, и практика интернет-маркетинга. С помощью аналитики Вы можете настроить цели и измерять конверсию. Более того, Вы анализируете, откуда на портфолио приходят люди, как они себя ведут на Вашем сайте, и насколько им вообще все это интересно.
Чтобы связать сайт с метрикой, нужно нажать на значок трех точек, выбрать “Открыть статистику” и связать страницу с идентификатором в Google Analytics. О том, что такое идентификатор, и где его брать, выходит за рамки этой статьи и остается на факультативное изучение. Если интересно — пишите в комментариях, я расскажу.
Связь портфолио с Google Analytics.Заключение
Любой копирайтер (равно как и любой другой фрилансер) может сделать портфолио в Google Сайтах. По возможностям с полноценным сайтом сравнение не идет, конечно. Однако для быстрого решения задач и размещения кейсов в Сети, которые можно показать заказчику вариант более чем подходит. В конце концов, что лучше: потратить 30 минут времени, создать портфолио и работать над привлечением клиентов, параллельно осваивая новые технологии, или потратить месяц на изучение всех возможных систем и сидеть все это время без денег? Ответ каждый выбирает для себя сам.
Сложного, как видите, ничего нет. Но я еще раз призываю: не показывайте просто примеры работ. Показывайте кейсы. Ваши потенциальные заказчики ищут Вас, чтобы решать свои насущные задачи, а не для того, чтобы на досуге почитать пару-тройку гениальных строк.
И, да, для создания портфолио Вам не нужны клиенты. Вы можете создать его сами. Для себя. И, поверьте, оно будет на порядок лучше, чем клиентские проекты.
Словом, пробуйте, и у Вас все получится!
Искренне Ваш, Даниил Шардаков.
Ежедневник-портфолио Passage, коричневый, эко-кожа, недатированный кремовый блок, серая подарочная коробка
Недатированный ежедневник-портфолио выполнен в съемной обложке из матовой качественной эко-кожи. Поверхность переплетного материала со среднезернистой фактурой, имеет мягкий блеск. По периметру обложка украшена прошивкой в тон, подчеркивающей строгий образ изделия. Застежка двойная – состоит из ремешка с металлической кнопкой и декоративной петли из материала обложки с прошивкой в тон. Цвет обложки – коричневый, глубокий, насыщенный, приглушенный. Внутренняя поверхность съемной обложки из материала Latte бежевого цвета c покрытием Soft Touch, – гладкая, однородная, матовая, с эффектом пудры и мелкозернистым рисунком. Интегральная обложка сменного бумажного блока выполнена из идентичного материала в том же цвете. Страницы теплого кремового оттенка, гладкие, с легкой шелковистостью, приятные руке. Нижние внешние уголки с перфорацией. Срез матовый, в тон страниц. Изделие дополнено одинарным атласным ляссе цвета слоновой кости, лаконично подчеркивающим теплый, природный, элегантный образ бизнес-аксессуара. Ширина ляссе 6 мм.
Бизнес-аксессуар упакован в подарочную коробку с лого Portobello Collezione Portfolio. Материал – формованный картон, оклеенный дизайнерской матовой бумагой светло-серого цвета. Упаковочная бумага пергаментная, белого цвета.
1300 ₽
Ежедневник-портфолио Passage, коричневый, эко-кожа, недатированный кремовый блок, серая подарочная коробка коричневый Недатированный ежедневник-портфолио выполнен в съемной обложке из матовой качественной эко-кожи. Поверхность переплетного материала со среднезернистой фактурой, имеет мягкий блеск. По периметру обложка украшена прошивкой в тон, подчеркивающей строгий образ изделия. Застежка двойная – состоит из ремешка с металлической кнопкой и декоративной петли из материала обложки с прошивкой в тон. Цвет обложки – коричневый, глубокий, насыщенный, приглушенный. Внутренняя поверхность съемной обложки из материала Latte бежевого цвета c покрытием Soft Touch, – гладкая, однородная, матовая, с эффектом пудры и мелкозернистым рисунком. Интегральная обложка сменного бумажного блока выполнена из идентичного материала в том же цвете. Страницы теплого кремового оттенка, гладкие, с легкой шелковистостью, приятные руке. Нижние внешние уголки с перфорацией. Срез матовый, в тон страниц. Изделие дополнено одинарным атласным ляссе цвета слоновой кости, лаконично подчеркивающим теплый, природный, элегантный образ бизнес-аксессуара. Ширина ляссе 6 мм.Бизнес-аксессуар упакован в подарочную коробку с лого Portobello Collezione Portfolio. Материал – формованный картон, оклеенный дизайнерской матовой бумагой светло-серого цвета. Упаковочная бумага пергаментная, белого цвета.
Артикул:LXXPP170101-020 Категории: Passage, Ежедневники-портфолио Portobello
1300.00 RUB Portobello Trend
Вес 810 kg Габариты: 240 × 145 mm цвет:Коричневый
материал:Искусственная кожа
Заказ в один кликОслепительный интерьер мастер-блока на вилле в Хорватии
Сказочная мастер-спальня с гранатовыми и сапфировыми акцентами
Наш новый проект в Хорватии – история о том, что представляет из себя искусство жить красиво и современно, как выглядит жизнь истинных ценителей нового люкса XXI века. Предоставленный нам карт-бланш в обустройстве пяти главных помещений позволил создать единую атмосферу утонченной роскоши в уникальной стилистике Студии, в соответсвии с безупречным стилем хозяев. Хозяева виллы – успешная, прекрасная семья с четырьмя детьми – давно знакомы с творчеством наших дизайнеров, и поэтому редизайн своей новой недвижимости, старинной виллы в центре индустриального города Осиек, доверили именно нам. Нашим главным приоритетом при разработке дизайн-проекта было сохранение величественной эстетики при выборе материалов, производителей, цветовой гаммы, а также адаптация этого блока под жизнь современной пары. Мастер-блок открывает холл в жемчужно-серой гамме с золотыми акцентами, ведущий в четыре главные помещения – ванную, спальню, женский и мужской гардеробные комнаты. Искусство дизайна интерьера нашей Студии позволяет придать любому пространству эксклюзивный внешний облик и подарить комфортное проживание.
Выразительная зона ТВ: тумба с ручной росписью и эксклюзивная скульптура Bearbrick by Medicom Toy x Brandalism с принтом Banksy Flower Bomber
Для главной спальни владельцев дома мы всегда предусматриваем значительную площадь. Правильно спроектированный интерьер позволит и расслабиться вечером, и взбодриться ранним утром. Такой дизайн должен объединять роскошную эстетику, инновационные материалы и служить эффективным решением проблем сна. Современная спальня — это уже далеко не только место отдыха, но и пространство, которое может выполнять роль второго домашнего офиса и даже кинотеатра. Из ослепительной спальни можно пройти в главную гардеробную и ванную. Дизайн спальни должен отражать индивидуальность и приносить чувства спокойствия и радости, а с этой задачей лучше всего справляются выразительные оттенки гранатового, морковного, жёлтого и сапфирового. Если вы хотите впустить в свой дом новую энергию и новые события, избавиться от надоевшей обстановки, то достичь результата можно при помощи яркого, заряженного успехом интерьера.
Женская гардеробная
Безупречная планировка этой женской гардеробной позволила разместить большой гардеробный остров для ювелирных украшений и аксессуаров, банкетку у окна, туалетный столик для make-up ритуалов, несколько стеллажей для хранения одежды, а также витрину для обуви и коллекции сумок. Персонализированный, роскошный интерьер гардеробной комнаты станет не только вневременной инвестицией, но и позволит аккуратно размещать универсальные и сезонные комплекты. Мы задаём тренды в светодизайне: люстры не должны быть скучными, поэтому для этого проекта мы разработали дизайн нежной люстры из 86 стеклянных элементов, напоминающих парящие лепестки роз.
Мужская гардеробная
Мужская гардеробная выполнена в той же цветовой гамме, что и женская, в серо-коричневых тонах и с рубиново-красными акцентами, но с принципиально отличающимся функционалом систем хранения. Если вам интересно, на какое количество пар обуви мы предусмотрели обувные витрины, ответа ждать не придётся – на минимум 100 пар! Важное правило – одежда не должна касаться обуви – приводит к оптимальному зонированию пространства. Гардеробный остров произведён по нашему дизайну для удобного хранения внушительной коллекции часов хозяина, запонок и галстуков. Персонализированная гардеробная подобна роскошному автомобилю premium-класса с индивидуальной комплектацией, в котором всё заточено под лаконичное управление.
Гардеробные в проектах Studia 54 всегда изготавливаются на заказ, для каждого клиента и членов его семьи
Гардеробные в уникальной стилистике Studia 54 – это кульминация изысканности, внимание к деталям и безупречность исполнения. Представительные и функциональные – такими получаются мужские гардеробные в наших проектах, каждая из которых подчеркивает уникальный характер и стиль своего хозяина.
Эффектная ванная в тёмной гамме
Отличительной особенностью этой мастер-ванной стало сочетание четырех фактур – восхитительного цейлонского эбенового дерева, медной отделки гарнитура, бежевой замши и мрамора Nero Antico. Компактная и функциональная подвесная тумба обладает персонализированным набором секций, по желанию хозяев.
Люстра. напоминающая метеоритный дождь, произведена на заказ
Одно из главных правил современного интерьера класса luxe — уделять особое внимание организации ванной комнаты в мастер-блоке. Ванная должна выглядеть стильно и безупречно, будучи и местом для тотального релакса, и просто необычайно красивым местом в доме. Эффектная дизайнерская люстра – то самое решение, которое позволит апартаментам всегда оставаться на модной волне. Редкий цветной мрамор позволяет создать аристократическую цветовую базу. Искусство жить роскошно и получать наслаждение от каждого мгновения – это интерьеры от Studia 54.
Цена: Название: Артикул: Текст: Выберите категорию: Производитель: Новинка: Спецпредложение: Результатов на странице: | |
Еженедельник портфолио недатированный Profy, А4, коричневый, бежевый блок, золотой обреза, ляссе
- На главную
- Чат-Бот
- Вся продукция
- Дизайн полиграфии
- Листовая печать
- Абонементы
- Билеты
- Бирки
- Бланки
- Блокноты
- Брошюры
- Буклеты
- Визитки
- Воблеры
- Грамоты и дипломы
- Дорхенгеры
- Журналы
- Календари
- Каталоги
- Книги
- Конверты
- Коробки
- Кубарики
- Листовки
- Лотереи со скретч полосой
- Наклейки
- Открытки
- Пакеты
- Папки
- Плакаты, афиши
- Планинги
- Плейсметы
- Стикерпаки
- Фирменные бланки
- Флаеры
- Ценники
- Этикетки
- Многостраничная продукция
- Блокноты
- Ежедневники
- Каталоги, журналы
- Книги
- Кубарики
- Для ресторанов, баров и кафе
- Бейджи и визитки
- Винные карты и карта бара
- Меню
- Номера и таблички на столы
- Папки для счетов
- Рекламные флаеры
- Широкоформатная печать
- Баннеры
- Картины на холсте
- Наклейки с плоттерной резкой
- Плакаты, афиши
- Светопропускающий материал
- Термоперенос
- Флексопечать
- Гибкие упаковки
- Самоклеящиеся этикетки
- Этикетки в оборот
- Сувенирная продукция
- Бокалы
- Ручки
- Ежедневники
- Флешки с логотипом
- Power Bank
- Наборы подарочные
- Термокружки и термосы
- Колонки
- Текстиль
- Пластиковая бутылка
- Рекламная продукция
- Пресс волл
- Ролл ап
- Штендер
- Брендирование авто
- Фотозона
- Стенды
- Таблички
- Гравировка
- Гравировка на ручках
- Гравировка на ежедневниках
- Гравировка по стеклу
- Гравировка и резка изделий из кожи
- Резка изделий из фанеры и дерева
- Гравировка и резка бумаги
- Изготовление и резка табличек из пластика
- Изготовление бейджей из пластика
- Шильдики
- Календари
- Карманный
- Настольный
- Трехблочный
- Перекидной
- Календарь плакат
- Цены
- О Нас
- Контакты
- Блог
- Рекомендации
- Портфолио
- Оборудование
- Видеопрезентация
- Требования к макетам
- Вакансии
- РАСЧЕТ ЗАКАЗА
- Контакты
- 8 (917) 225-02-51
- [email protected]
для редактора Гутенберга WordPress 5+
Блок портфолио доступен в пакете органических блоков. В блоке отображается портфолио постов из выбранного типа постов. Его можно добавить на любую страницу или сообщение с помощью редактора WordPress 5+ Gutenberg. Кроме того, предусмотрено несколько параметров для изменения макета, стиля, цветов и т. Д.
Начало работы
Для начала добавьте блок Portfolio Block на любую страницу или сообщение с помощью редактора блоков WordPress 5+.Найдите «Обычный» или «Портфолио» в списке доступных блоков. После добавления блока выберите тип сообщения и таксономию. Затем нажмите кнопку «Готово». В результате портфолио будет отображаться в редакторе так, как оно отображается на вашем веб-сайте.
Блок портфолио отображает избранное изображение, заголовок, отрывок и ссылку Pinterest для каждого элемента портфолио. Рекомендуемое изображение отображается как изображение портфолио для каждого сообщения. Кроме того, справа доступны параметры блокировки для изменения настроек и стиля портфолио.
Варианты блока портфеляКаждый экземпляр блока портфолио содержит несколько опций для изменения внешнего вида. Параметры разделены на категории, описание каждой из которых приведено ниже.
Общие настройки
- Стиль: Выберите из списка определенных стилей для блока.
- Заголовок: Измените HTML-заголовок заголовка портфолио.
- Позиция содержимого: Изменить положение содержимого портфолио.
- Порядок: Выберите порядок отображения записей портфолио.
- Максимальное количество сообщений: Введите максимальное количество сообщений, отображаемых перед разбивкой на страницы.
Настройки дисплея
- Заголовок: Переключить отображение заголовка портфолио.
- Excerpt: Переключить отображение выдержки / сводки портфолио.
- Кнопка Pinterest: Переключить отображение кнопки со значком Pinterest.
- Ссылка: Переключить постоянную ссылку на элемент портфолио.
- Показывать содержимое при наведении: Включение отображения содержимого при наведении курсора на элементы портфолио.
- Пагинация: Переключить нумерацию страниц для сообщений портфолио.
Настройки макета:
- Макет Masonry: Переключить макет Masonry.js. Masonry отображает элементы в плавной сетке, в которой сообщения портфолио соединяются вместе, как кусочки головоломки.
- Столбцы: Измените количество столбцов. Диапазон увеличивается до 6 столбцов.
- Ширина желоба: Измените интервал в пикселях между каждым элементом портфолио. По умолчанию интервал составляет 24 пикселя.
Настройки цвета:
- Цвет заголовка: Измените цвет заголовка портфолио.
- Цвет выдержки: Изменить цвет выдержки портфолио.
- Цвет значка булавки: Измените цвет значка Pinterest.
- Фон при наведении: Измените цвет фона наложения, который отображается при наведении.
Блок портфолио требует, чтобы контент был опубликован на вашем сайте WordPress для правильного отображения. В результате мы рекомендуем публиковать несколько сообщений с избранными изображениями и применять категорию перед использованием этого блока в новой установке WordPress.
Для всех блоков WordPress, включая органические блоки, требуется WordPress 5+ и редактор Gutenberg. Кроме того, для правильной работы пакета Organic Blocks необходимо, чтобы ваш сервер использовал PHP 7+. Обратите внимание: Это стандартные требования для работы WordPress 5+ на любом веб-сервере.
WPBricks Portfolio Block Addons — плагин для WordPress
Bricks Portfolio — это блок Гутенберга, в котором вы можете отображать список портфолио с различными категориями. Супер-простой способ создать красивый и отзывчивый блок портфолио для ваших веб-сайтов WordPress.
Это позволяет вам продемонстрировать информацию о вашем проекте в чистом виде. Минималистичный и изящный, вы можете продемонстрировать название проекта, краткое описание, выбрать, сколько изображений будет отображаться в одной строке портфолио галереи.
Portfolio Block полностью адаптивен и работает со всеми устройствами, такими как Macbook, настольные ПК, планшеты и мобильные устройства. Первый плагин блока портфолио в WordPress для отдельной страницы категории.
Демонстрация плагина: Посмотреть демонстрацию
💁 Основные характеристики
- Легко и просто
- Блок полностью адаптивного портфеля
- Портфолио в виде сетки с параметрами фильтра
- Фильтр категорий портфолио
- Filters — простой способ создания фильтров для галереи портфолио
- Макет с несколькими столбцами — отображение галереи портфолио в нескольких столбцах, например, в двух столбцах, трех столбцах, четырех столбцах.
- Отзывчивый — все устройства, совместимые, такие как ПК, Mac, планшеты, телефоны
- Заголовок — отображение заголовка / метки / подписи к изображениям галереи
- Отобразить отрывок из портфолио
- Настройка вкладки портфолио (размер, толщина, выравнивание и цвет шрифта)
- Показать содержимое портфолио
- Установить поля и параметры заполнения (верхнее, нижнее, левое, правое)
- Добавить собственный класс CSS
Этот плагин предоставляет 1 блок.
- Дополнения WPBricks Portfolio Block
Автоматическая установка
Автоматическая установка — самый простой вариант: WordPress выполнит передачу файлов, и вам не придется выходить из браузера. Чтобы выполнить автоматическую установку надстроек WPBricks Portfolio Block Addons, войдите в свою панель управления WordPress, перейдите в меню «Плагины» и нажмите «Добавить».
В поле поиска введите WPBricks Portfolio Block Addons », затем нажмите« Search Plugins.«Как только вы найдете нас, вы сможете просмотреть подробную информацию о нем, например, рейтинг, рейтинг и описание. Самое главное, конечно, вы можете установить его! Нажмите «Установить сейчас», и WordPress сделает это оттуда.
1) Активировал плагин.
2) Добавьте блок «Дополнения блока портфолио WPBricks».
3) Добавить / удалить надстройку портфолио в соответствии с вашими потребностями.
Ручная установка
Для ручной установки требуется загрузить плагин WPBricks Portfolio Block Addons и загрузить его на свой веб-сервер через приложение FTP.Кодекс WordPress содержит инструкции, как это сделать, здесь.
Для этого плагина нет обзоров.
«WPBricks Portfolio Block Addons» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.
авторов1,4 09.07.2021
- Fix — Исправлена мелкая ошибка
- Совместимость с WordPress 5.8.x
- Совместимость с WooCommerce 5.6.x
1,3 01.06.2021
- Совместимость с WordPress 5.7,2
- Совместимость с WooCommerce 5.3
1,2 25.08.2020
- Обновление
- — совместимость с WordPress 5.5
- Заменить идентификатор выбранной категории на ярлык в админке
1,1 16.07.2020
1,0
Как создать портфолио в WordPress менее чем за 5 минут
Если вы фотограф, дизайнер или разработчик-фрилансер, сайт с креативным портфолио просто необходим.
Даже если такие платформы, как Behance и Dribbble, появились недавно и используются для демонстрации портфолио дизайнеров, вам все равно нужен веб-сайт.Потому что твоя работа не умещается в коробке. Вам нужно что-то, что соответствовало бы вашей личности и было настроено в соответствии с вашим собственным видением.
К концу этой статьи вы узнаете, какие у вас есть возможности в WordPress для демонстрации портфолио и какие инструменты WordPress являются наиболее популярными, чтобы вывести ваше портфолио на совершенно новый уровень.
Но прежде чем мы перейдем к техническим деталям, давайте рассмотрим дружелюбный контрольный список советов и приемов для создания красивого и умного портфолио.
Советы и приемы при создании портфолио в WordPress
Основная цель веб-сайта-портфолио — продемонстрировать свои навыки и работу.Прежде чем приступить к разработке своего веб-сайта, вам обязательно нужно составить план и провести небольшое исследование, чтобы найти вдохновение.
В портфолио вы можете включить:
- Логотипы клиентов, с которыми вы работали
- Примеры из практики
- Описание проекта
- Фотографии
- Отзывы
Теперь, если вам нужно вдохновение, я определенно рекомендую этот сайт: SaaSpages.xyz. Он может стать источником вдохновения для каждого раздела вашего веб-сайта, от верхнего до нижнего колонтитула.
Давайте проверим 3 примера, которые они демонстрируют.
В этом тематическом исследовании есть видео, логотип, отзыв и заголовок, который действительно вызывает у вас любопытство.
В разделе отзывов ниже запоминающийся заголовок: «Стена любви», я бы сказал, действительно творческий. Они не используют пустую превосходную степень. Они сохраняют простоту и убедительность своей копии.
Это портфолио проектов выглядит простым. Он использует теги для фильтрации различных тем, а также логотипов компаний.
Приведенное ниже портфолио фотографий просто потрясающее. Как фотограф я знаю, что наличие единого видения и стиля очень помогает портфолио (это не относится к дизайнерам и другим фрилансерам).
Источник: rotundperfect.ro
Теперь, что касается советов и приемов, вот крошечный контрольный список, который я обещал:
- Обязательно продемонстрируйте различные проекты, над которыми вы работали. Не выбирайте определенный тип проекта (если вы не хотите использовать нишевый подход).
- Убедитесь, что ваш сайт оптимизирован для мобильных устройств. По данным Statista, во втором квартале 2020 года на мобильные устройства приходилось примерно половину веб-трафика во всем мире. Если вы заинтересованы в том, чтобы занять высокие позиции в результатах поиска Google, вы должны знать, что в марте 2020 года Google объявила об индексировании сначала мобильных устройств для всего Интернет. Это означает, что Google преимущественно использует мобильную версию веб-сайта для ранжирования.
- Присутствуют отзывы бывших клиентов. Мы живем в мире, где экспертные оценки важны как никогда.Рекомендации — ваш лучший маркетинговый канал, и он практически бесплатный.
- Используйте видео и изображения, чтобы привлечь внимание посетителей. Видео способно привлечь внимание и выделить ваш бренд.
- Поэкспериментируйте с изображениями во всю ширину, если вы фотограф и любите минимализм. Полноразмерные дизайны — отличное решение, когда маги важнее текста.
- Не забудьте добавить раздел «Обо мне», где посетители могут лучше узнать вас, ваше видение и цели, ваш опыт.
- Вы можете создавать отдельные страницы для каждого проекта. Детали, которые вы хотите включить, будут соответствовать типу вашего портфолио. Если вы веб-дизайнер, вам нужно будет предоставить ссылку на созданные вами веб-сайты вместе с некоторым описанием проекта с точки зрения технологии, объема, сроков и задач. Если вы фотограф, вам нужно указать информацию по теме, предметам, месту и дате мероприятия. Визуальный художник будет включать информацию об используемых активах, видении, возможно, вдохновении и даже цене предмета.
Теперь, когда мы все настроили, пора перейти к WordPress и определить инструменты, необходимые для вашего веб-сайта портфолио.
Как сделать портфолио в WordPress
Теперь первое, что вам нужно сделать, это выбрать тему, функции которой соответствуют вашим ожиданиям или достаточно близки.
При создании портфолио в WordPress вы будете использовать одно из следующего:
- ползунок. Слайдер — это любой вращающийся веб-элемент.Он может содержать изображения, видео, изображения, текст и т. Д.
Источник: rotundperfect.ro
В приведенном ниже примере ползунок используется для демонстрации текущих рекламных акций.
Источник: limetreekids.com.au/
- карусель. Не все согласны с этим определением: карусели — это тип слайдера, который показывает не целые большие изображения за раз, а несколько изображений подряд. Некоторые веб-дизайнеры говорят, что карусели и слайдеры — это одно и то же.При использовании WordPress вы увидите, что к ним относятся по-другому. как ползунки, так и карусели используют визуальные подсказки, чтобы показать пользователю, что они могут перемещаться влево-вправо, открывать новые изображения и т. д.
- галерея. Галерея — это коллекция изображений или видео, представленных в виде сеток.
А теперь пора заняться дизайном.
Как сделать портфолио в WordPress с помощью редактора по умолчанию
Как вы, возможно, уже знаете, редактор WordPress по умолчанию работает с блоками (так называемые блоки Гутенберга).У вас могут быть блоки для абзацев, таблиц, настраиваемого HTML и… галерей. На данный момент у нас нет вариантов слайдеров или каруселей.
Давайте добавим на страницу блок галереи.
Начнем с панели управления WordPress -> Страницы. Вы можете добавить новую страницу или отредактировать существующую.
Затем с помощью значка «+» в верхнем левом углу откройте панель блоков.
Выберите блок галереи.
Перетащите блок в желаемое место на странице.
Когда вы выберете блок, вы увидите справа панель, где вы можете добавить некоторые дополнительные классы CSS в этот блок галереи. Затем вы можете добавить стили к этим классам, используя собственный CSS. Мы написали здесь статью на эту тему. Теперь вы можете добавлять изображения в галерею с помощью параметров «Загрузить» или «Медиа-библиотека».
Как видите, параметры настройки галереи недоступны. Работа над блочными функциями все еще продолжается.Если вам нужны дополнительные улучшения, вы можете выбрать плагин галереи WordPress, который готов для Gutenberg, например Envira или Kadence. Kadence также имеет варианты каруселей и слайдеров.
Помимо блоков, в редакторе вы также найдете паттерны. Вы можете получить к ним доступ с того же знака «+» в верхнем левом углу. Шаблоны — это предопределенные макеты блоков, доступные на вкладке шаблонов устройства для вставки блоков. После вставки в контент блоки готовы к добавлению или изменению контента и конфигурации.
Ребята из WordPress только что выпустили каталог шаблонов, из которого вы можете выбрать несколько хороших макетов галереи.
Чтобы добавить их в свой дизайн, просто наведите указатель мыши на узор, пока не увидите кнопку «Копировать».
Затем перейдите на свою страницу, щелкните правой кнопкой мыши и вставьте дизайн.
На панели справа вы можете внести некоторые дополнительные изменения, такие как заполнение, непрозрачность, наложение, минимальную высоту и т. Д.
Если вы выберете изображение из галереи, над ним вы увидите меню с некоторыми дополнительными параметрами редактирования.Здесь вы можете заменить изображение, обрезать его, добавить текст, выровнять его и т. Д.
И это все, что касается параметров редактирования портфолио редактора по умолчанию.
Как сделать портфолио в WordPress с помощью конструкторов страниц
Для этого упражнения мы используем многоцелевую тему Colibri PRO WordPress и конструктор страниц Colibri.
Почему я использую конструктор сайтов на WordPress? Потому что он дает мне функции перетаскивания, а дизайн — это просто кусок пирога.
В комбо-конструкторе тем у меня есть следующие варианты создания портфолио:
- Использование блоков галереи или портфолио
- Использование компонентов ползунков и каруселей
Теперь, что касается разницы между блоками и компонентами… Блоки представляют собой заранее определенные дизайны, которые могут использоваться как целые разделы веб-сайта (портфолио, функции, команда). С другой стороны, компоненты представляют собой более мелкие элементы, которые могут помочь в создании новых блоков (кнопок, заголовков, видео, изображений и т. Д.).).
Давайте рассмотрим их по одному.
Как создать портфолио WordPress, используя блоки портфолио или галереи (не то же самое, что блоки Гутенберга)
Со строителями все на расстоянии одного клика. Вам просто нужно нажать на знак «+», открыть панель блоков и компонентов и прокрутить вниз, пока не найдете блок галереи или портфолио.
Блок портфолио может содержать:
- Заголовок
- Описание
- Изображения с описанием и без него
Вы можете вставить свой блок, разместившись на том месте веб-сайта, где вы хотите разместить новый раздел.Затем нажмите на сам блок на левой боковой панели. Вы можете щелкнуть по желаемому блоку и нажать клавишу «удалить» на клавиатуре, если вы хотите вместо него разместить что-то другое.
Вы всегда можете смешать блок портфолио с некоторыми другими компонентами, такими как текст или видео. Круто то, что вы даже можете сохранить свой блок, чтобы повторно использовать его в других проектах.
Если вы собираетесь создать блок галереи, есть несколько вариантов.Галереи обычно являются выбором, когда вы хотите перечислить фотографии.
Независимо от выбора, вы всегда можете настроить свое портфолио, используя параметры на левой боковой панели.
Есть 3 варианта: макет, стиль и расширенный.
Вы можете изменить интервал, границы, тени, типографику и цвета и даже добавить свой собственный CSS. Все просто и интуитивно понятно.
Как создать портфолио WordPress с использованием компонентов слайдера и карусели
Как было показано ранее, компоненты можно найти рядом с блоками WordPress.Нажав на знак «+», вы откроете панель блоков и компонентов. В компонентах вы можете ввести «слайдер» или «карусель» или просто прокрутить, пока не найдете их. Также есть опция «Коллаж изображений». Все, что вам нужно сделать, это перетащить компонент на веб-сайт справа.
Если вы выберете слайдер, вы можете:
- Корректировать изображение по размеру, позиционированию
- Вы можете вставлять собственные видео или URL-адреса Youtube
- Выровнять содержимое и визуальные элементы на одном слайде
- Изменить цвета и типографику
- Добавить эффекты выцветания
- Выберите, какие элементы должны отображаться на мобильных устройствах
- Создайте стиль для стрелок, которые помогают ползункам «скользить» 🙂
То же самое и с каруселью.Вот почему конструктор страниц настолько универсален.
Вот более подробная статья о слайдерах, которую мы написали, с советами по дизайну.
Как сделать портфолио в WordPress с помощью плагинов
Прежде чем перейти к этой теме, я хочу кое-что прояснить для вас. Если вы можете избежать плагинов, сделайте это. Для многих вещей требуются плагины в WordPress. Чем больше у вас плагинов, тем медленнее загружается ваш сайт. Так что выбирайте с умом.
Как я уже сказал, конструктор страниц может предоставить вам варианты и функции, которые предлагают многие плагины, не беспокоясь о множестве обновлений, проблемах производительности и безопасности.
А теперь обо всем по порядку. Зайдите на WordPress.org, в раздел плагинов. Затем введите «Портфолио», «Сетка» или «Галерея».
При выборе плагина обязательно отметьте:
- Отзывы и популярность
- Если у него есть необходимые вам функции
- Зайдите на сайт плагина и посмотрите демонстрации.
- Начните пробную версию, если возможно
Что касается установки плагина WordPress, это все в нашем руководстве:
Вот самые популярные плагины для галерей:
Выводы
Великолепный сайт-портфолио на WordPress может выделить вас среди конкурентов.Не недооценивайте это.
Эта статья только что доказала, насколько легко сделать портфолио в WordPress. Фактическая настройка займет меньше времени, чем процесс определения того, что включить в ваше портфолио.
При этом начните создавать свое портфолио уже сегодня!
Теперь, если вам понравилась эта статья, и вы хотите узнать больше о том, как создать веб-сайт WordPress, не забудьте подписаться на наш канал Youtube и подписаться на нас в Twitter и Facebook!
Алина — специалист по цифровому маркетингу, увлеченная веб-дизайном.Когда она не разрабатывает стратегию, она занимается фотографией, слушает подкасты по истории и психологии и играет со своими двумя собаками и кошкой.
Почему создание портфолио может показаться сложным и как преодолеть «блокировку портфолио» | by Sage Luna
Посылает ли дизайн вашего портфолио вас вниз по спирали существования? Вот краткое руководство по блокировке портфолио.
Смайлик с нейтральным лицом со словами «мозг пуст» над головой.Как дизайнер продукта, я очень люблю решать проблемы творчески.Когда я работаю с клиентом, для меня естественно анализировать, исследовать и проектировать. В конце концов, шаги к решению легко определить, когда вы смотрите вовнутрь.
Излишне говорить, что я нахожусь в своей стихии, когда разрабатываю решение для клиента. Но каждый раз, когда я работаю над своим портфолио продуктового дизайна, я всегда переживаю незначительный экзистенциальный кризис. Я люблю называть этот тип творческого блока блоком портфолио. Если вы изо всех сил пытаетесь воплотить свою сущность в качестве дизайнера в своем портфолио, вы можете столкнуться с блоком портфолио .Но не беспокойтесь, есть способы работать с этой энергией. Если вы чувствуете, что в процессе создания портфолио вам мешают, эта статья для вас.
Удивленный желтый блок с вопросом «почему?» над его головой. Почему я испытываю «блокировку портфеля»?Представьте себя посреди шторма. У вас нет зонтика, дождевика или резиновых сапог. Вы были совершенно не готовы к резкому изменению погоды сегодня, и у вас нет другого выбора, кроме как стоять там, чувствуя, как плотные капли дождя ритмично обливают вас с головы до пят.
Когда вы испытываете сильные эмоции, такие как неполноценность, тревога и незащищенность, границы между тем, кто вы есть, и тем, как вы себя чувствуете, стираются. Вы стоите в шторме, чувствуя себя побежденным и уязвимым. Вы больше не вы — вы промокли.
Когда вы работаете над своим портфолио, вы столкнетесь с некоторыми трудными вопросами:
Кто я?
Почему я занимаюсь дизайном?
Каковы мои цели как дизайнера?
Какие навыки и качества я привнесу в команду?
Эти вопросы неизбежно вызовут тяжелые эмоции, которые могут заблокировать ваш творческий путь.Хорошая новость в том, что у вас есть возможность наблюдать за своими эмоциями и страхами такими, какие они есть, вместо того, чтобы позволять им становиться вами. Практика техник внимательности, таких как медитация, ведение дневника и постепенное расслабление мышц, может помочь вам лучше понять корень проблемы, вызывающей ваш творческий блок.
Как только вы определили ограничивающие мысли, мешающие вам войти в состояние потока, вам нужно отпустить их. Запишите их, сожгите, положите в банку, отправьте в стратосферу с воздушным шаром — делайте то, что, как вы знаете, работает для вас.Замечайте, удерживайте, ощущайте, обрабатывайте и отпускайте мысли и чувства, которые мешают вам.
Смайлик с облегчением на лице со словами «мозг готов» над головой. Как мне начать выполнение такой сложной задачи?Подходите к своему портфолио, как к любому другому клиентскому проекту. Я рекомендую опираться на процесс дизайнерского мышления. Помните, что итерация лежит в основе дизайна, поэтому постарайтесь не привязываться к идее или дизайну. Примите перемены.
Создание стратегииВ зависимости от ваших уникальных обстоятельств вам может потребоваться начать с исследования или вы можете начать с повторения некоторых существующих работ.Независимо от того, где вы находитесь со своим портфолио, важно разработать стратегию, позволяющую сохранять организованность и сосредоточенность. Как и в случае с клиентом, сядьте и задайте себе важные вопросы, чтобы определить объем вашей работы.
- Как вы определите успех?
- Удастся ли вам добиться успеха, если вы будете работать над своим портфолио в течение определенного количества времени в день или если вы сможете закончить первую версию страницы к определенному сроку?
- Сколько времени и энергии можно посвятить своему портфолио?
- Используйте метод MoSCoW, чтобы определить масштаб вашего проекта и определить приоритеты проектных решений: что вы обязательно должны показать в своем портфолио? Что вы должны поместить в свое портфолио? Что может быть приятным? Что вы не включите в свое портфолио?
При работе над портфолио могут возникнуть проблемы, но важно поддерживать согласованность с планом.Вы уже определили ограничивающие мысли, которые могут мешать, и вы уже разработали стратегию выполнения предстоящей работы. Теперь все, что вам нужно сделать, это продолжать двигаться, не задумываясь о деталях. И, если вы все-таки зациклились на деталях, можно сделать шаг назад. Делайте перерывы, чтобы очистить сознание и стимулировать творчество. Работа над своим дизайнерским портфолио — непростая задача, но вы уже прошли самое сложное — начало работы.
Смайлик со словами «у тебя есть это» над головой.wpfangirl / block-портфолио: Block-Based Portfolio — это плагин WordPress, который создает CPT портфолио (и 3 таксономии портфелей) и использует шаблон блока для предварительного заполнения новых записей портфолио блоками Gutenberg
Авторы: wpfangirl Ссылка для пожертвования: https://www.wpfangirl.com Теги: портфолио, гутенберг, пользовательские типы сообщений, пользовательские таксономии Требуется минимум: 4.9.8 Проверено до: 4.9.8 Лицензия: GPLv2 или новее URI лицензии: http://www.gnu.org/licenses/gpl-2.0.html Стабильный тег: 0.6
Создает тип записи портфолио с 3 настраиваемыми таксономиями и шаблоном блока Гутенберга для отдельных записей портфолио.
Описание
Этот плагин строит единую запись портфолио из основных блоков Гутенберга, упорядоченных в шаблоне, чтобы упростить создание портфолио из тематических исследований проекта. Включает две иерархические таксономии (тип проекта и тип клиента) и одну плоскую таксономию (тег проекта).
Атрибуты блока теперь устанавливаются для уровней заголовков, размеров шрифта в абзацах и выравнивания изображений.
Установка
- Загрузите
block-portfolio.zipчерез ‘Plugins | Add New | Upload ‘в админке WordPress или распакуйте файл и загрузите папкуblock -folioв каталог/ wp-content / plugins /по FTP или SSH. - Активируйте плагин через меню «Плагины» в WordPress
- У этого плагина нет настроек. Записи вашего портфолио и таксономии портфолио появятся в левом меню администратора.
Скриншоты
- Что вы видите, когда добавляете новый элемент портфолио.
FAQ
Есть ли пользовательский интерфейс для выбора, настройки и сохранения блоков в шаблоне?
Это было бы потрясающе. К сожалению, я не знаю, как его построить. Если да, то давай поговорим.
Этот плагин может использоваться как есть конечным пользователем, который хочет использовать этот формат для портфолио, но на самом деле он разработан как доказательство концепции и представляет собой экзамен для разработчиков, которые хотят использовать шаблоны блоков в своих CPT.
Будет ли этот плагин в WordPress.org репозиторий?
У меня нет планов отправлять его в настоящее время, но, возможно, я его доработаю или кто-то поможет мне создать пользовательский интерфейс.
История изменений
= 0,6 =
- Добавлены атрибуты блока для заголовков и абзацев.
= 0,5 =
- Первая функциональная версия, не совсем готова для прайм-тайма, но не должна взорвать чей-либо сайт.
Портфолио — WordPress.com Поддержка
Используйте портфолио для управления и демонстрации проектов на своем сайте.Этот тип контента, обычно используемый творческими профессионалами, является отличным способом продвижения вашей работы.
Пример портфолио с использованием темы OrvisСодержание
Активировать портфели
Если вы еще не видите Портфолио в списке параметров на левой боковой панели вашей панели инструментов, перейдите в Настройки → Написание → Типы контента и включите параметр Портфолио проектов .
Выберите количество проектов, которые вы хотите отображать на страницах портфолио.Имейте в виду, что некоторые темы могут переопределять это число по причинам дизайна, например, для сохранения сетки портфолио. Ваши изменения должны быть сохранены автоматически, или используйте кнопку Сохранить настройки .
↑ Содержание ↑
Создавайте и редактируйте свои проекты
Нажмите Портфолио в списке параметров на левой боковой панели панели инструментов:
Аналогично тому, как вы добавляете новые сообщения в блог, вы можете добавить новый проект, нажав кнопку Добавить новый проект . Проекты портфолио упорядочены по дате создания, причем самый последний проект отображается первым.
↑ Содержание ↑
Настройки проекта
При работе над проектами портфолио вы увидите настройки проекта в правой части экрана.
Если настройки страницы отсутствуют, возможно, вам потребуется щелкнуть значок ⚙️ (шестеренка) в правом верхнем углу, чтобы открыть настройки.
Здесь вы найдете следующие варианты:
- Статус и видимость : Сообщает вам основную информацию о проекте, включая автора, статус видимости и дату публикации.Узнайте больше об этих настройках.
- Редакции: Позволяет видеть последние сохраненные изменения в проекте.
- Постоянная ссылка: URL-адрес, по которому будет отображаться проект. По умолчанию это название, которое вы даете проекту.
- Типы проектов: Позволяет добавлять или назначать тип, аналогично Категории для сообщений.
- Теги проекта : позволяет добавлять или назначать теги, аналогичные тегам для сообщений.
- Featured Image : позволяет отображать уникальное настраиваемое изображение заголовка для проекта или устанавливать миниатюру для специальных функций вашей темы.Рекомендуется установить.
- Выдержка : Напишите краткую выдержку для проекта, которая может отображаться на различных эскизах по всему сайту или в качестве предварительного просмотра результатов поисковой системы.
- Обсуждение: Позволяет включить комментарии.
↑ Содержание ↑
Отображение проектов портфолио на вашем сайте
Есть несколько способов просмотреть проекты портфолио после того, как вы их создали.
Портфолио Страница
После активации портфолио и публикации хотя бы одного проекта у вас будет новая страница вашего сайта по следующему адресу:
https: // yourgroovysite.wordpress.com/portfolio/
(замените yourgroovysite.wordpress.com на адрес вашего сайта.)
Все ваши проекты автоматически появятся на этой странице вашего сайта в хронологическом порядке, начиная с самых последних. Вы можете добавить эту страницу в меню своего сайта, чтобы посетители могли просматривать ваши проекты.
Типы проектов и страницы тегов
Чтобы все было организовано, что особенно важно, если у вас много проектов, вы можете использовать Project Types и Project Tags:
- Типы проектов используются для сортировки портфельных проектов на более широкие группы.Например, у художника могут быть категории акварелей, эскизов и скульптур.
- Теги проекта конкретно описывают, что содержит каждый портфельный проект. Например, художник может пометить проект с рисунком, зеленым, синим, небом, пейзажем и текстурой.
При создании проектов вы найдете параметры для добавления типов и тегов в настройках проекта справа.
Вы можете просматривать, редактировать и удалять типы проектов и теги, перейдя в Портфолио → Типы проектов или Портфолио → Проект Теги на панели инструментов WordPress.Вы также можете добавить их в меню своего сайта, чтобы посетители могли просматривать ваши проекты по определенным типам или тегам.
Проекты отображения с блоками
Чтобы отображать проекты на вашем сайте и иметь больший контроль над макетом и отображаемыми проектами, используйте блок «Сообщения блога» (который можно настроить для отображения проектов вместо сообщений).
Темы для портфолио
Хотя все темы WordPress.com будут отображать ваши проекты, некоторые темы были разработаны с учетом типа содержимого «Портфолио».Эти темы будут иметь определенные стили для проектов и могут содержать специально разработанные шаблоны страниц для отображения вашего портфолио другими способами.
Короткий код портфеля
Тип контента «Портфолио» имеет шорткод, позволяющий отображать проекты в сообщениях и на страницах. Ввод [портфолио] в блок шорткода встраивает представление архива ваших проектов портфолио. Узнайте, как настроить отображение здесь.
↑ Содержание ↑
Устранение неисправностей
Если какая-либо из ссылок на страницу портфолио приводит к ошибке «Страница не найдена», это можно исправить, отключив и повторно включив тип содержимого «Портфолио».Перейдите в «Настройки » → «Написание» → «Пользовательские типы контента», снимите флажок «Проекты портфолио», сохраните изменения, а затем снова установите флажок «Проекты портфолио» и снова сохраните изменения.
↑ Содержание ↑
Советы по эффективному портфелю
Понимание того, как создать портфолио, — это первый шаг — теперь вы должны выяснить, что включить, как организовать и описать свою работу для максимального воздействия. У нас есть несколько советов!
Дизайн портфолио в один клик, мгновенное встраивание PDF и другие улучшения в редакторе блоков — WordPress.com Новости
Дизайн портфолио одним щелчком мыши, мгновенное встраивание PDF-файлов и другие улучшения в редакторе блоков
Ола Бодера
У нас есть несколько захватывающих обновлений редактора блоков, которыми мы хотим поделиться с вами сегодня, включая свежую коллекцию шаблонов блоков портфолио, новый и улучшенный способ встраивания предварительного просмотра PDF-документов и улучшенные инструменты редактирования для блоков обложек и кнопок.
Давайте нырнем!
Макеты портфолио в один клик
Шаблоны блоков — это заранее разработанные шаблоны, которые упрощают создание красивых страниц.На этот раз мы представляем вам тщательно подобранную коллекцию шаблонов портфолио, идеально подходящих для демонстрации вашей творческой работы.
Чтобы получить доступ к шаблонам блоков, щелкните значок + в редакторе WordPress и перейдите на вкладку «Шаблоны». Все шаблоны портфолио можно найти в категории «Портфолио».
Встроить PDF-файлы с файловым блоком
Блок File позволяет вам разместить кнопку загрузки документов и других файлов на вашем сайте. С последним обновлением редактора блоков вы также можете использовать его для предварительного просмотра файла PDF.Предварительный просмотр будет отображаться автоматически, с возможностью отключения на панели настроек блока.
Увеличить на кнопках
Привлекайте внимание аудитории с помощью привлекательных кнопок! Теперь вы можете увеличить размер кнопок, настроив параметры font-size и line-height.
Фоновые изображения защитных блоков с возможностью перетаскивания
Это обновление упрощает замену фонового изображения блока обложки. Просто перетащите новое изображение со своего компьютера, и оно автоматически заменит текущее.
Продолжайте строить, мы будем улучшать
Ваш отзыв помогает нам делать редактор лучше — спасибо! Мы рады видеть, что вы создадите дальше с помощью редактора блоков. А пока следите за обновлениями в этом пространстве!
Удачного редактирования!
Нравится:
Нравится Загрузка .
