Community Forums › Forums › Archived Forums › Design Tips and Tricks › HTML in Text Widget
Tagged: code editor, html, text widget
- This topic has 9 replies, 3 voices, and was last updated 8 years, 3 months ago by Brad Dalton.
-
AuthorPosts
-
December 9, 2015 at 3:15 am #173280nomisMember
Hi,
I have found an effective way of manipulating the page layout in Genesis is to enter HTML into a Text Widget and then target it in the CSS file. This seems to work particularly well with a widgetized front page.
However, it's much easier for me to use my code editor (Sublime Text) to enter HTML, rather than typing it directly into the Text Widget. So does the Text Widget create a specific HTML file that I can edit directly in my code editor?
Thanks in advance for your help 🙂
si
December 9, 2015 at 3:42 am #173281Brad DaltonParticipantDecember 9, 2015 at 4:15 am #173282nomisMemberOkay, but is the content of the widget editable in an actual file. When you insert a text widget, is an editable file generated or is it all generated from deep within the backend?
December 9, 2015 at 4:27 am #173283Brad DaltonParticipantDecember 9, 2015 at 8:31 am #173329nomisMemberThanks braddalton. Little bit confused, if I'm honest, but I think that the gist is that it's easiest to continue just entering the HTML directly into the Text Widget.
December 9, 2015 at 12:06 pm #173350IDX LeadsMemberI think I know what you are asking and if so I find it easiest to create a draft post, then copy and paste from the draft post into the text widget. This way it is editable, previewable and saved as a file.
Esse quam videri
December 10, 2015 at 5:58 am #173405nomisMemberHere is an example of the sort of thing that I will put into a text widget:
<p> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/Logo_2.png" height="403" width=“386"> </p> <p class=“raytype"> Ray International Cultural Communication Ltd. </p> <h2 class="thumbs">What Do We Do?</h2> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/small_1.png" class="thumb"> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/small_2.png" class="thumb"> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/small_3.png" class="thumb"> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/small_4.png" class="thumb"> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/small_5.png" class="thumb"> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/small_6.png" class="thumb"> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/small_7.png" class="thumb"> <img src="http://rise-webdesign.com/wp-content/uploads/2015/11/small_8.png" class="thumb"> <p> <a class="button clear white" href="http://rise-webdesign.com/sub-page-11/">Our Work</a> <a class="button clear white" href="#front-page-5">Lets Talk</a> </p>
December 10, 2015 at 6:01 am #173406Brad DaltonParticipantDecember 10, 2015 at 6:52 am #173424nomisMemberIt's just that I'd rather type this sort of thing into my code editor (with it’s code completion, linter etc.) rather than directly in the text widget, but perhaps I'm just being too fussy. I guess I can just cut and paste to see the result.
December 10, 2015 at 8:21 am #173426Brad DaltonParticipantYou can add a custom editor to a custom widget if you like but that would require the use of a plugin like ACF or custom code.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.