Additional tags ie h1 and blockquote

Hi Mark,

I made it a bit unclear by using the h1 and blockquote in a toolbar without defining them first. This is where they can be defined:

After you have pressed the “copy files to theme button” on the plugin options page, you will find a folder /direct-edit in your theme directory. In the file /direct-edit/js/direct-edit-custom.js the functionality of buttons is defined. Insert on line 59:

blockquote: {
   command: 'formatBlock',
   commandValue: 'blockquote',
   tooltip: 'quotation',
   icon: 'direct-icon-quote'
},
h1 : {
   command: 'formatBlock',
   commandValue : 'H1',
   tooltip: 'header 1',
   icon: 'direct-icon-h1'
},

At the bottom of the file you see some other butttons. Also there are some buttons that should actually be outcommented at the bottom, ‘p-lead’ and ‘p-normal’. I created them for one of my own projects and forgot to remove them. As you can see these are files meant to be customized according to your own needs.

Buttons are attached to toolbars in direct-edit/options/direct-options.json, you found this file already. You see settings for ‘title’, ‘plain’, ‘inline’, ‘basic’, ‘rich’ etc. Only ‘title’, ‘inline’ and ‘rich’ are used, respectively for titles, excerpts and content. The others are not used in the free version.

I hope it is a bit clear ?? If not, feel free to ask more.

Hi Carlo, thanks for the quick response. I’ve tried your suggestion but the h1 and blockquote are still not showing on the frontend. I looked in the .json file and can’t see there is anything I need to update since the h1 and blockquote are already entered.

"rich": {
		"type": "text",
		"format": "block",
		"buttons": {
			"format": ["b", "i"],
			"block": ["p", "h1", "h2", "h3", "h4", "blockquote"],
			"align": ["left", "center", "right"],
			"list": ["ul", "ol"],
			"insert": ["link", "image", "file", "video"]
		},

What am I missing?

I love that I can customise the edit toolbar, in fact I may well keep your p-lead etc as I use bootstrap for most of my work now. Being able to add classes is brilliant ??

OK, quick update. Sorry should have tried this last night but was a bit tired. Seems the issue is a theme conflict, when I change to Twenty Thirteen all is working well. The theme I am using is themecraft’s _tk wordpress bootstrap starter theme which is based on “_s” by Automattic

Cheers, Mark

I will try your theme tomorrow, but it looks like something different.

Did you maybe make your changes in this folder: ?
/wp-content/plugins/direct-edit/theme?

When you press ‘copy files to theme’ this folder is copied to
/wp-content/themes/[active theme]/direct-edit

When this folder exists, the first folder is ignored. If you then change your theme, your changes become visible.

This functionality is meant to be able to update DirectEdit without losing your changes. The same might be true for child themes, it is therefore recommended to use child themes.

“If you then change your theme” – I mean, “if you then switch themes”

about using p-lead buttons, be sure you also use p-normal instead of just p. p-normal will remove classes.

It would be great if people submitted their own button definitions. Note that the entire project is on github as free software. Just clone it and make your improvements. If I like them, I might take them on board.

I can’t edit my own comments here, why is that?

“The same might be true for child themes, it is therefore recommended to use child themes.”

I mean: “You dont want to overwrite your changes by a theme update, it is therefore recommended to use child themes in combination with the ‘copy files to current theme’ button.”

Hi Carlo, you said in the original response …

you will find a folder /direct-edit in your theme directory

I simply did not read this properly and was indeed changing the plugin files and not the files in the theme directory. It is all working perfectly now, sorry for wasting your time.

Cheers, mark

I am glad it works!

Good luck, Carlo