Tag: wordpress

  • What Is the WordPress get_posts Function and How to Use It to Build PHP Post Lists

    The WordPress get_posts function lets you retrieve posts, pages, and custom post types based on given parameters. It works by filtering the posts based on criteria like date, author, type, permission, or meta key. WordPress site owners can use this function to show relevant content to users quickly. For example, they can display lists of […]

    Read More…

    The post What Is the WordPress get_posts Function and How to Use It to Build PHP Post Lists appeared first on Hostinger Tutorials.

    Go to source

  • How to Start a Succesful Blog in 2023 (Detailed Tutorial)

    Blogging has been around since the late 1990s and has become one of the most popular mediums for people to express their thoughts, share information, and generate income. If you’re thinking of starting a blog of your own, it’s important to understand the steps needed to be successful. In this post, we’ll provide a step-by-step guide on how to start a blog. So, let’s dive in and explore the possibilities.

    What is a Blog?

    A blog is an online platform where you can regularly publish and share content. It acts as a digital journal or online diary, allowing people to express ideas, experiences, tutorials, or opinions on various subjects. They can cover multiple topics, provide a space for writers to connect with others, and create a community around published content. With the ability to incorporate text, images, videos, and interactive elements, blogs offer a dynamic and accessible resource for sharing information and fostering an online community.

    WordPress.org

    One of the most popular platforms for a blog is WordPress. There are two iterations of WordPress: .org and .com. Either one will suit your needs, but it’s important to understand their differences. WordPress.org is a self-hosted solution, which means you install and host the software on a WordPress hosting provider. On the other hand, WordPress.com offers a blogging platform with its own hosting, which can be a solid choice for beginners. For this tutorial, we will focus on the .org version of WordPress and walk you through the steps to launch your online blog.

    How To Start a Blog: Step by Step

    To succeed at blogging, it’s important to set goals, determine who you intend to cater to, and pay attention to more technical considerations. These include picking the right host, choosing a worthy platform, and incorporating all the moving parts needed to support your efforts.

    Step 1: Setting a Goal for Your Blog

    The first and most important step in the process is planning. Sit down and list what you’d like to accomplish with your blog. Are you interested in monetizing your blog? If so, research how you want to turn your blog into a money-making machine. Consider whether you want to run ads directly on your blog or use other methods, such as Google Adsense. You can also incorporate a good advertising plugin that will allow you to create and host banner ads on your blog quite easily.

    Consider creating an informational blog if monetization isn’t in the cards right now. These types of blogs are a great source of information and tend to perform well in search results; that is, if your SEO copywriting is up to par.

    Lastly, decide whether to incorporate social media into your blog. Having a social media presence on your website is a wonderful way to drive more traffic to your website. There are a lot of excellent social media plugins available that will allow you to embed social feeds, schedule posts to Facebook, or incorporate events.

    Step 2: Picking a Niche

    The next thing to evaluate is whether you want a lifestyle blog that encompasses various topics or drill it down to be more of a niche blog. In general, niche blogs are great for people looking for specific information on a topic versus a more generalized lifestyle blog. There are several benefits to creating a niche blog, including appealing to individuals with particular interests, being excellent for building email lists, and, most importantly, being easier to manage.

    Step 3: Picking Your Domain

    The next crucial step in the process involves securing a domain name, which plays a pivotal role in shaping your online presence. When choosing a domain for your business, it’s important to ensure that it is both memorable and easy to spell, while accurately reflecting your business’s niche. While various top-level domain (TLD) extensions are available besides .com, opting for this widely utilized TLD is often best due to its trustworthiness. However, alternatives like .net or .org can also be considered, particularly if your preferred domain with the .com extension is unavailable.

    Namecheap domain registrar

    In certain cases, it is possible to acquire a domain that has already been taken, although this can be challenging, especially if the desired domain already has an associated website. To explore available domains, we recommend using a reputable domain name registrar such as Namecheap.

    Step 4: Choosing Your Hosting

    how to start a blog using SiteGround

    Once you’ve planned out your blog and chosen a niche and a domain, you’ll need to find a good hosting provider. Generally speaking, you’ll want to avoid free hosting platforms and opt for a good managed hosting provider like SiteGround, because they offer the most bang for your buck. Not only do they provide competitive pricing, but they’re one of the fastest hosting companies you can get.

    A fast host is crucial to your blog’s success for several reasons. First, no one likes a slow website. Potential readers who land on your site and wait for the page to load aren’t going to stick around. Secondly, a fast website is good for search engine optimization (SEO). Because Google and other search engines prioritize speed, going for a quality host is in your best interest.

    Step 5: Create Your Blog

    Now that you have all of the necessary moving parts in place, it’s time to start the exciting process of creating your blog. In this section, we’ll advise you on the best blogging platform to use, recommend a good theme and plugins, and walk you through the process of setting up your categories, tags, and templates.

    Pick a Platform

    While there are many blogging platforms to choose from, they are still far from matching the versatility of WordPress.org. With full site editing capabilities and a platform that was built for blogging, WordPress is the way to go. It’s free to use, has a huge following, and provides endless customization options. Plus, it’s relatively easy to learn, making it a great solution for beginners.

    get WordPress

    When it comes to installing WordPress, you can usually leave the dirty work to your web host. The best WordPress hosting providers will install WordPress for you when you set up your account, making your life a lot easier. However, that also depends on the hosting you choose. Most VPS hosting or dedicated hosting companies won’t offer this feature, requiring you to install it on your own through cPanel.

    Pick a Theme

    how to start a blog with Divi

    Now that we’ve opted for WordPress.org as a place to build our masterpiece, we’re going to need a good WordPress theme for bloggers. Although we may seem a bit biased, Divi is the absolute best solution. With the ability to create pages using a no-code Visual Builder incorporating more than 200 design elements, Divi is capable of showcasing your blog beautifully.

    Divi Theme Builder

    Plus, you’ll gain the benefit of full site editing, which allows you to create custom templates for your posts, categories, tags, and more, through Divi’s Theme Builder.

    Install Key Plugins

    One of the best aspects of WordPress is the ability to install plugins. They add features and functionalities to your site, allowing you to build any website you wish. For example, if you’d like your blog to have gated content, you can install a membership plugin, set up a paywall, and you’re off to the races. There are plugins for literally anything you can fathom. You can get a little help getting seen in the search engines by installing a good SEO plugin, such as Rank Math.

    Monster Insights Homepage Jan. 2023

    Furthermore, you can track how your posts are performing by incorporating a plugin such as MonsterInsights, which provides crucial information on what’s working on your site and what’s not. This is especially important when you’re just starting out. No matter what you want your site to do for you, there’s a plugin for it. To help you determine what you need, take a look at our article, 31 Best WordPress Plugins in 2023 (Everything You Need).

    Set Up Categories

    Before you can start writing posts, you’ll need to create categories. Using categories is an essential part of SEO and, if done correctly, can help bring traffic to your website. For example, let’s say you’re building a blog about pets. You’ll want to create categories for the types of pets you want to write about and subcategories that would pertain to those pets.

    To add categories, navigate to the WordPress dashboard, then hover over posts. Next, click categories.

    WordPress blog categories

    The next step is to give your new category a name, add a description, then click Add New Category.

    naming WordPress categories

    Once you have created a main category, you can create new top-level categories or subcategories by assigning a parent category.

    parent category

    Alternatively, categories can be created on the fly at the post level. To accomplish this, click on Posts > Add New.

    Add new post

    To add a new category at the post level, click the Categories dropdown on the WordPress editor’s right-hand side. Then, click Add New Category.

    how to start a blog

    Once you have added all the categories you need, you can showcase your category list on a blog roll page in a sidebar or any other page. As a Divi user, you can even find creative ways to display them in your header or footer by using the Theme Builder.

    Create Your Pages

    Next, we’ll use Divi to create our first page. To keep things simple, we’ll use one of Divi’s awesome layout packs. First, we’ll create the home page from the Marketing Layout Pack for Divi. Navigate to Pages > Add New in your WordPress dashboard.

    Add wordpress page

    Add Home as the title, then click the Use Divi Builder button.

    create a new page

    Next, select Browse Layouts.

    browse layouts

    Choose the marketing layout back by clicking on it.

    Select marketing layout pack

    Next, click on the Homepage layout.

    how to start a blog

    Finally, click the Use This Layout button to insert the design into your page.

    load layout

    If you’d like to import the presets of the layout pack, be sure to check Import Presets, then click the Import button.

    import layout

    Once the page reloads, you can edit the text and images in the layout’s modules by hovering over the module you’d like to edit, then clicking the gear icon to bring up the module’s contents.

    how to start a blog

    Make your edits by replacing the placeholder content in text modules.

    edit text module

    Once you’ve completed the editing process, save your draft or publish the page by clicking the corresponding button in the lower right-hand screen of the Visual Builder.

    Publish Divi page

    Create Your Templates

    As previously mentioned, Divi’s Theme Builder allows you to create custom templates for every section of your website. Design custom headers and footers, blog post layouts, category and tag page templates, and more.

    The default website template (1) is the section you’d use to create a global header, body, and footer. This allows you to create any layout to feature your blog’s navigation. To create new templates, you’ll click the Add New Template button (2). If you want to use a premade theme builder set, click the + icon (3). To save your templates, click the save button (4). The remaining icons allow you to delete (5), view your design history (6), and import or export your layouts (7).

    theme builder options

    As you begin creating templates for your website, you’ll notice that multiple templates can get messy. So, take steps to organize them so they are easier to find.

    Ok, on to creating your first template. Start by navigating to Divi > Theme Builder.

    Divi theme builder

    As noted, you’ll click the Add New Template button to create a template. Select Build New Template from the popup.

    how to start a blog templates

    Next, tick All Posts, then click the Create template button. These selections will allow you to create a template for posts which will be applied to every post you write.

    create post template

    Next, click Add Custom Body in the All Posts template. Click Build Custom Body when the popup appears.

    Build custom body

    From there, you can use the Visual Builder to design a blog post template to match your site’s design.

    Step 6: Create a Content Strategy

    Now that your pages and blog post template are created, you can concentrate on forming a content marketing strategy. It involves creating content that is specifically related to your niche. Strategizing your content can help you get your business noticed, build a good reputation, and boost your SEO. You’ll be best served by analyzing your competition, learning about your potential audience, and conducting keyword research.

    Step 7: Write Your First Post

    When the time comes to write your first post, the most important thing is to focus on writing quality content. Be sure to keep your target audience in mind so that you’re delivering content that aligns with their interests. Start by organizing your thoughts, creating a blog post outline, and structuring your post to maximize your reader’s attention. Remember, writing your first post sets the tone for your blog, so take your time and make it a captivating and valuable piece that leaves a positive impression on your readers.

    When writing in WordPress and Divi, there are a couple of ways to create your post, either in the Visual Builder, classic editor, or the Gutenberg editor. Since we created a template for our blog posts, the easiest route is using Gutenberg. It functions much like the word processors of the past, allowing you to directly type text, or use blocks to add other content.

    block editor

    If you find yourself suffering from writer’s block or need a little help crafting a good headline or outline for your post, consider incorporating a good AI writing software to help jumpstart your creativity.

    Once you’ve added all of your content, you can easily make your post live by clicking the Publish button.

    Publish post

    Step 8: Optimize Content for SEO

    You can write the best content in the world, but you’re missing the mark if you aren’t optimizing for SEO. To optimize your content, start by using a good keyword strategically throughout your post, avoiding keyword stuffing. It’s also important to add alt tags to your images, ensure that you’re using headlines properly, and keep your paragraphs concise, yet engaging.

    pn page SEO

    Additionally, pay close attention to on-page SEO elements such as titles, permalinks, and meta descriptions, as they contribute to search engine visibility. Finally, ensure that you’re focusing on mobile SEO, considering more than half of all internet users utilize a smartphone to navigate the internet.

    To help you keep a handle on things, consider incorporating a good SEO tool, such as SEMRush, in addition to your chosen SEO plugin.

    Step 9: Post Content Consistently

    how to start a blog

    Next, you’ll want to plan how often you release new posts. Set a regular posting schedule that works for you and your target audience, whether weekly, bi-weekly, or monthly. A good editorial calendar plugin helps you plan how often to release new content and helps to keep track of your goals. By establishing a good routine, you create expectations for your readers to keep them coming back for more.

    Step 10: Monetize Your Blog

    Once you have established a solid foundation and built your audience, you can take steps to generate income with your new blog. One popular method is through native advertising, where you can display ads or sponsored posts anywhere on your blog to earn revenue based on clicks or impressions.

    ad placement

    Another option is affiliate linking, where you promote products or services to earn a commission for every sale. Remember that choosing affiliate partnerships that align with your niche is important to provide value to your audience.

    You’ll also want to incorporate a good affiliate marketing plugin to help disguise ugly links, gain access to reporting, or offer discounts on purchased products.

    Final Thoughts on How to Start a Blog

    Starting a successful blog requires careful planning, dedication, and consistent effort. By following our step-by-step process, you can establish a strong foundation for your blog and increase your chances of success. It begins with setting a clear goal and identifying a niche that truly resonates with your audience. As you progress, partnering with a reputable host like SiteGround provides a reliable platform for your blog to thrive. Remember the importance of optimizing your blog for search engine optimization (SEO) to ensure maximum visibility. Let’s not forget about the exciting prospect of income-generating opportunities that can put some cash in your pocket.

    Are you looking for more tutorials? Check out a few Divi-related how-to’s to kick your new blog into high gear:

    Featured Image via Fonstra / Shutterstock.com

    The post How to Start a Succesful Blog in 2023 (Detailed Tutorial) appeared first on Elegant Themes Blog.

    Go to source

  • Should You Hire a Web Designer for Your WordPress Site?

    Are you wondering whether you should hire a web designer? There are tons of beginner-friendly tools available to help you create a website yourself. However, you might believe that a web designer can get the work done much quicker, and achieve a higher level of quality. Fortunately, it’s easier to decide whether to hire a web designer when you consider some key factors – which we’ll share with you in this post.

    The post Should You Hire a Web Designer for Your WordPress Site? appeared first on Themeisle Blog.

    Go to source

  • WordPress Plans Ambitious Admin UI Revamp with Design System, Galvanizing Broad Support from the Developer Community

    WordPress’ admin is on deck for a long-awaited makeover after Gutenberg lead architect Matías Ventura published plans for a revamped admin design as part of the Phase 3: Collaboration road map.

    “As WordPress turns twenty years old, the overall aim of this work is to improve upon this experience at a foundational design level, giving plugins and users more control over the navigation while ensuring each WordPress experience is recognizable, intuitive, accessible, and delightful,” Ventura said.

    His post is a follow-up to some earlier admin concepts he published a year ago which evolves the admin towards more fluid browsing and editing flows. This is similar to the block editor design that positions the admin frame as a shell that wraps around a canvas that contains the content in a zoomed state. Instead of users clicking back to access navigation tools, the tools remain present but outside of the canvas view.

    Although contributors have not yet officially produced any designs for the project, Ventura shared a light version of an admin concept.

    One aspect of the proposed plans that has energized the developer community is the prospect of the admin getting rebuilt with an extensible design system.

    “This effort is also an opportunity to formalize the design primitives and interaction paradigms that are part of the UI component system begun in wordpress/components,” Ventura said.

    “A crucial aspect is to ensure WordPress itself is built with the same pieces and APIs that plugin authors can use. Aside from color themes, our set of primitive components also need to work in dense environments like the editor, as well as environments that need more breathing room and focus like admin sections. Density, clarity, usability, and accessibility are paramount.”

    image credit: Matias Ventura – Admin Design

    The admin design concepts have renewed developers’ excitement about the future of WordPress, but they are also hoping this revamp will solve several long-standing problems with the interface.

    One recurring theme in the feedback was the need to find a way to curb the pollution of top-level menus and the out of control admin notices, which are hijacked by plugin developers in the absence of a standard notification system.

    “It’s really about aligning APIs, ensuring we have semantic descriptions of capabilities, and offering the right levels of controls for both plugins and users,” Ventura said.

    “I know it’s a fairly limited example, but there’s a nice balance in the ability to pin or unpin plugin sidebars on the editor, from the perspective that plugins can be opinionated, and users can still interact with those opinions.”

    Another challenge that concerns developers is ensuring the new design adequately accommodates WordPress sites with large numbers of posts, pages, categories, menus, comments, and other things that can easily overwhelm a UI that was intended to be simplified.

    “As part of leveraging the components across the admin interface, we need to address functional gaps (like table and list views, bulk editing operations, etc) and assist plugin needs for anything that might not be already addressed that should be addressed,” Ventura said. “Ultimately, the design library needs to be showcased in the wordpress.org website as a clear resource for people building upon WordPress.”

    Developers who participated in the comments were optimistic about the project and reacted positively to the concepts Ventura shared.

    “I often say, white space is where the magic happens,” WordPress designer and developer Brian Gardner said.

    “The light admin concept is breathtaking and gets me even more excited than I am now about the future of WordPress.”

    Several developers commented on how eagerly they are awaiting an update to a modern UI that reduces the number of page refreshes.

    “Wow! It’s gonna be amazing!” WPMarmite founder Alex Borto said. “A complete admin fluid browsing experience is much needed. I dream of navigating through the admin area without any page loads!”

    For years, WordPress developers have been expected to try to match WordPress’ dated admin UI on their settings pages and the Yoast SEO plugin drew criticism when it released version 20.0 with a new modern interface. Many users are not keen on plugins building their own UI in the admin, as it can make things more confusing. Having a standard set of UI components would make things easier for developers who are extending WordPress.

    “This gives me great optimism about securing the next 20 years of WordPress’s success,” WordPress developer Mike McAlister said. “The fact that you can do anything with WordPress is incredible, it’s probably our biggest strength.

    “But without standardized design patterns for the admin, we’ve seen that devolve into a UI/UX headache with plugin and theme developers baking their own experiences inside WordPress. Reining this in and creating a unified experience for everyone to buy into will not only make it easier on product creators, it will also be a huge win for users.”

    Ventura said this document is just an outline of the admin design project and that it will be followed up with more in-depth design explorations further down the road.

    Go to source

  • Birgit Pauli-Haack: Fostering Community Spirit Through Knowledge Sharing

    If you ask someone in the WordPress community what’s the best place to learn about the Block Editor, they will probably suggest the Gutenberg Times. The site presents a dose of news and opinion pieces from the WordPress community about the Gutenberg Block Editor.

    The mastermind behind this platform is Birgit Pauli-Haack, a WordPress Core Contributor. She personally curates the site content with inclusivity and diversity of perspective in mind. By doing so, she hopes everyone can benefit from it, no matter their background and knowledge level.

    We are lucky to write about Birgit and her project in our first WordPress Expert article series edition. Today, we will cover the genesis of Gutenberg Times, how she runs it, and the importance of knowledge sharing in open-source projects.

    The Dawn of Time

    Birgit got fascinated by Gutenberg the moment it was introduced at WordCamp Europe 2017 – just six years ago.

    She felt like she saw a raw diamond. “I believed it would make content production so much easier and richer. Truly WYSIWYG. I could see once it was merged into the core software, content creators would love it,” she says.

    But the main reason why Birgit was so interested in Gutenberg was that it allowed users to create or modify templates right from their WordPress site without any code. This means that you no longer need programming skills to tweak your site. As for Birgit, it simplifies content management for her digital agency clients.

    “When we worked with clients, we often were asked to change how posts look on various pages. For example, adding categories or removing the author. It was fast for us to do as we worked with code, but it was hard for site owners. The change is now very easy to do via the Block Editor,” explains Birgit.

    On top of that, Gutenberg can lock certain design features, like the color scheme and typography. This way, you won’t inadvertently ruin the overall design carefully crafted by the design team.

    Birgit also discovered that agency developers could use block themes for prototyping the overall design and information flow with their clients. This is great for designers who are not developers, too. Meanwhile, seasoned developers who are used to developing with classic themes can easily adapt to the block themes as they follow the same template hierarchy as the classic ones.

    However, like many people new to WordPress, Birgit needed help understanding this new technology. So, in June 2017, she started curating tweets and blog posts about Gutenberg, as she wanted to learn all about it and what other people do with it. She collected them in a social networking site, aiming to make it available to all WordPress enthusiasts.

    After all, an open-source project can only move forward if there is plenty of publicly available information.

    Half a year later, Birgit decided to create the Gutenberg Times website, so she could have a dedicated space for the information she had collected. Having a website enables her to organize her content as she wants.

    On top of that, Birgit started getting more organic traffic –people can find her site when searching for Gutenberg-specific information in search engines.

    Also, people kept asking her if she had a newsletter, which ensured her even more game up her publishing game.

    Gutenberg Times' homepage

    This wasn’t the end of her journey – now, Birgit also hosts the weekly Gutenberg Changelog podcast, where she discusses the latest Gutenberg releases with WordPress enthusiasts and experts.

    “We don’t just talk about what is in the release log – our goal is to go a little deeper into that. Kind of being up to date and on the cutting edge of things. This is because Gutenberg is the beta version of what will come with the next release,” Birgit explains.

    Recently, Hostinger’s resident WordPress Content Strategist Leonardus Nugraha, was invited to the 81st podcast to talk about WordPress 6.2.

    Birgit also holds live Q&As from time to time. Their format is a panel discussion where people can register and ask questions.

    Mission: Gutenberg 101

    Since Gutenberg’s early days, there has been a prominent debate about Classic Editor vs Gutenberg. It’s one of the biggest changes happening to WordPress this decade. Gutenberg has been constantly iterated, and not everyone is keen to learn the new interface.

    Birgit then found that the resources about Gutenberg she encountered online were most likely talking about the controversy rather than about what people could really do with it. That’s when she decided to solely focus her knowledge-collecting effort on Gutenberg: so that she and her readers could learn how to use Gutenberg to solve their problems.

    Birgit aims to make Gutenberg Times’ content as inclusive as possible, so readers with skill levels can learn what they need. Because of that, each Gutenberg Times’ content category has its own target audience.

    Gutenberg Times' News page which has multiple categories dedicated to various target audiences

    Those categories include:

    • DIY Site Owners – Dedicated to non-developers site owners, with content like tutorials of the latest Gutenberg iterations
    • For Developers – Contains in-depth documentation on topics like how to use the Gutenberg scripts.
    • Weekend Edition – This section has something for everyone – it’s where Birgit compiles the news, commentary, tutorials, plugins, or themes related to the block editor and the Gutenberg plugin every Saturday.

    As for the Gutenberg Changelog podcast, it caters to people who want to be up to date with every Gutenberg release.

    Maintaining a website with multiple types of content with different target audiences is a lot of work. Still, Birgit sees it as an essential task, especially for open-source projects like WordPress.

    Besides visionaries and geniuses, open-source projects can only be successful if someone explains to other users how to use and build on the technology.

    “The exchange of ideas, problems, and solutions is essential for an open-source community as it speeds up growth and software quality,” she says. “There are things I would not have known until I tried. When I finally know how to do it, I want everybody else to know how. So when you share it, you help everybody else in the project to become better.”

    Birgit Pauli-Haack presenting a session on stage in WordCamp Asia 2023

    On top of that, Birgit finds that explaining tech problems and solution to others helps her as well.

    “My website is a public place, but it’s also a place I can return to. For example, “How can I get a JSON file into Excel?” I have to look it up every time, but because I wrote it, I can come back to it anytime, and that’s very time-saving.”

    Behind the Scenes of Gutenberg Times

    So far, Gutenberg Times has been solely run by Birgit herself. She’s been a full-time WordPress contributor sponsored by Automattic since 2021, and running the Gutenberg Times is now part of her day job.

    “Starting out, I would not have dared to dream that after five years of Gutenberg Times, I would be able to continue to publish as part of my work, full-time, in the open-source project.” She’s grateful to all supporters who subscribed, listened, and, most importantly, shared their own ideas and suggestions.

    Birgit Pauli-Haack in WordCamp Asia 2023's Contributor Day

    When asked about the struggle of running a website alone, Birgit admits it’s challenging to find some quiet time to put everything together. “Everything is just so fascinating! Sometimes there’s just too much to do.”

    However, Birgit doesn’t see that as a struggle after all.

    “I think the struggle probably will come when every WordPress outlet and all the talks on WordCamps are all about the block editor,” she reckons.

    Birgit recalled when her friend questioned whether the Gutenberg Times would be obsolete once Gutenberg merged with WordPress’s core software. She believes the Gutenberg Times will stay relevant as long as it evolves.

    Well, WordPress is 20 years old, and Gutenberg is still five years in development. Looks like it’s nowhere near obsolescence.

    So how does Birgit keep on top of all her tasks – creating various types of content in a streamlined way? Gutenberg has a new version released every two weeks, so that must be a lot of stuff to review and update the website.

    “I make an effort to check in on what’s merged in Gutenberg’s GitHub repository every other day,” Birgit explains.

    She also keeps a habit of immediately creating notes when future publication ideas pop up. For example, she always works on the weekly Weekend Edition articles since the previous week, collecting ideas day by day.

    “When I have an idea fresh in my mind, I note it and decide whether it goes into the podcast or write it as an article.”

    Birgit points out that if you make it a daily habit, it will feel like a small piece of work. Then, schedule when you will process that certain set of ideas. “The Weekend Edition is published every Saturday, so I will check my notes on Friday afternoon and see what I have flagged for this week’s edition, and then I’ll assemble it.”

    Sorting her ideas like that especially helps since Birgit also works on some other Gutenberg-related documentation. For example, she co-edits the What’s New for Developers monthly roundup for the WordPress Developer Blog, and edits the Keeping up with Gutenberg Index in the Core Handbook every week.

    She also funneled the material from the official documentation into the Gutenberg Times’ Weekend Edition and Gutenberg Changelog podcast. This way, she kills two birds with one stone as she adapts the same information for various channels.

    Is Block the Future?

    Since its first release in 2018, the Gutenberg project has undergone several phases. Phase 1 was the birth of the Block Editor, Phase 2 was all about merging full site editing into WordPress. Now in 2023, it’s time for Phase 3, which will focus on collaborative editing.

    At its beginning, Gutenberg might look like ‘just’ an option available to give WordPress users more creative freedom. But as time goes by, it becomes quite clear that the Block Editor, blocks, and new interfaces will sooner or later take over the current WordPress in various aspects.

    “It can still take a few years until it all comes to pass. It’s a gradual change, but they will come. And for many years, the Classic Editor will not go away.” says Birgit. “If you’re in the web-building business, change is the only constant in your life.”

    Birgit also emphasizes that WordPress won’t just take out the Classic themes. WordPress will always have backward compatibility for its features, plus the Block Themes actually follow the same template hierarchy as the Classic ones.

    However, she suggests developers should adapt and familiarize themselves with this Gutenberg-powered website creation to push the boundaries of what’s possible.

    The Block Editor also opens up vast possibilities for everybody with a creative streak, even if they don’t have a technical background, to create Block Themes with a plugin. “They can do it right in the editor, export it, and then you have a theme. You don’t need to code,” Birgit underlines the no-code future that is now opened more inclusively.

    And for Gutenberg enthusiasts out there who also want to share their knowledge with the community but are still determining where they will share it, there are several alternatives. One of Birgit’s suggestions is to contribute to the open-source project by filing bug reports from Gutenberg’s GitHub repository.

    This is an important task because sometimes users experience a feature differently than the developers.

    “There are various ways to handle certain features, and we need to figure out all the different ways people use things,” – Birgit says. This way, community members can build on each other’s knowledge and improve both their skills and WordPress development.

    The post Birgit Pauli-Haack: Fostering Community Spirit Through Knowledge Sharing appeared first on Hostinger Blog.

    Go to source

  • Is WordPress Hard to Learn in 2023?

    If you want to launch a website, the first step is to decide how you’re going to build it. As a powerful and highly customizable platform, WordPress is an excellent choice for the job. But, if you’re a beginner, you might be wondering – is WordPress hard to learn? The short answer is “no” and we explain why in this post.

    The post Is WordPress Hard to Learn in 2023? appeared first on Themeisle Blog.

    Go to source

  • WordPress 6.3 Makes the “Edit Site” Link Open the Current Template

    WordPress 6.3 will make site editing several clicks faster for users who are moving from the frontend to edit the corresponding template. When you click the “Edit Site” link in the admin bar from a category page, for example, you currently get dumped out into the Site Editor on the home page. From here it’s several clicks more to get to the template you intended to edit. The upcoming release changes it so that the “Edit Site” link is aware of the current template.

    WordPress developer Brian Coords pointed out the fix on Twitter today. It’s a delightful bit of good news for anyone who works regularly with the Site Editor and becomes annoyed by how long it takes to click through to the applicable template. WordPress is now more context aware, delivering site editors to the correct template directly from the admin bar.

    The update applies to posts, pages, archives, 404 templates, front page, and anywhere the user happens to be on the frontend. Check out the Gutenberg issue and the related WordPress Trac ticket for more technical details on how contributors arrived at this implementation.

    This small fix is important because it removes the requirement for the user to have to know the name of the template they intend to edit. It’s now as easy as clicking directly from the frontend. The more WordPress can reduce friction and the need to have special knowledge in order to edit templates, the more accessible it becomes as a design tool for someone who is just starting out and has no framework for the idea of underlying templates.

    WordPress 6.3 is on track to be released with this fix on August 8, 2023. Beta 4 landed today with 40+ (Editor) and 60+ (Trac) updates since Beta 3, and RC 1 is expected next week.

    Go to source

  • Effortlessly Streamline WooCommerce Checkout: Remove Fields with Ease!

    Are you tired of the lengthy and complicated checkout process in your WooCommerce store? Do you want to provide a seamless and hassle-free experience for your customers? Well, we have great news for you! With just a few simple clicks, you can remove unnecessary fields from the checkout page and streamline the entire process. In this article, we will guide you through the steps to effortlessly streamline your WooCommerce checkout, making it quick and convenient for your customers.

    Say Goodbye to Unnecessary Fields: Streamline WooCommerce Checkout!

    One of the most frustrating aspects of online shopping for customers is a lengthy and complicated checkout process. Customers want to complete their purchase quickly and easily, without being bombarded with unnecessary fields that only slow them down. Thankfully, with WooCommerce, you have the power to eliminate those unnecessary fields and create a streamlined checkout experience.

    By removing irrelevant fields, you can significantly reduce the time it takes for your customers to complete their purchase, increasing their satisfaction and likelihood of returning to your store. Additionally, a simplified checkout process can also help reduce cart abandonment rates, as customers are more likely to proceed with their purchase when faced with a quick and straightforward checkout.

    Remove Annoying Checkout Fields with a Few Simple Clicks!

    With WooCommerce, removing unnecessary checkout fields is incredibly easy. Simply navigate to the WooCommerce settings and click on the “Checkout” tab. Here, you will find a list of all the fields that appear on your checkout page. Each field has a checkbox next to it, allowing you to select or deselect it based on your preferences.

    You can remove fields such as “Company Name,” “Phone Number,” or any other information that you deem unnecessary for the checkout process. Once you have made your selections, save the changes, and your checkout page will now be free from those annoying fields. It’s as simple as that!

    To remove fields manually from the WooCommerce checkout page, you can follow these steps:

    1. Create a Child Theme (optional): It is recommended to create a child theme before making any modifications to the WooCommerce files. This ensures that your changes won’t be lost when WooCommerce updates. If you already have a child theme, you can skip this step.

    2. Access the theme files: Navigate to your WordPress installation directory and locate the active theme’s folder. The path should be something like: wp-content/themes/your-theme/.

    3. Locate the checkout template file: Inside your theme folder, find the WooCommerce templates directory. The path should be: wp-content/themes/your-theme/woocommerce/checkout/.

    4. Identify the field you want to remove: Open the form-checkout.php file within the checkout folder. This file contains the HTML structure for the checkout page. Identify the field you want to remove based on its HTML markup or field label.

    5. Comment out or remove the field: To remove the field, you can either comment it out or remove the corresponding HTML code. To comment out the code, wrap it with <!-- at the beginning and --> at the end. For example:

    <!-- <p class="form-row form-row-wide">
    <label for="billing_phone">Phone</label>
    <input type="tel" class="input-text" name="billing_phone" id="billing_phone" placeholder="Phone" value="" />
    </p> -->
    

    Alternatively, you can delete the HTML code entirely.

    6. Save the changes: Once you have commented out or removed the field, save the form-checkout.php file.

    7. Check the checkout page: Go to your WooCommerce checkout page and refresh it to see the changes. The field you removed should no longer appear.

    By following these steps, you can remove unwanted fields from the WooCommerce checkout page. Remember to take necessary precautions, such as using a child theme, to avoid losing your changes when updating WooCommerce or your theme.

    In conclusion, streamlining your WooCommerce checkout by removing unnecessary fields is a simple yet highly effective way to enhance the shopping experience for your customers. By making the process quick and hassle-free, you can increase customer satisfaction, reduce cart abandonment rates, and ultimately boost your sales.

    So, why wait? Take a few moments to review the fields on your WooCommerce checkout page and remove any that are not essential. Your customers will thank you for the seamless and efficient shopping experience, and you will reap the benefits of increased conversions and customer loyalty. Streamline your WooCommerce checkout today and see the positive impact it has on your online store!

  • Boost User Experience: Effortlessly Add Scroll Back Button in Elementor!

    Are you looking to enhance the user experience on your website? Look no further! In this article, we will show you how to effortlessly add a scroll back button in Elementor. This simple yet effective feature will make it easier for your visitors to navigate through your content and improve their overall experience. So let’s dive in and see how you can boost user experience with this fantastic addition!

    Improve UX with a Scroll Back Button

    When it comes to user experience, small details can make a huge difference. Adding a scroll back button to your website can greatly improve navigation for your visitors. With this feature, users no longer need to manually scroll back to the top of the page after scrolling down. Instead, they can simply click on the scroll back button and effortlessly return to the top. This not only saves time but also enhances the overall user experience by providing a seamless and intuitive way to navigate through your content.

    Implementing a scroll back button in Elementor is incredibly easy. Elementor is a popular and powerful page builder for WordPress that allows you to create stunning websites without any coding knowledge. By utilizing its features and functionalities, you can effortlessly add a scroll back button to your website. Simply choose the scroll back button widget from Elementor’s widget library, customize its appearance to match your website’s design, and place it anywhere on your page. It’s that simple!

    Easily Enhance Elementor with a Scroll Back Feature

    Adding a scroll back button to your Elementor-built website is a breeze. Elementor provides a wide range of pre-designed widgets, including the scroll back button widget, which can be easily customized to suit your needs. With just a few clicks, you can adjust its position, size, color, and other settings to match the overall design of your website. Whether you want a discreet button in the corner or a bold and eye-catching one, Elementor gives you the flexibility to create the perfect scroll back button that seamlessly blends with your site’s aesthetics.

    Don’t let your visitors struggle with scrolling back to the top of your page. Enhance their user experience by adding a scroll back button to your Elementor website. With this simple yet effective feature, you can provide a smooth and enjoyable browsing experience for your users. So why wait? Give it a try and see the positive impact it can have on your website’s usability and overall user satisfaction!

    In conclusion, by adding a scroll back button to your Elementor-built website, you can significantly enhance the user experience. With just a few simple steps, you can effortlessly implement this feature and provide your visitors with a seamless and intuitive way to navigate through your content. So go ahead and give it a try! Your users will thank you for the improved usability, and you will enjoy the positive impact it has on your website’s overall performance. Happy scrolling!

  • WordPress 6.3: What’s Coming In the Next Major Update

    The development of WordPress 6.3 is in full swing – the beta version is undergoing rigorous testing, and the Release Candidate is anticipated later this month. WordPress 6.3 introduces many enhancements to the editor by integrating Gutenberg versions 15.2 to 16.1 into the WordPress core.

    In this article, we’ll explore the upcoming features of WordPress 6.3 and explain how you can test it prior to the final release. Let’s delve into what you can anticipate in the next version.

    New Features in WordPress 6.3

    The aim is to perfect the Site Editor before shifting the focus to Phase 3 of the Gutenberg project. Therefore, it’s no surprise that many of this release’s enhancements are centered around the interface and workflow of the Site Editor.

    Patterns

    Two notable changes in WordPress 6.3 are the renaming of reusable blocks to patterns and the introduction of synced and unsynced pattern options. Although it sounds complicated, it essentially merges reusable blocks and patterns for better customizability and ease of use.

    Up until now, creating custom patterns in WordPress was limited to three methods – utilizing the WordPress pattern directory, using a pattern management plugin, or adding pattern PHP files in the installation folder. None of these methods currently allow the creation of patterns via the Site Editor.

    WordPress 6.3 streamlines pattern creation, mirroring the process of creating a reusable block. You can customize a block or group of blocks and select Create pattern from the block toolbar menu.

    The create pattern option in the block toolbar options

    Once the pattern creation pop-up appears, you’ll find the Keep all pattern instances in sync toggle option. It determines whether the pattern will be synced or unsynced.

    Synced patterns, akin to reusable blocks, apply changes site-wide and are housed under the Synced patterns tab on the block inserter panel.

    Synced patterns tab on the block inserter

    On the other hand, unsynced patterns can be inserted and edited on any page or post independently without affecting the same patterns used elsewhere. They appear under the My patterns category on the block inserter panel.

    My patterns section on the block inserter

    Seamless Editing in the Site Editor

    The Site Editor will receive a substantial makeover in WordPress 6.3. If you use the Gutenberg plugin, you have probably noticed the incremental appearance of alterations since version 15.2. If you haven’t, the revamped Site Editor promises a more efficient, user-friendly experience.

    Updated Navigation Sidebar

    The existing navigation sidebar, which currently consists of Templates and Template Parts, will be expanded in WordPress 6.3 to streamline navigation between editor components.

    The updated navigation sidebar, showing five new menu items.

    Here’s a brief overview of the newly designed menus:

    • Navigation. This menu houses the links available on your navigation block, allowing you to rearrange or remove menu items easily. Note, however, that you can’t add new links here.
    • Styles. This menu lets you choose and preview the style variations of your theme. There are also buttons to navigate to the style book and the global styles panel.
    • Pages. This menu lists all available pages on your website, including drafts. What’s new in this version is that you can open and edit the page directly via the Site Editor, eliminating the need to go to the dedicated page editor.
    • Templates. Like in the current version, it lists all available templates and lets you select one for editing. There’s also the option to create a new template.
    • Patterns. This replaces the previous Template Parts menu, and it contains template parts and both synced and unsynced patterns.

    Command Palette

    Introduced as the experimental Command Center in Gutenberg, Command Palette provides a quicker way to navigate between templates, open specific panels, or create a new post or page.

    This feature is located at the top of Site Editor, where you can see the name of the template you’re viewing. Alternatively, use the CTRL+K keyboard shortcut to open it. Once you’re in the command palette, simply search for the panel you want to open or the task you want to do.

    Command pallete location on the editor

    For example, if you’re editing the home template and want to quickly go to a page and edit it, just type the page name on the command palette and click on it – this will take you to the page.

    Command pallete interface, with post query as an example

    Style Revision

    WordPress 6.3 introduces a handy style revision panel, which lets you revert global style changes. Accessible through the ellipsis icon on the global styles panel, this feature presents a list of available revisions, time stamps, and users who made the changes. Simply select the version you wish to revert to and click Apply.

    The style revision panel on the editor

    Switching Between Page Editing and Template Editing

    We’ve mentioned that you can edit pages directly via the Site Editor. But what if you want to edit the template to adjust its layout?

    You don’t have to use the navigation sidebar or command palette to open the template. Simply open the Settings panel, and you will see the Edit template option at the bottom of the Page tab.

    The option to edit template

    Reducing Distractions in the Site Editor

    There are a couple of improvements to reduce the distraction in the Site Editor so that you can work more efficiently.

    The first is the availability of the distraction-free mode. This is currently only available on the page and post editor for content creation. In WordPress 6.3, it will be available for the Site Editor too.

    In case you’re not familiar with it, the distraction-free mode essentially hides all side and top panels and disables the block toolbar so you can focus on editing the content.

    The second improvement is made to the Top toolbar feature. Instead of adding the block toolbar on an additional level at the top, making it take up more space, in WordPress 6.3, the block toolbar will be placed at the same, single top panel.

    The toolbar located at the top panel when the top toolbar feature activated.

    Block Improvement

    As with any significant update, WordPress 6.3 will introduce improvements to blocks, including the addition of three new blocks:

    • Details. This block comprises a title at the top and a collapsible nested block section. It’s useful for compactly presenting extensive content such as code snippets, product specifications, and spoilers.
    An example of a detail block
    • Footnotes. Useful for adding citations, the footnotes block can be accessed by selecting the text you wish to cite, clicking More on the block toolbar, and selecting Footnote. The footnotes block will automatically be added at the end of your content.
    Footnote option to create a footnote block after selecting a text

    In addition to these new blocks, WordPress 6.3 offers new customization options, including caption styling for the image block. Accessible through the styles panel, this feature lets you tailor the font, size, and appearance of the caption text.

    Dropped Support for PHP 5

    WordPress has supported PHP version 5.6.20 since 2019. However, with only 3.9% of monitored installations currently using PHP 5.6, the Core Team has decided to drop support for PHP 5.6.20 and elevate the minimum supported version to 7.0.0. Note that the recommended PHP version remains the same – 7.4 or greater.

    Pro Tip

    Using newer versions of PHP has many benefits, including better performance and security. If you still use PHP 5.6, you can easily change the PHP version settings via hPanel.

    Testing and Release Schedule

    Right now, WordPress 6.3 is still being beta tested. The first Release Candidate is set to launch on July 18, 2023, with the final release scheduled for August 8, 2023.

    We encourage you to test the development version, especially once the Release Candidate is released. By doing so, you can preemptively identify any compatibility issues, especially if your website contains custom code or utilizes various plugins and themes.

    If you are a theme or plugin developer, testing the development version is crucial to ensuring your product is compatible with the new version upon release.

    Pro Tip

    Always perform testing on a staging site. The staging environment feature is available with select Hostinger hosting plans. Read our WordPress staging tutorial on how to set up a test environment.

    There are two easy ways to get the development version. You can use the WordPress Beta Tester plugin. Choose the Bleeding Edge channel and the Beta/RC Only stream from the plugin’s settings panel. Once set, you’ll be able to update your test site to the development version.

    Alternatively, you can manually download and install the development version. While it’s perfectly fine to experiment with the new version on a blank WordPress website, this method can be difficult if you want to test it with a copy of your site.

    The post WordPress 6.3: What’s Coming In the Next Major Update appeared first on Hostinger Blog.

    Go to source