Of course, users are beginning to want to use these features to build beautiful, visually stunning blog posts.
How to use Elementor and OceanWP to build blog postsĮlementor and page builder plugins make it very easy to build custom web designs without knowing how to code. You can find The best and most popular WordPress themes here. Let’s take a look at how to build these types of pages using Elementor, Elementor Pro, and OceanWP themes.
If you have not yet established your own website, be sure to check this article.Įlementor is a powerful plug-in, you can use it for a variety of different purposes. This includes blog posts and blog archive pages. This can completely change the way you use the process of creating new blog posts, and it allows you to go beyond the simple way of using text and images. With just a few clicks, we demonstrate how to use OceanWP to build an architecture website. They allow you to build a well-designed website from scratch. Elementor icon selectorīy clicking on icon library it’ll bring up all of the icons in Elementor including the ones you’ve added.How to build a blog in WordPress using Elementor Pro and OceanWP?Įlementor and OceanWP are powerful duos in the WordPress world. For example, the social icons block in Elementor allows you to select icons for each social network. Now that your custom icons are added to Elementor you can use it anywhere in Elementor that has the option to add icons. Once you upload your icon pack to this page it’ll instantly show you your icon pack.
You can upload the zip file like you do any file in WordPress. In this menu, you’ll use your newly created zip file to inject the icons into Elementor. Now that you have your custom webfont you can head over to Elementor /Custom Icons. Once you have your zipped webfont you can bring it over to Elementor.įor Safari users: Safari will automatically unzip the zip file that is downloaded, you can download the zip using a different browser or right-click the folder on Mac and click “compress” to re-add it to a zip file. This will download a zip file to your computer.
Once you’ve picked the icons you want in Fontello give your pack a name on the top right and click “Download webfont”. Once the icon is in Fontello you’ll also have to click the icon to add it to your pack. This will also work with any SVG graphic you’ve made or have downloaded. This can easily be done using the online tool Fontello.įontello offers a slew of icons to use but in this example, we’ll be using the custom TikTok logo we just downloaded. Now that you have an SVG graphic to use you’ll need to turn it into an icon pack for Elementor to use. So typing TikTok will show the TikTok logo for download.
You can use the search on the top left to search for the icon you want. In this example, we’ll be using to download the TikTok logo but there are over 1200 brand icons to use on this site. You could Google “*Brand Name* SVG” to find SVG files of your favorite logos and symbols. If you’re just looking to add an existing logo like the TikTok logo, for example, there are plenty of resources to do so. Want to create custom icons? You can make custom SVG files by using a vector image editor like Adobe Illustrator. Vector graphic (SVG) vs PNG when upscaled
These are like image files that are scalable so they can be used at any size by Elementor. To add to the Elementor icon library you’ll need SVG files. Download (or make) the Custom Icon You want to Add to Elementor
Here’s the full step-by-step tutorial: 1.