Me, I really dislike FOUT. I like that it’s an option, because not displaying text quickly on the web is no good. I know font-display: swap; is popular because it’s good for performance, but that FOUT stuff pains me. Matt Hobbs:
If there’s one thing I’d like readers to take away from this post it’s that font-display: swap is a very good option for users with a fast internet connection. But its infinite swap period could be frustrating for users on very slow and unstable connections. If you have users viewing your site under these conditions (I’m pretty certain you will at some point in time), then it may be worth considering font-display: fallback or even font-display: optional.
Seeeee, I told ya. I like how font-display: optional; totally stops FOUT. The font is either applied super fast, or isn’t used at all (but still downloaded async). Chances are, on the next page load, the font is loaded and cached and will be used.
Note this is about slow connections, not necessarily connections where the user would prefer as little data usage as possible. If that’s the case, check out some of the recent posts we linked up in Responsible, Conditional Loading.
There comes a time in our lives when we feel stuck and unmotivated, and naturally, many of us have struggled with this. If you’re looking for a new approach to your creative practice or are lacking inspiration, these four photographic techniques can help broaden your creativity. Infrared Photography and Effects Infrared photography records otherworldly scenery […]
Creating a professional email address is straightforward. Many providers come with intuitive setup wizards, which will guide you through the process. Plus, you’ll benefit from additional collaboration tools, which you can share with your team or use on your own.
In this episode, we’re taking a look back at 2020. Who did we speak to in our episodes this year, and what did we learn? Let’s listen back to some clips to find out.
Show Notes
You can find all of our past episodes, including a full transcript of every interview at podcast.smashingmagazine.com.
Twitter recently informed its developer community of updates to its API v2, including new resources intended to support conversation reply settings, a new feature that allows users to specify who can reply to their Tweets.
It seems that almost every discipline imaginable is undergoing a digital transformation these days. That includes the art, science, and culture world of museums.
Hi, the DSL had intermittent problem. The service provider came and fixed the problem.
As a result of the brief problem, my Netgear N600 WIFI Range Extender ceased connecting to the Internet via WIFI DSL modem (internet light won't turn on). I have done all the requirements including factory reset, power off, etc. to no avail. My other wireless devices(cell phones) which use to operate normally with the Netgear are unable to communicate to the Netgear either.
My Desktop CPU has only 1 Ethernet port which I currectly use to connect the CPU to the DSL. I am unable to connect the Netgear to the CPU as well.
This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct first column with grid-column-start.
Thoughts:
I’d go with an <ol> rather than a <ul> just because it seems like days are definitely ordered.
The days as-a-list don’t really bother me since maybe that makes semantic sense to the content of the calendar (assuming it has some)
But… seeing the titles of the days-of-the-week as the first items in the same list feels weird. Almost like that should be a separate list or something.
Or maybe it should all just be a <table> since it’s sort of tabular data (it stands to reason you might want to cross-reference and look at all Thursdays or whatever).
Do you want to add extra profile fields for users to fill in when they register on your WordPress website?
Maybe you want to allow users to submit their social media profiles. Or you might want them to submit their business phone number when registering. This can all be done by adding additional profile fields.
In this article, we will show how to easily add additional user profile fields in WordPress registration forms.
Why Add Additional User Profile Fields in WordPress Registration?
By adding more user profile fields to your WordPress website’s registration form, you can collect extra information from users to improve your marketing campaigns, personalize content, or simply learn more about your audience.
For example, you can ask your users to provide their phone numbers or social media profiles when registering on your WordPress site.
All of these extra fields can be handy if you run a membership website or allow users to sign up as subscribers to your blog. They can also be helpful if you want to store extra contact information for the other writers on your multi-author blog.
That being said, let’s see how to easily add additional user profile fields in WordPress. For this tutorial, we will be discussing two methods, and you can use the links below to jump to the method of your choice:
Method 1: Add Custom User Profile Fields Using Advanced Custom Fields (Recommended)
The best way to add extra user profile fields in WordPress is to use the Advanced Custom Fields plugin. It lets you choose from multiple fields and customize them to fit your needs.
Upon activation, you need to head to the ACF » Field Groups page from the WordPress admin sidebar and click the ‘+ Add Field Group’ button.
This will take you to a new page where you can start by typing a name for the field group.
Keep in mind that this will be the name of the entire field group and not the individual user’s field.
After that, scroll down to the ‘Fields’ section and choose a field type from the dropdown menu.
For example, if you want users to provide their phone number upon registration, then you can choose the ‘Number’ option. Alternatively, if you want users to provide their social media profiles, then you can pick the ‘Text’ option.
Once you have done that, just type the name of your field into the ‘Field Label’ option. For instance, if you want users to provide their Twitter handle before registering, then you can enter that into the field.
The plugin will then automatically generate a field name according to your label name.
Next, you must switch to the ‘Validation’ tab from the top. From here, you can make the field required by toggling on the switch. This way, users won’t be able to register on your WordPress site without filling in the additional field.
After that, you can even set a character limit for your custom field.
Now, switch to the ‘Presentation’ tab from the top.
Once you are there, you can add placeholder text, instructions, and wrapper attributes for your additional user profile field.
Next, scroll down to the ‘Settings’ section and make sure that the ‘Location Rules’ tab is selected. From here, you must set up conditional logic for your custom field so that it will only be displayed for your WordPress site registration.
To do this, select the ‘User Form’ option from the dropdown menu in the left corner of the screen. After that, choose the ‘Register’ option from the dropdown menu in the right corner.
Finally, click the ‘Save Changes’ button at the top of the screen to store your settings.
If you want to add another additional field, then you can also click the ‘+ Add Field’ button.
Now visit your user registration page to view the additional user profile field in action.
This is how it looked on our demo website.
Method 2: Add Additional User Profile Fields With Profile Extra Fields (Easy & Simple)
This method allows you to quickly and easily add extra fields to user profiles and user registration forms in WordPress. It is a little less flexible, but it gets the job done.
Once the plugin is activated, it’s time to create some additional user profile fields to use on your registration forms.
We are going to create a phone number field as an example, but you can add as many of these fields as you want.
First, visit the Profile Extra Fields » Add New page from the WordPress admin sidebar. From here, type the name of the field next to the ‘Name’ option.
For example, if you are creating a field for users to submit their phone number, then you can type ‘Phone Number’ as the field name.
After that, select a field type from the dropdown menu. If you are adding a social media profile field, then you can use the ‘Text Field’ option.
However, if you want a field for phone numbers, then you need to select that option from the dropdown menu.
After that, you can also type a pattern for your phone number field or add a description for it.
Next, scroll down to the ‘Field Properties’ section and check the boxes for the user roles that you want this field to be displayed for.
For instance, if you want this field to be displayed for all the authors registering on your WordPress site, then you can check the box next to this user role.
You can choose as many user roles as you want.
Next, you can also check the ‘Required’ box if you don’t want users to register without filling in this field in the form. Make sure that the ‘Always Show in User Registration Form’ box is checked so that your user field will be displayed in the form.
Finally, click the ‘Save Changes’ button to store your settings.
Now, you will need to go into your WordPress dashboard to change some settings for new registrations.
Head to the Settings » General page in your WordPress admin area and then check the membership box so that anyone can register on your website.
Next, you need to make sure that the default role is set to the role which you have added extra fields for. After that, click the ‘Save Changes’ button to store your settings.
This way, you can control the level of access new users have, and this will force the registration form to show the fields you selected earlier in this tutorial.
Here’s what the default registration form looked like on our demo website.
Bonus: Make a Custom User Registration Form in WordPress
The methods in this tutorial have shown you how to add extra user profile fields to the default WordPress registration form.
However, if you would like to create a custom user registration form in WordPress, then you can also easily do that by using the WPForms plugin.
It is the best WordPress form plugin that allows you to design your own user registration form using drag and drop. It also integrates seamlessly with plugins like Advanced Custom Fields, so you can easily insert additional user profile fields.
Sara Soueidan digs into this HTML/UX situation. “Yes” or “no” is a boolean situation. A checkbox represents this: it’s either on or off (uh, mostly). But is a checkbox always the best UX? It depends, of course:
Use radio buttons if you expect the answer to be equally distributed. If I expect the answer to be heavily biased to one answer I prefer the checkbox. That way the user either makes an explicit statement or just acknowledges the expected answer.
If you want a concrete, deliberate, explicit answer and don’t want a default selection, use radio buttons. A checkbox has an implicit default state. And the user might be biased to the default option. So having the requirement for an explicit “No” is the determinig factor.
So you’ve got the checkbox approach:
<label>
<input type="checkbox">
Yes?
</label>
Which is nice and compact but you can’t make it “required” (easily) because it’s always in a valid state.
So if you need to force a choice, radio buttons (with no default) are easier:
From as early as 2016, experts have been predicting that voice searches will eventually make up a significant percentage of Google searches worldwide. Now that more people are using smart devices such as Google Home, Alexa, and Siri at home, voice search capability is becoming less of a novelty and more of a must-have for […]
Sendbird, a chat and messaging services provider, has announced several updates to its chat offerings that the company hopes will allow developers to better adapt to a communication environment that has been reshaped by COVID-19. These Updated include new partitioning options for Open Channels, IP whitelisting, and message threading.