본문 바로가기

워드프레스 웹 템플릿

Ebba


 

데모 페이지 보기

포함된 파일들 HTML, JS, CSS, JPG, PHP 다운로드


워드프레스 버전 버전 2.7 이상
라이선스 FREE
원본사이트 http://www.flashxml.net/ebba.html

사용 설명

1) Unzip the files

2) Copy "Ebba" folder to wordpress/wp-content/themes/ and activate the theme from the Admin area.

3) Copy everything from the "Plugins" directory to wordpress/wp-content/plugins

4) Copy "flashxml" folder to wordpress/wp-content

5) In the admin area of wordpress, go to "Plugins" menu, and activate the following plugins:
    - Image-Grid-FX
    - Dock -Gallery- FX
    - Contact Form 7
    - FancyBox for WordPress
    - WP-PageNavi
    - Really-Simple-Captcha    
    - Flickr-Rss

6) Insert an image into a post:
     - To add an image to blog post, portfolio posts and category post(Featured, Events, About, News and Banners) click on the "Add an image" icon on the top of the text editor > select an image > Use as featured image > Insert into Post > Save all changes

     - To add an image to others pages or posts, click on the "Add an image" icon on the top of the text editor > select an image > Insert into Post > Save all changes

7) Creating a category:
     - To create a category, click on "Posts" > "Categories" and use the form to create a new category.

8) Pages:
    - Create a new page, select "Pages" > click "Add New" to create a new page.

a) For the Homepage you have 2 choices :
     - Home with Image Gridfx FX component (Create a new page with the name "Home", select the "home_with_imagegridfx" template for it and click "Publish".)
     - Home with Dock Gallery FX Component (Create a new page with the name "Home", select the "home_with_dockgallery" template for it and click "Publish".)

The front page of your theme is the one with Image Gridfx FX component. If you want to choose another page to be your front page, go to the Admin Panel > Settings > Reading > Front page displays : A static page (choose this option,
and select a page you want your front page to display)

   Categories for homepage:
    - Create a Category named "Featured". The last post from that category will appear on your homepage, in the "Featured Project" section.
    - Create a Category named "Events". The last post from that category will appear on your homepage, in the "Recent Events" section.
    - Create a Category named "About". The last post from that category will appear on your homepage, in the "About Us" section.

b) Portfolio page:

    - Create a new page, select the "Portfolio" Template (in the right sidebar there is a drop-down labeled "Page Attributes" ) and click "Publish".
    - Create a Category named "Portfolio". All the posts from this category will appear on your "Portfolio" page.
    
c) Blog page:

    - Create a new page, select the "Blog" Template (on the sidebar is a drop-down labeled "Page Attributes" ) and click "Publish".

    - To have a "read more" link on your blog posts, you have to open a post in the admin area, click on the "HTML" tab of your editor, choose the place you want to insert the "read more" link, and click on the "more" button on the top of the text editor.

 

d) Fullwidth page (no sidebars):
     - Create a new page, select the "fullwidth_page" Template (on the sidebar is a drop-down labeled "Page Attributes" ) and click "Publish".

e) Contact page:
     - Create a new page, select the "Contact" Template and insert the following line into the page content: [contact-form 1 "Contact form 1"]  and click "Publish".

    - Then, in the Admin Area, click on "Contact" menu on the left at the bottom, and replace the code from the Form content with the following lines:
 ------------------------------------
  <div id="contact_form">
        <div id="title_contact">
            <div id="black"><h1>Contact</h1></div>   <div id="green"><h1>Form</h1></div>
        </div>    
        <p>Name <span>*</span><br />
            [text* your-name] </p>

        <p>Email <span>*</span><br />
            [email* your-email] </p>

        <p>Message <span>*</span><br />
            [textarea your-message] </p>

        <div id="captcha">
            <div id="captcha_img">
                [captchac captcha-203]
            </div>
            <div id="captcha_code">
                <p>Verification Code : <span> * </span></p>
                [captchar captcha-203]
            </div>
        </div>
        <p>[submit "SUBMIT"]</p>
  </div>
  -------------------------------------
Then click on the "Save" button on the right.

f) For any other page, create a new page and select the "Default Template".

9) Categories
     - Create a Category named "News". The last 2 posts from that category will appear on your sidebar, in the "Last News" section.
    - Create a Category named "Banners". The last 2 posts  from that category will appear on your sidebar, in the "Add spot" section.    

10) Sidebars and widgets:
    Sidebars:
    There are 4 widget areas for this theme, the 1 sidebar, 1 for footer icons  and 2 for the contact page.
    The advantage of using the custom page widget is that you can upload and add content more easily.
    Widget areas:
    To add widgets, go to the Admin Area, click on "Appearance" menu > the click on the "Widgets" submenu.
    - Sidebar (The right sidebar displayed if widgets are added to it) - all kind of widgets can be added to it
    - Contact - Details (The "Contact details" section displayed on the contact page) - The text widget is used
    - Contact - Map (The "Contact - Map" displayed on the contact page) - The text widget is used
    - Footer - Social Icons ("Social icons" area in the footer of the page) - The text widget is used
    
11)Image Gallery

    -The image gallery on the sidebar is using the "Flickr-Rss" Plugin.This template includes everything you need to get started whether you're using it as a Content Management System, blog or combination of the two.

This template includes everything you need to get started whether you're using it as a Content Management System, blog or combination of the two.

Click on the last button on the left of the Admin Area, and you can change your skins, logo, copyright information. You can also configure your 404 error message or even get some SEO Optimization. 

'워드프레스 웹 템플릿' 카테고리의 다른 글

워드프레스 갤러리 vol(1)  (0) 2011.09.24
Nuava  (0) 2011.09.24
Dovio  (0) 2011.09.24
Lezara  (0) 2011.09.24
Krepa  (0) 2011.09.24