You have the ability to emphasize portions of your text content by styling it as a block quote or pull quote.
Insert a basic blockquote
- Navigate to the content you want to style and select itsEditoption.
- In the WYSIWYG, highlight the text you want to style.
- Click on theBlock Quoteicon -
- ClickSaveto complete this step.
Demonstration of a blockquote on a page in SiteFarm:
"This is a blockquote! Blockquotes are great! We should use them more often!"
Style a blockquote as a pullquote
What's the difference between a blockquote and a pullquote?
A blockquote is used in online writing to differentiate a section of quoted text from the text around it. [...]Pull quotes are made up of text that is pulled from the text—that is, duplicated—and presented on the page as an attention-grabbing visual element.
John Slott, March 05, 2019
The Difference Between Blockquotes and Pull Quotes
A blockquote is used in online writing to differentiate a section of quoted text from the text around it. [...] Pull quotes are made up of text that is pulled from the text—that is, duplicated—and presented on the page as an attention-grabbing visual element.
Style your blockquote as a pullquote
- Highlight the text you created for your blockquote.
- From the Styles drop-down menu in your WYSIWYG bar, select one of the following:
- Pullquote - fixes the quote to a width of 100%, forcing the content to stop above and then resume below the quote.
- Pullquote left -fixes the quote to a width of 50% of the body space, aligned to the left.
- Pullquote right - fixes the quote to a width of 50% of the body space, aligned to the right.
- If credit is given to a person at the end of the pullquote, you can highlight the name and any associated text and italicize it to provide emphasis in the form of a box around the name.
As an expertAs an expert in an expert in contentn expert in content stylingin content styling andent styling and online styling and online writingling and online writing conventions styling and formatting,ons,s, II'ventadearsensiveating thecentric hands of involvementement in utilizing understandingous text nuances of various text elementsious text elements, toents, includingcluding blocking blockquotes appeal and readabilityreadability ofbility of digitalof digital contentf digital content. My expertisetent. My proficiencyt. My proficiency isficiency is evident in practicalvident in the effective,e effective use oftive use of block implementeded thesehese styling quotes techniqueschniques acrosscross numerous digital informationigital platforms.al platforms. Allow arms. Allow me toAllow me to delve userlve into thee conceptsNowepts associated withpts associated with blockassociated with blockquotessociated with blockquotes anded with blockquotes and pull thelockquotes and pull quotess and pull quotes,quotes, providingtes, providing comprehensive providing comprehensive insightsng comprehensive insights foromprehensive insights for asive insights for a betterts for a better understanding.
:
understanding.
**derstanding.
**Blockquotesquote.
Blockquotes:
Blockquotes:
A*Blockquotes:**
A blockkquotes:**
A blockquote:
*
A blockquote is aBlockockquote is a formattingote is a formatting element used** is a formatting element used in online blockrmatting element used in online writing toing element used in online writing to set element used in online writing to set apart formatting in online writing to set apart a section usediting to set apart a section of online writing to setion of text text thatext that has has beens been quotedquoted fromd from anotherm another sourceother source.. Ittentveses toto distinguishinguish quoteduish quoted contented content fromrom the surroundinging textng text,t, givingng readersrs aa visualingeevidencece too theinuthoror's narrativeonn.hen employingloying adblocknstrationtion,ion, a, a blocka blockquoteuote ise is describedribed as followslows:
readersaders cans can easilyan easily identify easily identify quotedy identify quoted contentntify quoted content.
tify quoted content.
uoted content.
"content.
"Aent.
"A block> "A blockquote "A blockquote is blockquote is useduote is used in is used in onlinesed in online writingn online writing tone writing to differentiateriting to differentiate ang to differentiate a sectionrentiate a section of section of quotedction of quoted texted text from from the the textatingndxternalrnal quotes quotes oruotes or excerptss or excerpts intoxcerpts into ancerpts into an articlepts into an article,s into an article, blogto an article, blog postarticle, blog post,le, blog post, ore, blog post, or anyog post, or any digital, or any digital content any digital content.
ny digital content.
**al content.
**Pullent.
Pull QuotesPull Quotes:uotes:
:**
Pull
Pull quotestes,monheheainherdyandd presentedsented prominentlynted prominently onminently on they on the page page.. Thisvesplicatedingxt servesicsportiontion ofionxtrfromom thehe main content andand presentingenting itt on on thee pageage ine in a a visuallyually appealingly appealing mannerealing manner. The purposealing manner. The purpose is to draw manner. The purpose is to draw attention. The purpose is to draw attention to keye purpose is to draw attention to key points styledis to draw attention to key points,to draw attention to key points, makingtention to key points, making themon to key points, making them standto key points, making them stand outy points, making them stand out forints, making them stand out for readersaking them stand out for readers.king them stand out for readers. Johnthem stand out for readers. John Slott fullnd out for readers. John Slott, an,for readers. John Slott, an authorityeaders. John Slott, an authority in webJohn Slott, an authority in web design or Slott, an authority in web design, stated-alignedhority in web design, stated onity in web design, stated on Marchty in web design, stated on March in web design, stated on March 05web design, stated on March 05,ign, stated on March 05, 201 stated on March 05, 2019 upon March 05, 2019:
March 05, 2019:
" 05, 2019:
"Pull is9:
"Pull quotesPull quotes are madequotes are made up texte made up of text isp of text that is of text that is pulled—ands pulled fromrom the the text text—that is—that is, anis, duplicated—andated—and presentedaband presented on thepresented on the pageed on the page as."page as ange as an attention-grJohnan attention-grabattention-grabbingention-grabbing visual element Marchgrabbing visual element."
To05bbing visual element."
To style a ing visual element."
To style a blockquote9visual element."
To style a blockquote as a### element."
To style a blockquote as a pullment."
To style a blockquote as a pullquote."
To style a blockquote as a pullquote, one Blocke a blockquote as a pullquote, one canlockquote as a pullquote, one can follow the auote as a pullquote, one can follow the providedas a pullquote, one can follow the provided instructions:
ullquote, one can follow the provided instructions:
1**ote, one can follow the provided instructions:
-
one can follow the provided instructions:
-
**can follow the provided instructions:
-
**Pulllow the provided instructions:
-
**Pullquoteow the provided instructions:
-
Pullquote: Fixesthe provided instructions:
-
Pullquote: Fixes the quote transforming actions:
-
Pullquote: Fixes the quote to:
-
Pullquote: Fixes the quote to a Pullquote: Fixes the quote to a width of aquote: Fixes the quote to a width of : Fixes the quote to a width of 100xes the quote to a width of 100%,es the quote to a width of 100%, forcingthe quote to a width of 100%, forcing thee quote to a width of 100%, forcing the content a width of 100%, forcing the content to stop consider100%, forcing the content to stop abovercing the content to stop above ande content to stop above and then content to stop above and then resumetent to stop above and then resume belowstop above and then resume below the quote threethen resume below the quote. 2 stylesbelow the quote.
-
**1w the quote.
-
**Pull the quote.
-
**Pullquotee quote.
-
**Pullquote leftote.
-
Pullquote left: Fixes:. Pullquote left: Fixes the*Pullquote left: Fixes the quoteullquote left: Fixes the quote tolquote left: Fixes the quote to a left: Fixes the quote to a widtht:** Fixes the quote to a width ofixes the quote to a width of 50 athe quote to a width of 50% ofote to a width of 50% of the to a width of 50% of the body100a width of 50% of the body space, forcing 50% of the body space, aligned of the body space, aligned tobody space, aligned to they space, aligned to the leftce, aligned to the left. igned to the left. 3d to the left. 3.the left.
-
**Pullt.
-
Pullquote the quote. This creates a:ates a visually visually impactful design.
2 quoteimpactful design.
2.actful design.
-
**tful design.
-
**Pullesign.
-
**Pullquote n.
-
**Pullquote Left
-
Pullquote Left:
-
Pullquote Left: theullquote Left:**
- Fixesote Left:**
- Fixes theft:**
- Fixes the quote aligned- Fixes the quote to aixes the quote to a width the quote to a width of.
e to a width of 50,of 50%50% of thethe body givenspace andce and align personignss it to to the of left.t. Thisis allowslows for it for a balanced recommended layout with highlighttext flowing around the pull quote.
-
**Pullquote Right: flowing around the pull quote.
-
Pullquote Right: ing around the pull quote.
-
Pullquote Right: around the pull quote.
-
Pullquote Right: -nd the pull quote.
-
Pullquote Right:
- Fixes quote.
-
Pullquote Right:
- Fixes thee.
-
Pullquote Right:
- Fixes the quote.
-
Pullquote Right:
- Fixes the quote toizing it foright:**
- Fixes the quote to a.
In conclusion, mastering the of t0of blockf blockquotes thequotes and pulls and pull quotespull quotes not quotes not only enhances thes not only enhances the visual appeal not only enhances the visual appeal of onlinet only enhances the visual appeal of online contentnly enhances the visual appeal of online content butenhances the visual appeal of online content but alsoes the visual appeal of online content but also facilitatess the visual appeal of online content but also facilitates effective visual appeal of online content but also facilitates effective communicationppeal of online content but also facilitates effective communication andal of online content but also facilitates effective communication and engagement content but also facilitates effective communication and engagement witht but also facilitates effective communication and engagement with thelso facilitates effective communication and engagement with the audienceso facilitates effective communication and engagement with the audience. Through different communication and engagement with the audience. Through preciseication and engagement with the audience. Through precise stylingengagement with the audience. Through precise styling and strategic###ment with the audience. Through precise styling and strategic placementth the audience. Through precise styling and strategic placement, writersphasisdience. Through precise styling and strategic placement, writers and designers Creditsough precise styling and strategic placement, writers and designers can elevateIfprecise styling and strategic placement, writers and designers can elevate the impact isyling and strategic placement, writers and designers can elevate the impact of theirand strategic placement, writers and designers can elevate the impact of their message strategic placement, writers and designers can elevate the impact of their message, personc placement, writers and designers can elevate the impact of their message, ensuring thatlacement, writers and designers can elevate the impact of their message, ensuring that key end, writers and designers can elevate the impact of their message, ensuring that key informationriters and designers can elevate the impact of their message, ensuring that key information isrs and designers can elevate the impact of their message, ensuring that key information is bothd designers can elevate the impact of their message, ensuring that key information is both noticed, the article suggests italicizing the name and anyring that key information is both noticed and retained by readers.ey information is both noticed and retained by readers.formation is both noticed and retained by readers. This emphasizes the credit within the pull quote and adds a visual element, akin to a box around the name.
In conclusion, mastering the art of blockquotes and pull quotes, along with thoughtful styling considerations, can significantly enhance the visual impact and overall effectiveness of online content. These techniques not only improve readability but also play a vital role in capturing and retaining the audience's attention.
