Added google fonts in editor

  • rickhellewell

    #8577

    Looking at this theme’s capabilities. One major issue for the owner is that the post/page editor accurately show all formatting as it will appear when published. This includes any added Google fonts, colors, blockquotes, graphics, etc.

    So need to ensure that the above customizations will appear and be usable in the editor. Added fonts should show up in the ‘fonts’ dropdown (I added the TinyMCE plugin). Blockquotes formatting should appear in the editor the same as on the published page, The same for all customizations via Theme Options: the editor should show exact same visual as the published page.

    All of this without using child themes, or modifying theme code. And a fully responsive site, with pinch/zoom enabled on appropriate devices.

    Is this capability available in the theme?

    THanks…Rick…

    Mod

    Kenneth John Odle

    #41516

    I’m not sure that all of this is available in any theme without using child themes or modifying theme files. WordPress’s visual editor is not meant to be a WYSIWYG (what you see is what you get) editor, but a WYSISTWYWG (what you see is similar to what you will get).

    Quote:
    One major issue for the owner is that the post/page editor accurately show all formatting as it will appear when published. This includes any added Google fonts, colors, blockquotes, graphics, etc.

    I would introduce them to WordPress’s preview feature.

    rickhellewell

    #41517

    The Graphene theme seems to be close to my needs, especially in the Editor screens. With the TinyMCE Advanced plugin installed, the Editor screen looks to be similar to the published post.

    The WordPress add_editor_style seems to be the solution, if the theme supports it. If the theme’s main css is also placed in the editor-style.css, then add_editor_style will (according to what I have researched) use the editor-style.css in the editor screen. That should create an editor environment that is very close visually to the published post.

    If the theme could also ensure that any added fonts (via custom css or font-selection pages) also appeared in the editor-style.css file, then those fonts should also be available in the editor font dropdown (that is shown via the TinyMCE Advanced plugin.

    That combination should, if set up properly by the theme, plus the TinyMCE Advanced plugin, should get the editor screen to look very similar to the published pages.

    …Rick….

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.