A password will be e-mailed to you.

Go to Tools > Import > WordPress:

WordPress might offer you to install the “WordPress Importer” plugin, if you haven’t installed it before do it now.

Once you’ve installed “WordPress Importer” plugin, browse to the folder “Dummy Data” in your downloaded package, select dummy data file and upload it.

Important: Go to Appearance > Theme Options > Pages. Select the pages to show in which part of the theme.

Now edit the content what you want ( pages and portfolio items ).

Free download theme :https://wpthemeall.com/bookcard-3d-folded-vcard-wordpress-theme/

Create Default Page

  • Go to: Pages > Add New,
  • Enter title for page,
  • Publish page,
  • Go to: Appearance > Menus,
  • Add page to menu,
  • Save menu.

Create Blog Page

  • Go to: Pages > Add New,
  • Enter title for blog page,
  • Publish page,
  • Go to: Settings > Reading,
  • Assign blog page as “Posts page”.
  • Save changes,
  • Go to: Appearance > Menus,
  • Add blog page to menu,
  • Save menu.

Create Homepage

This theme has custom page template “Homepage” you can use for front page that has additional features and custom layout. You’ll see it in the Template dropdown menu in Page Attributes box.

  • Go to: Pages > Add New,
  • Enter title for homepage,
  • Select “Homepage” template from Page Attributes box,
  • Publish page,
  • Go to: Settings > Reading,
  • Assign homepage as “Front page”,
  • Save changes,
  • Go to: Appearance > Menus,
  • Add homepage to menu,
  • Save menu.

Create Inner Pages

Inner pages are for Homepage template.

  1. Front Cover Page
  2. Resume Page
  3. Portfolio Page
  4. Contact Page

Inner Pages Content

Front Cover Page

Create a new page. Create your content with shortcodes.

Important: Select this page from Theme Options > Pages > Front Cover Page.

Demo Content:

  1. [cover_caption title=“I AM FROM”]EARTH[/cover_caption]
  2. [cover_caption title=“I CREATE”]HTML5 websites[/cover_caption]
  3. [cover_caption title=“I LIKE”]minimaltistic design[/cover_caption]
  4. [cover_caption title=“FREELANCE”]Available[/cover_caption]

Resume Page

Create a new page. Create your content with shortcodes.

Important: Select this page from Theme Options > Pages > Resume Page.

Demo Content:

  1. [about_text]I am a [label]theoretical physicist[/label] developed the general theory of relativity, effecting a revolution in physics.[/about_text]
  2.  
  3. [section_caption title=“EMPLOYMENT”]
  4.  
  5. [history_group]
  6.  
  7. [history_unit date=“since 2011”]
  8.  
  9. Lead UX Designer
  10.  
  11. Apple Inc.
  12.  
  13. Worked in so many projects for best clients around the world and i get so many experiences based on my job.
  14.  
  15. [/history_unit]
  16.  
  17. [history_unit date=“2007 – 2011”]
  18.  
  19. Level Designer
  20.  
  21. Crytek Inc.
  22.  
  23. Also i have designed levels of some cool games everyone plays.
  24.  
  25. [/history_unit]
  26.  
  27. [history_unit date=“2002 – 2007”]
  28.  
  29. Web Developer
  30.  
  31. Creative Agency
  32.  
  33. Worked in so many projects for best clients around the world.
  34.  
  35. [/history_unit]
  36.  
  37. [/history_group]
  38.  
  39. [section_caption title=“EDUCATION”]
  40.  
  41. [history_group]
  42.  
  43. [history_unit date=“2000 – 2002”]
  44.  
  45. Phd Computer Science
  46.  
  47. MIT
  48.  
  49. Studied Phd. in MIT on Computer Science.
  50.  
  51. [/history_unit]
  52.  
  53. [history_unit date=“1996 – 2000”]
  54.  
  55. Physics
  56.  
  57. Princeton University
  58.  
  59. I get my Bachelor Degree in Princeton University.
  60.  
  61. [/history_unit]
  62.  
  63. [/history_group]
  64.  
  65. [button align_center=“yes” new_tab=“” text=“DOWNLOAD CV” url=“#”]
  66.  
  67. [section_caption title=“DEVELOPMENT SKILLS”]
  68.  
  69. [skill_group]
  70.  
  71. [skill_unit percent=“100”]HTML5[/skill_unit]
  72.  
  73. [skill_unit percent=“50”]CSS3[/skill_unit]
  74.  
  75. [skill_unit percent=“70”]jQuery[/skill_unit]
  76.  
  77. [skill_unit percent=“100”]WordPress[/skill_unit]
  78.  
  79. [/skill_group]
  80.  
  81. [section_caption title=“DESIGN SKILLS”]
  82.  
  83. [skill_group]
  84.  
  85. [skill_unit percent=“90”]Fireworks[/skill_unit]
  86.  
  87. [skill_unit percent=“60”]Photoshop[/skill_unit]
  88.  
  89. [skill_unit percent=“40”]Illustrator[/skill_unit]
  90.  
  91. [/skill_group]
  92.  
  93. [section_caption title=“TESTIMONIALS”]
  94.  
  95. [testimonial_group]
  96.  
  97. [testimonial image_url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/testo-01.jpg” image_alt=“Albert Einstein” name=“Albert Einstein” position=“CEO / Gravity Inc.”]He is a great and hardworking guy. I am so proud of i have him as my asistant. He helped me so much.[/testimonial]
  98.  
  99. [testimonial image_url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/testo-02.jpg” image_alt=“Walter White” name=“Walter White” position=“Chemist / Freelancer”]He was a great coworker and a friend. I would‘t be where i am without his support.[/testimonial]
  100.  
  101. [testimonial image_url=”http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/testo-03.jpg” image_alt=”Dexter Morgan” name=”Dexter Morgan” position=”Lab Geek / Miami Metro”]He is ok.[/testimonial]
  102.  
  103. [/testimonial_group]
  104.  
  105. [section_caption title=”SERVICES”]
  106.  
  107. [service_group]
  108.  
  109. [service icon=”icon-laptop” title=”Web Design”]I design super cool websites. It is a long established fact that a reader will be distracted by the readable content.[/service]
  110.  
  111. [service icon=”icon-tablet” title=”Mobile Development”]I can develop iOS and Android apps. It is a long established fact that a reader will be distracted by the readable content.[/service]
  112.  
  113. [service icon=”icon-globe” title=”Social Media”]I am a social media expert. It is a long established fact that a reader will be distracted by the readable content.[/service]
  114.  
  115. [/service_group]

Contact Page

Create a new page. Create your content with shortcodes.

Important: Select this page from Theme Options > Pages > Contact Page.

Demo Content:

  1. Please feel free to contact me about anything.
  2.  
  3. [section_caption title=“LET’S SOCIALIZE”]
  4.  
  5. [social_icons]
  6. [social_icon type=“facebook” title=“” url=“#”]
  7. [social_icon type=“twitter” title=“” url=“#”]
  8. [social_icon type=“linkedin” title=“” url=“#”]
  9. [social_icon type=“google” title=“” url=“#”]
  10. [social_icon type=“pinterest” title=“” url=“#”]
  11. [social_icon type=“github” title=“” url=“#”]
  12. [social_icon type=“behance” title=“” url=“#”]
  13. [social_icon type=“dribbble” title=“” url=“#”]
  14. [/social_icons]
  15.  
  16. [section_caption title=“DROP ME A LINE!”]
  17.  
  18. [contact_form_wrap]
  19. [letter_wrap]
  20. [letter_info]
  21. Johhny Doe
  22. [email protected].com
  23. Planet Earth
  24. [/letter_info]
  25. [stamp alt=“Johnny Doe” url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/04/stamp-image.png”]
  26. [/letter_wrap]
  27. [contact_form to=[email protected]]
  28. [/contact_form_wrap]

Portfolio Page

Create a new page.

Important: Select this page from Theme Options > Pages > Portfolio Page.

Blog Pages

Regular Blog Page

Check out Pages > Blog Page section.

Blog in Inner Pages

Display the latest posts under the resume page. Activate it from Theme Options > Blog.

Portfoio Item Types:

  1. Standard
  2. Lightbox Featured Image
  3. Lightbox Gallery
  4. Lightbox Video
  5. Lightbox Audio
  6. Direct URL

To create a portfolio item go to Portfolio > Add New.

Firstly set a featured image and fill the other fields.

Don’t forget to select the portfoio item type from Details box.

Portfoio Item Types


Standard: Single viewing.


Lightbox Featured Image: Show the Featured Image in lightbox.


Lightbox Gallery: Show many images in lightbox with shortcodes. Upload your images to the Media Library, copy image File URL and use in the shortcode.

Shortcode: [pf_lightbox_image]

  1. [pf_lightbox_image first_image=“” title=“” url=“”]
  2.  
  3. first_image=“” yes or do not use.
  4.  
  5. url=“” Upload your image to the Media Library, copy image File URL ( not browser address bar ) and use in this parameter.
  6.  
  7. Example:
  8.  
  9. [pf_lightbox_image first_image=“yes” title=“Image 1 Title” url=“image-1-url”]
  10. [pf_lightbox_image title=“Image 2 Title” url=“image-2-url”]
  11. [pf_lightbox_image title=“Image 3 Title” url=“image-3-url”]
  12.  
  13. Example:
  14.  
  15. [pf_lightbox_image first_image=“yes” title=“Octopus is dangerous!” url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/lightbox-02.jpg”]
  16. [pf_lightbox_image url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/lightbox-04.jpg”]
  17. [pf_lightbox_image title=“Dog have dreams” url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/lightbox-03.jpg”]

Lightbox Video: Show video in lightbox with shortcode. (Vimeo, YouTube etc.)

Shortcode: [pf_lightbox_video]

  1. [pf_lightbox_video title=“” url=“”]
  2.  
  3. url=“” video embed url, not watch url (Vimeo, YouTube etc.)
  4.  
  5. Example:
  6.  
  7. [pf_lightbox_video title=“Paper by FiftyThree” url=“http://player.vimeo.com/video/37254322?badge=0&color=ffffff”]

Lightbox Audio: Show audio in lightbox with shortcode. (SoundCloud)

Shortcode: [pf_lightbox_audio]

  1. [pf_lightbox_audio title=“” url=“”]
  2.  
  3. url=“” SoundCloud embed url.
  4.  
  5. Example:
  6.  
  7. [pf_lightbox_audio title=“Soundcloud embed” url=“http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&”]

Direct URL: Put your link to the input.


Use “Insert Shortcode” button to add a shortcode to the content editor easily.

Grid

Grid system based on 12 columns. So the parameter width=”12″ means 100% in a row (full width).

  1. =================================================================================================
  2.  
  3. [row]
  4. Put your column shortcode(s) here.
  5. [/row]
  6.  
  7. Example:
  8.  
  9. [row]
  10. [column width=“6”]
  11. Put your content here.
  12. [/column]
  13. [column width=“6”]
  14. Put your content here.
  15. [/column]
  16. [/row]
  17.  
  18. =================================================================================================
  19.  
  20. [column width=“” offset=“”]
  21. Put your content here.
  22. [/column]
  23.  
  24. width=“” (required) 1..12
  25.  
  26. offset=“” 1..12 or do not use
  27.  
  28. Example:
  29.  
  30. [column width=“12”]
  31. [row]
  32. [column width=“6”]
  33. Put your content here.
  34. [/column]
  35. [column width=“6”]
  36. Put your content here.
  37. [/column]
  38. [/row]
  39. [/column]
  40.  
  41. =================================================================================================

Front Cover Captions

  1. [cover_caption title=“”]Description here.[/cover_caption]
  2.  
  3. Example:
  4.  
  5. [cover_caption title=“I AM FROM”]EARTH[/cover_caption]
  6. [cover_caption title=“I CREATE”]HTML5 websites[/cover_caption]
  7. [cover_caption title=“I LIKE”]minimaltistic design[/cover_caption]
  8. [cover_caption title=“FREELANCE”]Available[/cover_caption]

Section Captions

  1. [section_caption title=“”]
  2.  
  3. Example:
  4.  
  5. [section_caption title=“EMPLOYMENT”]
  6.  
  7. [section_caption title=“EDUCATION”]
  8.  
  9. [section_caption title=“DEVELOPMENT SKILLS”]

Tags

  1. [tags]
  2. [tag text=“”]
  3. [tag text=“”]
  4. [tag text=“”]
  5. [/tags]
  6.  
  7. Example:
  8.  
  9. [tags]
  10. [tag text=“HTML5”]
  11. [tag text=“CSS”]
  12. [tag text=“jQuery”]
  13. [/tags]

Google Map

Important: Don’t forget to switch the Text tab of the content editor before adding this shortcode.

  1. [map]put your google map iframe code here[/map]
  2.  
  3. Example:
  4.  
  5. [map]
  6. <iframe src=”https://maps.google.com/maps?source=s_q&f=q&hl=en&geocode=&q=little+italy&aq=&sll=36.558188,-86.709595&sspn=3.878053,8.453979&ie=UTF8&hq=&hnear=Little+Italy,+New+York&t=p&ll=40.84706,-73.125&spn=6.647611,26.367188&z=5&output=embed“></iframe>
  7. [/map]

Social Media Icons

  1. [social_icons]
  2. [social_icon type=“” title=“” url=“”]
  3. [social_icon type=“” title=“” url=“”]
  4. [social_icon type=“” title=“” url=“”]
  5. [/social_icons]
  6.  
  7. type=“” facebook, twitter, linkedin, google, pinterest, github, behance, dribbble, instagram, lastfm, vimeo, forrst, skype, picassa, youtube, flickr, tumblr, blogger, delicious, digg, friendfeed, wordpress, rss
  8.  
  9. Example:
  10.  
  11. [social_icons]
  12. [social_icon type=“facebook” url=“http://www.facebook.com/username”]
  13. [social_icon type=“twitter” url=“http://twitter.com/username”]
  14. [/social_icons]

Contact Form

  1. [contact_form_wrap]
  2. [letter_wrap]
  3. [letter_info]
  4. Name. (Heading 4)
  5. Email. (Paragraph)
  6. Position. (Paragraph)
  7. [/letter_info]
  8. [stamp alt=“” url=“”]
  9. [/letter_wrap]
  10. [contact_form captcha=“no” to=“”]
  11. [/contact_form_wrap]
  12.  
  13. url=“” upload your image to the Media Library, copy the image url and use in the shortcode.
  14.  
  15. to=“” enter which email address will be sent from contact form.
  16.  
  17. captcha=“yes” yes or no

Buttons

  1. [button align_center=“” new_tab=“” text=“” url=“”]
  2.  
  3. align_center=“” yes or do not use
  4.  
  5. new_tab=“” yes or do not use

History Groups

  1. [history_group]
  2. [history_unit date=“”]
  3. Position. (Heading 4)
  4. Company name. (Heading 5)
  5. Description. (Paragraph)
  6. [/history_unit]
  7. [history_unit date=“”]
  8. Position. (Heading 4)
  9. Company name. (Heading 5)
  10. Description. (Paragraph)
  11. [/history_unit]
  12. [/history_group]
  13.  
  14. date=“” your working time.

Skill Groups

  1. [skill_group]
  2. [skill_unit percent=“”]Skill name here[/skill_unit]
  3. [skill_unit percent=“”]Skill name here[/skill_unit]
  4. [skill_unit percent=“”]Skill name here[/skill_unit]
  5. [/skill_group]
  6.  
  7. percent=“” 100, 90, 80, 70 etc.

Testimonials

  1. [testimonial_group]
  2. [testimonial image_link=“” image_url=“” image_alt=“” name=“” position=“”]Description here.[/testimonial]
  3. [testimonial image_link=“” image_url=“” image_alt=“” name=“” position=“”]Description here.[/testimonial]
  4. [testimonial image_link=“” image_url=“” image_alt=“” name=“” position=“”]Description here.[/testimonial]
  5. [/testimonial_group]
  6.  
  7. image_url=“” Upload your image to the Media Library, copy the image File URL ( not the browser address bar ) and use it in this parameter.
  8.  
  9. image_link=“” A direct link for the testimonial image. (Optional).
  10.  
  11. Example:
  12.  
  13. [testimonial_group]
  14. [testimonial image_url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/testo-01.jpg” image_alt=“Albert Einstein” name=“Albert Einstein” position=“CEO / Gravity Inc.”]He is a great and hardworking guy. I am so proud of i have him as my asistant. He helped me so much.[/testimonial]
  15. [testimonial image_url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/testo-02.jpg” image_alt=“Walter White” name=“Walter White” position=“Chemist / Freelancer”]He was a great coworker and a friend. I would not be where i am without his support.[/testimonial]
  16. [testimonial image_url=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/testo-03.jpg” image_alt=“Dexter Morgan” name=“Dexter Morgan” position=“Lab Geek / Miami Metro”]He is ok.[/testimonial]
  17. [/testimonial_group]

Services

  1. [service_group]
  2. [service icon=“” title=“”]Description here.[/service]
  3. [service icon=“” title=“”]Description here.[/service]
  4. [service icon=“” title=“”]Description here.[/service]
  5. [/service_group]
  6.  
  7. icon=“” iconlaptop, icontablet, iconglobe. ===> MORE ICONS <===
  8.  
  9. =================================================================================================
  10.  
  11. Example:
  12.  
  13. [service_group]
  14. [service icon=“icon-laptop” title=“Web Design”]I design super cool websites. It is a long established fact that a reader will be distracted by the readable content.[/service]
  15. [service icon=“icon-tablet” title=“Mobile Development”]I can develop iOS and Android apps. It is a long established fact that a reader will be distracted by the readable content.[/service]
  16. [service icon=“icon-globe” title=“Social Media”]I am a social media expert. It is a long established fact that a reader will be distracted by the readable content.[/service]
  17. [/service_group]

Portfolio Shortcodes

Read the Portfolio section firstly.

  1. =================================================================================================
  2.  
  3. Portfolio Item Type: Lightbox Video
  4.  
  5. [pf_lightbox_video title=“” url=“”]
  6.  
  7. url=“” video embed url, not watch url ( Vimeo, YouTube etc. ).
  8.  
  9. =================================================================================================
  10.  
  11. Portfolio Item Type: Lightbox Audio
  12.  
  13. [pf_lightbox_audio title=“” url=“”]
  14.  
  15. url=“” a SoundCloud embed url.
  16.  
  17. Example:
  18. [pf_lightbox_audio title=“Soundcloud embed” url=“http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&”]
  19.  
  20. =================================================================================================
  21.  
  22. Portfolio Item Type: Lightbox Gallery
  23.  
  24. [pf_lightbox_image first_image=“” title=“” url=“”]
  25.  
  26. first_image=“” yes or do not use.
  27.  
  28. url=“” Upload your image to the Media Library, copy image File URL ( not browser address bar ) and use in this parameter.
  29.  
  30. Example:
  31.  
  32. [pf_lightbox_image first_image=“yes” title=“Image 1 Title” url=“image-1-url”]
  33. [pf_lightbox_image title=“Image 2 Title” url=“image-2-url”]
  34. [pf_lightbox_image title=“Image 3 Title” url=“image-3-url”]
  35.  
  36. =================================================================================================

Others

  1. =================================================================================================
  2.  
  3. [divider]
  4.  
  5. =================================================================================================
  6.  
  7. [label]Text here.[/label]
  8.  
  9. Example:
  10.  
  11. I am a [label]theoretical physicist[/label] developed the general theory of relativity.
  12.  
  13. =================================================================================================
  14.  
  15. [about_text]Description text here.[/about_text]
  16.  
  17. Example: Use with [label] shortcode
  18.  
  19. [about_text]I am a [label]theoretical physicist[/label] developed the general theory of relativity, effecting a revolution in physics.[/about_text]
  20.  
  21. =================================================================================================
  22.  
  23. [portfolio_field]
  24. Portfolio stuff here.
  25. [/portfolio_field]
  26.  
  27. Note: Use this shortcode for portfolio single content ( Portfolio Item Type: Standard ).
  28.  
  29. =================================================================================================
  30.  
  31. [image src=“” alt=“” title=“” width=“” height=“”]
  32.  
  33. src=“” (required) upload your image to the Media Library, copy the image url and use in the shortcode.
  34.  
  35. Example:
  36.  
  37. [image alt=“Happy Bear” src=“http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/single-05.jpg”]
  38.  
  39. =================================================================================================

This theme has a customized settings panel for further customization. For every option, it has a description on its right.

Go to Appearance > Theme Options.

This theme supports the live theme customizer for custom font options.

Go to Appearance > Themes > Customize.

Default Fonts

Text Logo Font: Alfa Slab One

Text Slogan Font: Nixie One

Page Title Font: Arvo

Content Font: Lato

This theme is ready for localization. We have made every string translate able with the text domain “bookcard”, use Codestyling Localization plugin or Poedit editor.

The translation files are located under languages folder in the theme folder.

How to use Codestyling Localization plugin?

  1. Install and activate the plugin,
  2. Go to Tools > Localization > Themes,
  3. Find your native language in the flag list which must be bold text or click Add New Language button to add new one,
  4. Firstly click Rescan button and scan the theme files then click Edit button,
  5. All translate able strings will be displayed in the table,
  6. Every string has Edit link in the opposite of it to translate,
  7. Finally click generate-mo file button at the top side of the page.

Every post/page has a “Quick Edit” link when you hover in the editing list. Click it to open “QUICK EDIT” menu then uncheck the “Allow Comments” option.

  • Normalize.css
  • Bootstrap 2
  • Animate.css
  • 3D Menu Layout by coddrops
  • Fancybox
  • Justvector social icon font
  • jQuery
  • jQuery Address plugin
  • Modernizr
  • Isotope
  • fitvids.JS
  • jQuery validate plugin
  • FitText
  • Font Awesome
  • HTML5 Shiv
  • selectvizr
  • Preloaders
  • subtlepatterns
  • Stone Pattern
  • Tileable Wood Pattern
  • lostandtaken
  • Ribbon Builder
  • imagesloaded
  • Fonts by Google Webfonts
  • WordPress