Support » Themes and Templates » Can I convert this site to WordPress?

  • I have just finished designing and coding a corporate website:

    Neptune Pacific Line

    The client needs a relatively simple content management system, and WordPress looks pretty great. However, before I spend the time to learn how to create templates, I need to know if WordPress is capable of doing what I want.

    Specifically, the website has lots of rounded boxes, each containing a bunch of predefined <div> elements and so on. Adding a new rounded box should be as easy as adding a new post, and with similar functionality. I need to be able to save this chunk of code as “Rounded Box” or something, and give the client the ability to “Add new Rounded Box” with the click of a button. He would then be able to fill in specific areas with text in a wysiwyg editor. There will be multiple boxes on each page. You can see what I mean by “rounded boxes” on this page:

    Rounded Boxes Page

    An example of the code I need to save as a ‘chunk’ is:

    <div class=”rounded-box”>
    <h5>Editable Heading</h5>
    <div class=”tables”>

    Editable Content Here – paragraphs, tables etc.

    </div>

    <div class=”box-top-left-corner”></div>
    <div class=”box-top-edge”></div>
    <div class=”box-top-right-corner”></div>
    <div class=”box-left-edge”></div>
    <div class=”box-right-edge”></div>
    <div class=”box-bottom-left-corner”></div>
    <div class=”box-bottom-edge”></div>
    <div class=”box-bottom-right-corner”></div>
    </div>

    Your help would be greatly appreciated. I would to use WordPress, as it has such a nice, simple interface.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You can incorporate the Curvy Corners css code into the template very easily anyplace there is a div. Look HERE

    You can setup widgets for each page(but that will be heavy for large sites). Widgets will provide what you want, it can insert the predefined code.

    I have another option but it requires javascript knowledge. You can use jQuery to insert the additional HTML codes to your main div tag. Here is an example:

    jQuery:

    $(document).ready(function(){
    	$(".rounded-box").append("<div class="box-top-left-corner"></div><div class="box-top-edge"></div><div class="box-top-right-corner"></div><div class="box-left-edge"></div><div class="box-right-edge"></div><div class="box-bottom-left-corner"></div><div class="box-bottom-edge"></div><div class="box-bottom-right-corner"></div>");
    });

    Actual HTML:

    <div class="rounded-box">
        <h5>Editable Heading</h5>
        <div class="tables">
        	Editable Content Here - paragraphs, tables etc.
        </div>
    </div>

    This will result in what you require.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can I convert this site to WordPress?’ is closed to new replies.