HTML in Text Widget

[nomis]

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

[Brad Dalton]

The text widget is generated by code in WordPress.

---

Tutorials for StudioPress Themes.

[nomis]

Okay, 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?

[Brad Dalton]

No but the widget does include a filter.

---

Tutorials for StudioPress Themes.

[nomis]

Thanks 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.

[IDX Leads]

I 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

[nomis]

Here 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>

[Brad Dalton]

Looks ok to me. I would just add it in a text widget.

---

Tutorials for StudioPress Themes.

[nomis]

It'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.

[Brad Dalton]

You 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.

---

Tutorials for StudioPress Themes.

[Author]

Posts