Text Wrapping Around Image in Squarespace
Автор: Will Myers
Загружено: 2023-05-08
Просмотров: 3277
Wrap some text around an image that works on desktop, mobile, and Squarespace Fluid Engine.
Tutorial: https://www.will-myers.com/articles/t...
Code Snippet (Members Only): https://www.will-myers.com/code-snipp...
In website-land, “Text Wrapping” is the phrase we use when text wraps around an image. While this is possible to do using Classic Editor sections (just click and drag an image over a text block) it’s not possible with the new Fluid Engine sections. Additionally, even with Classic Editor, text wrapping isn’t possible on mobile. So in today’s tutorial, we’ll create some simple text wrapping code that works on desktop, mobile, and fluid engine.
==== Time Stamps ====
0:48 - Grab-n-Go Installation
1:44 - Get Image URL
2:56 - Basic HTML Structure
6:46 - Writing HTML Text
7:58 - CSS Float
10:15 - Rebuilding in Squarespace
==== Follow Along ====
Instagram: / willdashmyers
Newsletter: https://www.will-myers.com/newsletter
Plugins: https://www.will-myers.com/products
Code Curious: https://www.will-myers.com/curious-co...
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![SOMEWHAT USEFUL PODCAST Episode 28 with Chris Schwartz-Edmiston [for Squarespace Web Designers]](https://ricktube.ru/thumbnail/hGXTPYCdP1s/mqdefault.jpg)
![1 A.M Study Session 📚 [lofi hip hop]](https://ricktube.ru/thumbnail/lTRiuFIWV54/mqdefault.jpg)
![[2024] Squarespace Beginner Tutorial: How to Wrap Text Around an Image in a BLOG Post](https://ricktube.ru/thumbnail/G720TuORTb8/mqdefault.jpg)
