This guide was created with Scribe in 30 seconds. Sign in and create your own!
Adding a Button to the CK Editor
Riley Skipper |
0 step |
30 seconds
Let's say I want to add content into this section, maybe underneath the current button, "Request Duplicate Certificate".
Zoom Saved
2
Click "Edit"
Zoom Saved
3
I'm going to add a line of text underneath the button, titled "Another button".
Zoom Saved
4
Highlighting the line that I want to be the button text, click the link icon.
Zoom Saved
5
In the link URL field, I am adding the URL. For example, I am adding <https://google.com>.
Zoom Saved
6
Click "Save"
Zoom Saved
7
You can always edit by re-highlighting and clicking the pencil icon in the following prompt.
Zoom Saved
8
I am going to enter a "Title" field. This is good ADA practice, because it gives a description to screen readers. I am adding the name of the link, so "Google", and saving.
Zoom Saved
9
With the link highlighted, Click "Styles" in the toolbar.
Zoom Saved
10
Scroll down, and there are options for button styling. You can choose various button colors, and button outline colors. For example, I will choose standard red button.
Zoom Saved
11
Enter a revision log message and Save page edit.
Zoom Saved
12
Here is the button displayed on front end.
Zoom Saved
Have something to say?Create an account to leave messages for the author to see!Create an account
Feedback
This Scribe is in tip-top shape!Leave feedback if there are any issues with this Scribe