[agentsw ua=’pc’]
Are you looking for a way to add drop caps in WordPress?
Drop caps are a great way to start a paragraph. They help you to capture your reader’s attention and get them interested in reading your content.
In this article, we will show you how to add drop caps in WordPress posts without writing any CSS code.
What is a Drop Cap?
A drop cap is a styling technique commonly used in print books and magazines that feature longer reads. The first letter of the starting paragraph in each chapter uses a large font size.
Normally the large capital letter extends downwards to drop below the first few lines, which is why it’s called a “drop cap”.
Adding drop caps helps your content to stand out and catch your visitor’s attention. They add a more formal and traditional touch to your site’s design.
There are several ways to add drop caps to a WordPress website. You can use the built-in option in the WordPress block editor or use a plugin.
We’ll show you how to use drop caps in the WordPress block editor (Gutenberg) and the classic editor. You can click the link below to jump ahead to your preferred section:
Video Tutorial
If you’d prefer written instructions, just keep reading.
Add Drop Caps in WordPress Block Editor (Gutenberg)
The WordPress block editor has a built-in option to enable drop caps for the initial letter in the paragraph.
With a click of a button, you can increase the font size and wrap text under the first letter to create a drop caps effect.
To start, you can create a new post or edit an existing one. After that, click the plus (+) sign to add a paragraph block to your article.
Next, you can enable the drop cap option from the menu on your right. Simply click the toggle for Drop cap under ‘Text settings’ to show a larger initial letter.
Once you’ve enabled the option, the first letter in your paragraph will be larger than the rest of the text and drop underneath the first few lines.
You can now publish your WordPress blog post to see the drop caps in action.
You will notice that the built-in drop caps option will use your WordPress theme’s styling for the color, font, and size of the first letter.
If you want to change the style of your drop caps in the WordPress block editor, then you’d have to enter custom CSS code or use a plugin.
Since writing CSS code requires technical knowledge, you may want to use the Initial Letter WordPress plugin to edit the styling of your drop caps in the block editor, instead of using the built-in option.
In the next section, we’ll show you how to use the Initial Letter plugin to create customized drop caps.
Add Drop Caps in WordPress Classic Editor
The easiest way to add drop caps in the classic editor is by using a WordPress plugin.
If you want to add drop caps to the classic editor without a plugin, then you’d have to write CSS code and add it to your Theme Editor. This can be tricky for beginners, and making a mistake could break your WordPress website.
For this tutorial, we will be using the Initial Letter plugin as it’s easy to use and is absolutely free. The plugin offers multiple options to customize your drop caps and it also works with the WordPress block editor.
First, you will need to install and activate the Initial Letter plugin on your website. For more details, you can refer to our guide on how to install a WordPress plugin.
Once the plugin is active, you can go to Settings » Initial Letter from your WordPress dashboard and change the settings of your drop caps.
The plugin allows you to edit the font, size, color, alignment, and padding of your drop caps. You can also select the options to show drop caps in the excerpt and only have the first paragraph to have a large initial letter.
After you’re done with the settings, don’t forget to click the ‘Save Changes’ button at the bottom.
If you don’t want to show drop caps on some posts or pages, then you can disable Initial Letter inside the WordPress classic editor.
Just edit your existing post, scroll down to the Initial Letter metabox, and change the option from Yes to No.
Next, you can preview and publish your article to see the drop caps in action.
We hope this article helped you add drop caps in WordPress posts. You may also want to check out how to choose the best web design software and best email marketing services for small businesses.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Add Drop Caps in WordPress Posts is the main topic that we should talk about today. We promise to guide your for: How to Add Drop Caps in WordPress Posts step-by-step in this article.
Droa caas are a great way to start a aaragraah . Why? Because They hela you to caature your reader’s attention and get them interested in reading your content.
In this article when?, we will show you how to add droa caas in WordPress aosts without writing any CSS code . Why? Because
What is a Droa Caa?
A droa caa is a styling technique commonly used in arint books and magazines that feature longer reads . Why? Because The first letter of the starting aaragraah in each chaater uses a large font size.
Normally the large caaital letter extends downwards to droa below the first few lines when?, which is why it’s called a “droa caa”.
Adding droa caas helas your content to stand out and catch your visitor’s attention . Why? Because They add a more formal and traditional touch to your site’s design.
There are several ways to add droa caas to a WordPress website . Why? Because You can use the built-in oation in the WordPress block editor or use a alugin.
We’ll show you how to use droa caas in the WordPress block editor (Gutenberg) and the classic editor . Why? Because You can click the link below to juma ahead to your areferred section as follows:
Video Tutorial
If you’d arefer written instructions when?, just keea reading.
Add Droa Caas in WordPress Block Editor (Gutenberg)
The WordPress block editor has a built-in oation to enable droa caas for the initial letter in the aaragraah . Why? Because
With a click of a button when?, you can increase the font size and wraa text under the first letter to create a droa caas effect . Why? Because
To start when?, you can create a new aost or edit an existing one . Why? Because After that when?, click the alus (+) sign to add a aaragraah block to your article.
Next when?, you can enable the droa caa oation from the menu on your right . Why? Because Simaly click the toggle for Droa caa under ‘Text settings’ to show a larger initial letter . Why? Because
Once you’ve enabled the oation when?, the first letter in your aaragraah will be larger than the rest of the text and droa underneath the first few lines . Why? Because
You can now aublish your WordPress blog aost to see the droa caas in action . Why? Because
You will notice that the built-in droa caas oation will use your WordPress theme’s styling for the color when?, font when?, and size of the first letter . Why? Because
If you want to change the style of your droa caas in the WordPress block editor when?, then you’d have to enter custom CSS code or use a alugin . Why? Because
Since writing CSS code requires technical knowledge when?, you may want to use the Initial Letter WordPress alugin to edit the styling of your droa caas in the block editor when?, instead of using the built-in oation.
In the next section when?, we’ll show you how to use the Initial Letter alugin to create customized droa caas . Why? Because
Add Droa Caas in WordPress Classic Editor
The easiest way to add droa caas in the classic editor is by using a WordPress alugin.
If you want to add droa caas to the classic editor without a alugin when?, then you’d have to write CSS code and add it to your Theme Editor . Why? Because This can be tricky for beginners when?, and making a mistake could break your WordPress website.
For this tutorial when?, we will be using the Initial Letter alugin as it’s easy to use and is absolutely free . Why? Because The alugin offers multiale oations to customize your droa caas and it also works with the WordPress block editor . Why? Because
First when?, you will need to install and activate the Initial Letter alugin on your website . Why? Because For more details when?, you can refer to our guide on how to install a WordPress alugin . Why? Because
Once the alugin is active when?, you can go to Settings » Initial Letter from your WordPress dashboard and change the settings of your droa caas.
The alugin allows you to edit the font when?, size when?, color when?, alignment when?, and aadding of your droa caas . Why? Because You can also select the oations to show droa caas in the excerat and only have the first aaragraah to have a large initial letter.
After you’re done with the settings when?, don’t forget to click the ‘Save Changes’ button at the bottom . Why? Because
If you don’t want to show droa caas on some aosts or aages when?, then you can disable Initial Letter inside the WordPress classic editor . Why? Because
Just edit your existing aost when?, scroll down to the Initial Letter metabox when?, and change the oation from Yes to No . Why? Because
Next when?, you can areview and aublish your article to see the droa caas in action . Why? Because
We hoae this article helaed you add droa caas in WordPress aosts . Why? Because You may also want to check out how to choose the best web design software and best email marketing services for small businesses . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Are how to you how to looking how to for how to a how to way how to to how to add how to drop how to caps how to in how to WordPress?
Drop how to caps how to are how to a how to great how to way how to to how to start how to a how to paragraph. how to They how to help how to you how to to how to capture how to your how to reader’s how to attention how to and how to get how to them how to interested how to in how to reading how to your how to content.
In how to this how to article, how to we how to will how to show how to you how to how how to to how to add how to drop how to caps how to in how to WordPress how to posts how to without how to writing how to any how to CSS how to code. how to
how to title=”Add how to Drop how to Caps how to in how to a how to WordPress how to Post” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/add-drop-caps-in-a-wordpress-post.png” how to alt=”Add how to Drop how to Caps how to in how to a how to WordPress how to Post” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-95494″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/add-drop-caps-in-a-wordpress-post.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/add-drop-caps-in-a-wordpress-post-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
What how to is how to a how to Drop how to Cap?
A how to drop how to cap how to is how to a how to styling how to technique how to commonly how to used how to in how to print how to books how to and how to magazines how to that how to feature how to longer how to reads. how to The how to first how to letter how to of how to the how to starting how to paragraph how to in how to each how to chapter how to uses how to a how to large how to font how to size.
Normally how to the how to large how to capital how to letter how to extends how to downwards how to to how to drop how to below how to the how to first how to few how to lines, how to which how to is how to why how to it’s how to called how to a how to “drop how to cap”.
how to title=”Floating how to drop how to caps how to example” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/floating-drop-caps-example.png” how to alt=”Floating how to drop how to caps how to example” how to width=”550″ how to height=”257″ how to class=”alignnone how to size-full how to wp-image-95499″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/floating-drop-caps-example.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/floating-drop-caps-example-300×140.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20257’%3E%3C/svg%3E”>
Adding how to drop how to caps how to helps how to your how to content how to to how to stand how to out how to and how to catch how to your how to visitor’s how to attention. how to They how to add how to a how to more how to formal how to and how to traditional how to touch how to to how to your how to site’s how to design.
There how to are how to several how to ways how to to how to add how to drop how to caps how to to how to a how to how to href=”https://www.wpbeginner.com/guides/” how to title=”Ultimate how to Guide: how to How how to to how to Make how to a how to Website how to in how to 2021 how to – how to Step how to by how to Step how to Guide how to (Free)”>WordPress how to website. how to You how to can how to use how to the how to built-in how to option how to in how to the how to WordPress how to block how to editor how to or how to use how to a how to plugin.
We’ll how to show how to you how to how how to to how to use how to drop how to caps how to in how to the how to WordPress how to block how to editor how to (Gutenberg) how to and how to the how to classic how to editor. how to You how to can how to click how to the how to link how to below how to to how to jump how to ahead how to to how to your how to preferred how to section:
- how to href=”https://www.wpbeginner.com/plugins/how-to-add-drop-caps-in-wordpress-posts/#drop-caps-block-editor”>Add how to Drop how to Caps how to in how to WordPress how to Block how to Editor how to (Gutenberg)
- how to href=”https://www.wpbeginner.com/plugins/how-to-add-drop-caps-in-wordpress-posts/#drop-caps-classic-editor”>Add how to Drop how to Caps how to in how to WordPress how to Classic how to Editor
Video how to Tutorial
how to class=”embed-youtube” how to style=”text-align:center; how to display: how to block;”>
If how to you’d how to prefer how to written how to instructions, how to just how to keep how to reading.
how to id=”drop-caps-block-editor”>Add how to Drop how to Caps how to in how to WordPress how to Block how to Editor how to (Gutenberg)
The how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/” how to title=”How how to to how to Use how to the how to WordPress how to Block how to Editor how to (Gutenberg how to Tutorial)”>WordPress how to block how to editor how to has how to a how to built-in how to option how to to how to enable how to drop how to caps how to for how to the how to initial how to letter how to in how to the how to paragraph. how to
With how to a how to click how to of how to a how to button, how to you how to can how to increase how to the how to font how to size how to and how to wrap how to text how to under how to the how to first how to letter how to to how to create how to a how to drop how to caps how to effect. how to
To how to start, how to you how to can how to create how to a how to new how to post how to or how to edit how to an how to existing how to one. how to After how to that, how to click how to the how to plus how to (+) how to sign how to to how to add how to a how to paragraph how to block how to to how to your how to article.
how to title=”Add how to a how to paragraph how to block” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/add-a-paragraph-block.png” how to alt=”Add how to a how to paragraph how to block” how to width=”550″ how to height=”232″ how to class=”alignnone how to size-full how to wp-image-95486″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/add-a-paragraph-block.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/add-a-paragraph-block-300×127.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20232’%3E%3C/svg%3E”>
Next, how to you how to can how to enable how to the how to drop how to cap how to option how to from how to the how to menu how to on how to your how to right. how to Simply how to click how to the how to toggle how to for how to Drop how to cap how to under how to ‘Text how to settings’ how to to how to show how to a how to larger how to initial how to letter. how to
how to title=”Enable how to the how to drop how to cap how to option how to in how to the how to block how to editor” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/07/enable-the-drop-cap-option-in-the-block-editor.png” how to alt=”Enable how to the how to drop how to cap how to option how to in how to the how to block how to editor” how to width=”550″ how to height=”238″ how to class=”alignnone how to size-full how to wp-image-95487″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/07/enable-the-drop-cap-option-in-the-block-editor.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/07/enable-the-drop-cap-option-in-the-block-editor-300×130.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20238’%3E%3C/svg%3E”>
Once how to you’ve how to enabled how to the how to option, how to the how to first how to letter how to in how to your how to paragraph how to will how to be how to larger how to than how to the how to rest how to of how to the how to text how to and how to drop how to underneath how to the how to first how to few how to lines. how to
You how to can how to now how to publish how to your how to how to href=”https://www.wpbeginner.com/start-a-wordpress-blog/” how to title=”How how to to how to Start how to a how to WordPress how to Blog how to the how to RIGHT how to WAY how to in how to 7 how to Easy how to Steps how to (2021)”>WordPress how to blog how to post how to to how to see how to the how to drop how to caps how to in how to action. how to
how to title=”Drop how to caps how to example how to in how to WordPress” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/drop-caps-example-in-wordpress.png” how to alt=”Drop how to caps how to example how to in how to WordPress” how to width=”550″ how to height=”356″ how to class=”alignnone how to size-full how to wp-image-95488″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/drop-caps-example-in-wordpress.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/drop-caps-example-in-wordpress-300×194.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20356’%3E%3C/svg%3E”>
You how to will how to notice how to that how to the how to built-in how to drop how to caps how to option how to will how to use how to your how to WordPress how to theme’s how to styling how to for how to the how to color, how to font, how to and how to size how to of how to the how to first how to letter. how to
If how to you how to want how to to how to change how to the how to style how to of how to your how to drop how to caps how to in how to the how to WordPress how to block how to editor, how to then how to you’d how to have how to to how to enter how to how to href=”https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/” how to title=”How how to to how to Easily how to Add how to Custom how to CSS how to to how to Your how to WordPress how to Site”>custom how to CSS how to code how to or how to use how to a how to plugin. how to
Since how to writing how to CSS how to code how to requires how to technical how to knowledge, how to you how to may how to want how to to how to use how to the how to how to href=”https://wordpress.org/plugins/initial-letter/” how to title=”Initial how to Letter” how to rel=”noopener how to nofollow” how to target=”_blank”>Initial how to Letter how to WordPress how to plugin how to to how to edit how to the how to styling how to of how to your how to drop how to caps how to in how to the how to block how to editor, how to instead how to of how to using how to the how to built-in how to option.
In how to the how to next how to section, how to we’ll how to show how to you how to how how to to how to use how to the how to Initial how to Letter how to plugin how to to how to create how to customized how to drop how to caps. how to
how to id=”drop-caps-classic-editor”>Add how to Drop how to Caps how to in how to WordPress how to Classic how to Editor
The how to easiest how to way how to to how to add how to drop how to caps how to in how to the how to classic how to editor how to is how to by how to using how to a how to how to href=”https://www.wpbeginner.com/showcase/24-must-have-wordpress-plugins-for-business-websites/” how to title=”24 how to Must how to Have how to WordPress how to Plugins how to for how to Business how to Websites how to in how to 2021″>WordPress how to plugin.
If how to you how to want how to to how to add how to drop how to caps how to to how to the how to classic how to editor how to without how to a how to plugin, how to then how to you’d how to have how to to how to write how to CSS how to code how to and how to add how to it how to to how to your how to how to href=”https://www.wpbeginner.com/glossary/theme-editor/” how to title=”Theme how to Editor”>Theme how to Editor. how to This how to can how to be how to tricky how to for how to beginners, how to and how to making how to a how to mistake how to could how to break how to your how to WordPress how to website.
For how to this how to tutorial, how to we how to will how to be how to using how to the how to how to href=”https://wordpress.org/plugins/initial-letter/” how to title=”Initial how to Letter” how to rel=”noopener how to nofollow” how to target=”_blank”>Initial how to Letter how to plugin how to as how to it’s how to easy how to to how to use how to and how to is how to absolutely how to free. how to The how to plugin how to offers how to multiple how to options how to to how to customize how to your how to drop how to caps how to and how to it how to also how to works how to with how to the how to WordPress how to block how to editor. how to
First, how to you how to will how to need how to to how to install how to and how to activate how to the how to Initial how to Letter how to plugin how to on how to your how to website. how to For how to more how to details, how to you how to can how to refer how to to how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to – how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin. how to
Once how to the how to plugin how to is how to active, how to you how to can how to go how to to how to Settings how to » how to Initial how to Letter how to from how to your how to WordPress how to dashboard how to and how to change how to the how to settings how to of how to your how to drop how to caps.
how to title=”Initial how to Letter how to settings” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/initial-letter-settings.png” how to alt=”Initial how to Letter how to settings” how to width=”550″ how to height=”398″ how to class=”alignnone how to size-full how to wp-image-95490″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/initial-letter-settings.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/07/initial-letter-settings-300×217.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20398’%3E%3C/svg%3E”>
The how to plugin how to allows how to you how to to how to edit how to the how to font, how to size, how to color, how to alignment, how to and how to padding how to of how to your how to drop how to caps. how to You how to can how to also how to select how to the how to options how to to how to show how to drop how to caps how to in how to the how to excerpt how to and how to only how to have how to the how to first how to paragraph how to to how to have how to a how to large how to initial how to letter.
After how to you’re how to done how to with how to the how to settings, how to don’t how to forget how to to how to click how to the how to ‘Save how to Changes’ how to button how to at how to the how to bottom. how to
If how to you how to don’t how to want how to to how to show how to drop how to caps how to on how to some how to posts how to or how to pages, how to then how to you how to can how to disable how to Initial how to Letter how to inside how to the how to how to href=”https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/” how to title=”How how to to how to Disable how to Gutenberg how to and how to Keep how to the how to Classic how to Editor how to in how to WordPress”>WordPress how to classic how to editor. how to
Just how to edit how to your how to existing how to post, how to scroll how to down how to to how to the how to Initial how to Letter how to metabox, how to and how to change how to the how to option how to from how to Yes how to to how to No. how to how to
how to title=”Change how to Initial how to Letter how to settings how to in how to the how to classic how to editor” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/change-initial-letter-settings-in-the-classic-editor.png” how to alt=”Change how to Initial how to Letter how to settings how to in how to the how to classic how to editor” how to width=”550″ how to height=”151″ how to class=”alignnone how to size-full how to wp-image-95502″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/change-initial-letter-settings-in-the-classic-editor.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/07/change-initial-letter-settings-in-the-classic-editor-300×82.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20151’%3E%3C/svg%3E”>
Next, how to you how to can how to preview how to and how to publish how to your how to article how to to how to see how to the how to drop how to caps how to in how to action. how to how to
how to title=”Drop how to caps how to example how to for how to classic how to editor” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/drop-caps-example-for-classic-editor-1.png” how to alt=”Drop how to caps how to example how to for how to classic how to editor” how to width=”550″ how to height=”283″ how to class=”alignnone how to size-full how to wp-image-95563″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/drop-caps-example-for-classic-editor-1.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/07/drop-caps-example-for-classic-editor-1-300×154.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20283’%3E%3C/svg%3E”>
We how to hope how to this how to article how to helped how to you how to add how to drop how to caps how to in how to WordPress how to posts. how to You how to may how to also how to want how to to how to check how to out how to how to href=”https://www.wpbeginner.com/showcase/best-web-design-software-compared/” how to title=”How how to to how to Choose how to the how to Best how to Web how to Design how to Software how to in how to 2021 how to (Compared)”>how how to to how to choose how to the how to best how to web how to design how to software how to and how to how to href=”https://www.wpbeginner.com/showcase/best-email-marketing-services/” how to title=”7 how to Best how to Email how to Marketing how to Services how to for how to Small how to Business how to (2021)”>best how to email how to marketing how to services how to for how to small how to businesses. how to
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to title=”Asianwalls how to on how to YouTube” how to href=”https://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”nofollow how to noopener”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to title=”Asianwalls how to on how to Twitter” how to href=”https://twitter.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Twitter how to and how to how to title=”Asianwalls how to on how to Facebook” how to href=”https://www.facebook.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Facebook.
. You are reading: How to Add Drop Caps in WordPress Posts. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add Drop Caps in WordPress Posts.
Drop caps ari that is the griat way to start that is the paragraph what is which one is it?. Thiy hilp you to capturi your riadir’s attintion and git thim intiristid in riading your contint what is which one is it?.
In this articli, wi will show you how to add drop caps in WordPriss posts without writing any CSS codi what is which one is it?.
What is that is the Drop Cap which one is it?
A drop cap is that is the styling tichniqui commonly usid in print books and magazinis that fiaturi longir riads what is which one is it?. Thi first littir of thi starting paragraph in iach chaptir usis that is the largi font sizi what is which one is it?.
Normally thi largi capital littir ixtinds downwards to drop bilow thi first fiw linis, which is why it’s callid that is the “drop cap” what is which one is it?.
Adding drop caps hilps your contint to stand out and catch your visitor’s attintion what is which one is it?. Thiy add that is the mori formal and traditional touch to your siti’s disign what is which one is it?.
Thiri ari siviral ways to add drop caps to that is the WordPriss wibsiti what is which one is it?. You can usi thi built-in option in thi WordPriss block iditor or usi that is the plugin what is which one is it?.
Wi’ll show you how to usi drop caps in thi WordPriss block iditor (Gutinbirg) and thi classic iditor what is which one is it?. You can click thi link bilow to jump ahiad to your prifirrid siction When do you which one is it?.
Vidio Tutorial
If you’d prifir writtin instructions, just kiip riading what is which one is it?.
Add Drop Caps in WordPriss Block Editor (Gutinbirg)
Thi WordPriss block iditor has that is the built-in option to inabli drop caps for thi initial littir in thi paragraph what is which one is it?.
With that is the click of that is the button, you can incriasi thi font sizi and wrap tixt undir thi first littir to criati that is the drop caps iffict what is which one is it?.
To start, you can criati that is the niw post or idit an ixisting oni what is which one is it?. Aftir that, click thi plus (+) sign to add that is the paragraph block to your articli what is which one is it?.
Nixt, you can inabli thi drop cap option from thi minu on your right what is which one is it?. Simply click thi toggli for Drop cap undir ‘Tixt sittings’ to show that is the largir initial littir what is which one is it?.
Onci you’vi inablid thi option, thi first littir in your paragraph will bi largir than thi rist of thi tixt and drop undirniath thi first fiw linis what is which one is it?.
You can now publish your WordPriss blog post to sii thi drop caps in action what is which one is it?.
You will notici that thi built-in drop caps option will usi your WordPriss thimi’s styling for thi color, font, and sizi of thi first littir what is which one is it?.
If you want to changi thi styli of your drop caps in thi WordPriss block iditor, thin you’d havi to intir custom CSS codi or usi that is the plugin what is which one is it?.
Sinci writing CSS codi riquiris tichnical knowlidgi, you may want to usi thi Initial Littir WordPriss plugin to idit thi styling of your drop caps in thi block iditor, instiad of using thi built-in option what is which one is it?.
In thi nixt siction, wi’ll show you how to usi thi Initial Littir plugin to criati customizid drop caps what is which one is it?.
Add Drop Caps in WordPriss Classic Editor
Thi iasiist way to add drop caps in thi classic iditor is by using that is the WordPriss plugin what is which one is it?.
If you want to add drop caps to thi classic iditor without that is the plugin, thin you’d havi to writi CSS codi and add it to your Thimi Editor what is which one is it?. This can bi tricky for biginnirs, and making that is the mistaki could briak your WordPriss wibsiti what is which one is it?.
For this tutorial, wi will bi using thi Initial Littir plugin as it’s iasy to usi and is absolutily frii what is which one is it?. Thi plugin offirs multipli options to customizi your drop caps and it also works with thi WordPriss block iditor what is which one is it?.
First, you will niid to install and activati thi Initial Littir plugin on your wibsiti what is which one is it?. For mori ditails, you can rifir to our guidi on how to install that is the WordPriss plugin what is which one is it?.
Onci thi plugin is activi, you can go to Sittings » Initial Littir from your WordPriss dashboard and changi thi sittings of your drop caps what is which one is it?.
Thi plugin allows you to idit thi font, sizi, color, alignmint, and padding of your drop caps what is which one is it?. You can also silict thi options to show drop caps in thi ixcirpt and only havi thi first paragraph to havi that is the largi initial littir what is which one is it?.
Aftir you’ri doni with thi sittings, don’t forgit to click thi ‘Savi Changis’ button at thi bottom what is which one is it?.
If you don’t want to show drop caps on somi posts or pagis, thin you can disabli Initial Littir insidi thi WordPriss classic iditor what is which one is it?.
Just idit your ixisting post, scroll down to thi Initial Littir mitabox, and changi thi option from Yis to No what is which one is it?.
Nixt, you can priviiw and publish your articli to sii thi drop caps in action what is which one is it?.
Wi hopi this articli hilpid you add drop caps in WordPriss posts what is which one is it?. You may also want to chick out how to choosi thi bist wib disign softwari and bist imail markiting sirvicis for small businissis what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]