Copying from microsoft word

[faiekg]

Hello ,

I have a new website that someone asked me to do for them , however they already designed the page content and layout in ms word and want it exactly like that. The issue is the layout is in multiple columns and some pics on the right hand side and some on the left as you scroll down. I am really struggling to get to line up like in the word doc with wrapping issues and spaces etc.

Is there any way i can just convert the word to html and then copy the code ? Or some tool ? I previously looked into genesis extender but right now I am able to pay for it yet.

Many Thanks

[faiekg]

Sorry anyone know of a wysiwyg type of editor that can also convert to html , I thought maybe I can duplicate the design there and just copy the code into a page ?

[Ben @ Inbound Creative]

I'm not 100% sure what you mean without seeing the Word document.

Feel free to drop me an email. I'm currently stuck at home without access to my work computer due to me tearing a ligament in knee. I'll see if I can help point you in the right direction.

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[faiekg]

Thanks Ben , I emailed you but I forgot to add a subject line , sorry about that. Its from [email protected] 🙂

[Ben @ Inbound Creative]

Thanks, I got your email. Can you do me a favour though. Can you save it as a PDF and send it over. I realised I only have Apple Pages on my laptop – I have a feeling its screwing with the formatting.

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[faiekg]

Sent , thanks again

[Ben @ Inbound Creative]

Sorry I didn't get back to you sooner. I don't work over the weekend.

The Dream Builder PDF is pretty simple to sort out.

Save this as something like dreambuilder.php

<?php
/*
 *
 * Author: Advice Media Limited
 * Template Name: Dream Builder Project
 *
 */

add_action( 'genesis_meta', am_meta );
function am_meta() {
	//* Force full width content layout
	add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_sidebar_content' );
	
	//* Add page body class
	add_filter( 'body_class', 'am_body_class' );
	
	//* Remove breadcrumbs
	remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );

	//* Adds the afterpost section to the page template
	add_action( 'genesis_after_entry', 'am_afterpost', 5 );

}

//* Adds custom body class to the page
function am_body_class( $classes ) {
	
	$classes[] = 'dreambuilder';
	return $classes;
	
}

function am_afterpost() {

	genesis_widget_area( 'afterpost', array(
		'before' => '<div class="after-post"><div class="wrap">',
		'after' => '</div></div>',
	) );
	
}

genensis();

That will allow you to create a template that has a left sidebar and an after-entry widget area for the pics at the bottom of the page.

In functions.php, you'll need to add at the bottom:

genesis_register_sidebar( array(
	'id'			=> 'aftercontent',
	'name'			=> __( 'Dream Builder | After Content', 'am'),
	'description'	=> __( 'This is where the widget goes for the after content widget on the Dream Builder page', 'am' ),
) );

The images after the text can go in that new sidebar. Use the Primary Sidebar for all the information on the left of the page.

It's a little hard to tell what's going on with the Community page seeing as it's all to the right of the visibile screen on both the file and the PDF, but that should get you started.

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[faiekg]

Awesome !!!!!! THAnks !!!!!!!!!!!! THANKS THANKS!!!! 🙂

[Ben @ Inbound Creative]

Anytime. 🙂

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[Author]

Posts