How to Code HTML to WordPress – Part 7

Hi, My name is Andy Leverenz. I design, code, and am an author of things. Check out my agency called Couple of Creatives ( and my blog Web-Crunch (

Continuing on from Part 6 of my How to Code HTML to WordPress screencast series I begin to make the final push to my the HTML theme fully implemented with WordPress.

Two Sections to Go
In this video, I tackle two sections of the design. A review section is up first where a simple background image, heading, and review text is wired up to our home page using the Advanced Custom Fields plugin.

The final section before the footer features a contact form. For this form and for my own sanity I made use of a plugin called Ninja Forms. I really like this plugin over many other out there. The interface you interact with when creating new forms is pretty gratifying compared to others. Being a designer I appreciate that extra attention to detail.

Ninja Forms
Using Ninja Forms you can create forms to use throughout your site. I include a form on the page by defining a custom field and then propagating it with a shortcode generated from the plugin.

From there you simply echo that variable out inside your template like so:

#php echo do_shortcode($myformshortcodevariable);

After I got the form set up I went ahead and did my best to match the styles of our original HTML template. By default, the form plugin introduces new HTML into the mix so I needed to modify our styles slightly to achieve the same result.

💻 Previously published at:

💻 Check out the blog:

💡 👫 Check out my agency:

🚀 Links:
Twitter(Personal Account):

📘Check out my book on UX Design:
“LUXD: Learn User Experience Design”

📙 Check out my book on Tumblr Theming:
“Pro Tumblr Theming”

📌Recommended Stuff I Use to Shoot Video:
Canon EOS Rebel SL1 –
Linco Lighting Set –
Logitech HD Pro Webcam C920 –
Rode NT-USB Condenser Microphone –

💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease:

Fuente – Source

How to Code HTML to WordPress – Part 7

Necesitas ayuda con wp? Entonces WPVideo es tu sitio.
Encuentra lo que buscas entre cientos de miles de videos y experiencias personales de otros usuarios. Todos los que empezamos con wp deberíamos tener acceso a esta web, ojalá yo hubiera tenido algo así cuando empecé mi camino como webmaster 🙂
Pero ahora quiero y puedo poner esta web a vuestra disposición.
Disfrutadla 😉

Need help with wp? Then WPVideo is your site.
Find what you are looking for among hundreds of thousands of videos and personal experiences of other users. All of us who started with wp should have access to this website, I wish I had something like that when I started my journey as webmaster 🙂
But now I want and I can put this website at your disposal.
Enjoy it 😉

Publicado en Plugins, Temas (Themes), Wordpress y etiquetado .

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *