An easy to use Resume plugin that allows custom templates and themes for your resume.  This plugin requires ACF as of now but we will add universal su …

Justin Scheetz

Resume Builder

Create one or many resumes with a photo, contact info, education, experience, skills, and more!

shahenshah

<p>Build beautiful resumes with this easy to use plugin which allows custom templates and child themes. Swatches allow the user to instantly switch between multiple color schemes for the same resume.</p>
<ul>
<li>Supports Contact Info, About Me, Pictures, Work Experience, Skill Sliders, Education, Links and References</li>
<li>Create multiple versions of the same resume</li>
<li>Create your own Custom templates and themes</li>
<li>Integrates with ACF and comes with ACF JSON (acf.json)</li>
<li>Animations and SVG Pre Loaders</li>
<li>Customizable print stylesheet</li>
<li>Comes with SASS!</li>
<li>Social Media Section</li>
</ul>
<h3>Coming Soon</h3>
<ul>
<li>TODO: Awards Section</li>
<li>TODO: add share button to send pdf</li>
<li>TODO: show dark screen at night, light at day be default</li>
<li>TODO: PDF Download Button (jspdf seems buggy)</li>
<li>TODO: composer plugin</li>
<li>TODO: add twig support</li>
</ul>
<h3>Prerequisites</h3>
<p>You must have the following plugins or files available.  We will add gravity forms support, as well as a verion which will not depend on either plugin.  But we strongly recommend using ACF if you want to customize your resume.</p>
<ul>
<li>ACF with Google Maps<br />
https://www.advancedcustomfields.com/</li>
</ul>
<p>You will need to enter your own google maps api key in this file.<br />
    am-resume/functions.php</p>
<ul>
<li>
<p>Font Awesome<br />
This plugin assumes you have font awesome. The icons will not show up without Font Awesome but you can easily create your own template and use your own icons.</p>
</li>
<li>
<p>Animate.css<br />
Animations are optional but if you would like to use them.</p>
</li>
</ul>
<p><a href="https://daneden.github.io/animate.css/" rel="nofollow ugc">Animate.css</a></p>
<h3>Themes and Templates:</h3>
<ul>
<li>Themes</li>
</ul>
<p>A theme is a small css file that is used in addition to your main css file.  A theme can be changed from the swatches on the top right that allow you to switch from light to dark theme.</p>
<p>There is a basic line of jquery in the default.js file that switches stylesheets.</p>
<ul>
<li>Templates</li>
</ul>
<p>And templates are css, js and php file used to render the resume.</p>
<p>There is a default template included in the plugin at <code>templates/default/</code></p>
<ul>
<li>Creating a New Template</li>
</ul>
<p>To create a new template, you only have to add the files you want to change.</p>
<p>There is an included template called <code>default-theme</code> that serves as an example of how you can override whatever file you want in the <code>default</code> template.</p>
<p>Then  you just enter your new theme name in the ACF field for your Resume Post.</p>
<h3>npm Deploy Styles to Assets Folder</h3>
<p>I have used simple NPM scripts to compile css. There is no need to install gulp since there are not a lot of tasks.  To deploy stylesheets to the assets folder, you can just type the command below.  You will need to install sass globally for this command to work, which you should already have!</p>
<pre><code>npm deploy;<h3>How do I create a new template or theme?</h3>
</code></pre>
<p>You can copy files one by one from the <code>templates/default</code> folder and place them in a new directory in <code>templates</code>.</p>
<h3>How do I add a child theme?</h3>
<p>You can also add a child theme so you don’t have to copy the entire template.  To add a child theme, create a new folder for your theme in the templates directory.  Then copy only the files you want to customize into the folder.  Set your template to use the child theme and that’s it!</p>
<h3>Will this plugin work without ACF?</h3>
<p>As of now, this plugin requires ACF but this will change in the future.</p>


Alternatives to Odyssey Resumes

Top alternatives