Title: Web Developer's Portfolio Author: Karen Attfield Published: Èbìbí 2, 2017 Last modified: Ẹrẹ́nà 5, 2021 --- Ṣàwárí àwọn plugin ![](https://ps.w.org/web-developers-portfolio-plugin/assets/banner-772x250.png?rev =1728510) Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**. Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun. ![](https://ps.w.org/web-developers-portfolio-plugin/assets/icon-256x256.png?rev =1649870) # Web Developer's Portfolio Láti ọwọ́ [Karen Attfield](https://profiles.wordpress.org/wpkaren/) [Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/web-developers-portfolio-plugin.1.2.0.zip) * [Àwọn àlàyé](https://yor.wordpress.org/plugins/web-developers-portfolio-plugin/#description) * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/web-developers-portfolio-plugin/#reviews) * [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/web-developers-portfolio-plugin/#installation) * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/web-developers-portfolio-plugin/#developers) [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/web-developers-portfolio-plugin/) ## Àpèjúwe Web DeveloperÌtumọ̀ Yorùbá: ’s Portfolio is a plugin designed to showcase screenshots from both desktop and mobile devices for each portfolio listing. Portfolio items are displayed on any page of your choice using shortcodes. This plugin works by creating a custom post type for portfolio items, and allows you to upload two separate images per portfolio item Ìtumọ̀ Yorùbá: – one for a desktop screenshot and one for a mobile screenshot. Through the use of shortcodes you can then display portfolio items on a page of your choice Ìtumọ̀ Yorùbá: – displaying either a desktop screenshot only, mobile screenshot only, or both. The output is styled with Flexbox, with an excerpt and button to the project page of your choice. You can also set the portfolio items to be publicly-queryable, meaning you can add single-portfolio.php or archive-portfolio.php templates to your site to customize the design of your individual portfolio pages. Note: If you intend to use the default styling provided by the shortcodes it is recommended that you utilize full-width pages for the best visual effect (though you are welcome to modify the CSS through your theme to fit your needs). ### Features * **Project Link:** Add a link to the page youÌtumọ̀ Yorùbá: ’d like your portfolio item to link to. * **Mobile Image:** A second featured image upload option for each portfolio item. * **Shortcodes:** Two different shortcodes to display either individual portfolio items by ID or all portfolio items. * **Item ordering:** You can set the order number for each portfolio item. * **Rich text excerpts:** Customized excerpt boxes allow for the addition of html elements as with the normal post editor. ## Àwọn àwòrán ìbòjú * [[ * Edit portfolio item admin screen * [[ * Portfolio item management admin screen * [[ * Portfolio settings admin screen * [[ * Screenshot of portfolio shortcode output on front-end ## Ìgbéwọlẹ̀ 1. Upload `wdp-plugin` to the `/wp-content/plugins/` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Go to the Web Developers Portfolio settings option in the admin to set whether youÌtumọ̀ Yorùbá: ’d like each portfolio item to be available on a page of itÌtumọ̀ Yorùbá: ’s own by default. 4. Head to the ‘Portfolio’ menu in the admin and start building your portfolio. ## FAQ ### What are the shortcodes? [wd_portfolio] will output all portfolio items (images and excerpts, styled using Flexbox). [wd_portfolio_single id=”{id}”] (for example [wd_portfolio_single id=” 5Ìtumọ̀ Yorùbá: ″]) will output the portfolio item with the id specified (images and excerpt, styled using Flexbox). ### What is the point of the content editor on the portfolio editor page? While the purpose of this plugin is to enable you to display portfolio items via shortcodes linking to custom pages, you may choose to create custom pages on your site for your portfolio items based on the content you add directly in the portfolio editor. In the WordPress Admin Menu, you will see a setting called ‘Web Developers Portfolio Plugin’ (Administrator-level access only). If you check the box in this settings page it will enable you to view each portfolio listing as a page. You will need to get your hands dirty with code and create a single-portfolio.php template in order to customize the page layout or an archive-portfolio.php template for an archive page – alternatively you can use the default portfolio page that is created for each portfolio item and make adjustments with php or css, depending on your theme / template. The content within the content field will be what displays on the custom portfolio page created by this post-type. ### How can I customise the button colour? Add this to your child themeÌtumọ̀ Yorùbá: ’s style sheet: // Main button background: .wdp-btn { background: #yourhexvaluehere !important;// eg. background: #27a6bc !important; } // On hover and active button background .wdp-btn:hover, .wdp-btn:active { background:# yourhexvaluehere !important; // eg. background: #52B8C9 !important; } ### What are the recommended image sizes? For desktop screenshots, aim for an image ratio of width:height = 1.5:1 (for example 2550px x 1700px). For mobile screenshots, aim for an image ratio of width:height = 1:2 (for example 250px x 500px). ### The excerpt is too long? WDP plugin is best suited to display on full-width pages, with reasonable excerpts( not too long). Though excerpts are capped at 70 words, your siteÌtumọ̀ Yorùbá: ’ s font size may mean this can distort the layout of the preview. Experiment with excerpt sizes until you find the display that works best for your site. ### The mobile image doesnÌtumọ̀ Yorùbá: ’t sit quite right with the desktop image? The mobile screenshot is designed to sit over the bottom right of the desktop screenshot, with an overlap into the white space below. Depending on the size of the image youÌtumọ̀ Yorùbá: ’ve uploaded, as well as the width of the screen space available (full-width recommended), this might not sit perfectly. The recommended image proportion for the mobile screenshot is width: height = 1:2 (height double the width). If you want to increase the width of the displayed mobile image (the height is automatic based on the width) add the following to your child themes style sheet: .wdp-mobile-preview { max-width: yourwidthvalue !important; // adjust appropriately, for example 20%, 10em, etc. } ### Do I need to use the shortcodes? No, you can use this plugin to create the portfolio custom post type and customize the portfolio page output as you wish through single-portfolio.php and archive-portfolio. php. ### Why was this plugin created? I had a need to display both desktop and mobile screenshots for individual portfolio items, and didnÌtumọ̀ Yorùbá: ’t want to have to hand-code every new item into the page template. I created this plugin to allow the process to be quick, efficient and scalable. ## Àwọn àgbéyẹ̀wò Kò sí àwọn àgbéyẹ̀wò fún plugin yìí. ## Àwọn Olùkópa & Olùgbéejáde “Web Developer's Portfolio” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí. Àwọn Olùkópa * [ Karen Attfield ](https://profiles.wordpress.org/wpkaren/) [Túmọ̀ “Web Developer's Portfolio” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/web-developers-portfolio-plugin) ### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè? [Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/web-developers-portfolio-plugin/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/web-developers-portfolio-plugin/), tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/web-developers-portfolio-plugin/) nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/web-developers-portfolio-plugin/?limit=100&mode=stop_on_copy&format=rss). ## Àkọsílẹ̀ àwọn àyípadà #### 1.2.0 * Added ability to change portfolio slug, avoiding page name conflicts #### 1.1.1 * Fix: Implode function wasnÌtumọ̀ Yorùbá: ’t displaying button text in some instances #### 1.1.0 * Added ability to change portfolio url button text in WDP Portfolio Settings page * Fix: Changed call to title and button text in mobile media uploader to avoid Ninja Forms plugin conflict * Fix: Edited several instances of translatable strings for internationalisation #### 1.0.1 * Fix: Changing target page from button urlÌtumọ̀ Yorùbá: ’s to be internal rather than external * Changing short description in readme.txt #### 1.0.0 * First stable version * Fix to prevent shortcode output always displaying before content * Fix to over-ride max posts per page setting for shortcode output * Changing ordering of portfolio items on listings page to be by date added * Updated readme.txt Ìtumọ̀ Yorùbá: – added to ‘short description’ of plugin #### 0.1.0 * Initial release ## Àkójọpọ̀ Meta * Ẹ̀yà **1.2.0** * Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 5 sẹ́yìn** * Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **10+** * Ẹ̀yà WordPress ** 4.4 tàbí ju bẹ́ẹ̀ lọ ** * Dánwò dé **5.6.17** * Èdè * [English (US)](https://wordpress.org/plugins/web-developers-portfolio-plugin/) * Àwọn àmì * [images](https://yor.wordpress.org/plugins/tags/images/)[portfolio](https://yor.wordpress.org/plugins/tags/portfolio/) [post type](https://yor.wordpress.org/plugins/tags/post-type/)[shortcode](https://yor.wordpress.org/plugins/tags/shortcode/) * [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/web-developers-portfolio-plugin/advanced/) ## Àwọn ìbò Kò sí ìwádìí tí a tíì fi ránṣẹ́. [Your review](https://wordpress.org/support/plugin/web-developers-portfolio-plugin/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/web-developers-portfolio-plugin/reviews/) ## Àwọn Olùkópa * [ Karen Attfield ](https://profiles.wordpress.org/wpkaren/) ## Ìrànlọ́wọ́ Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́? [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/web-developers-portfolio-plugin/) ## Ṣe ìtọrẹ Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí? [ Ṣe ìtọrẹ sí plugin yìí ](https://karenattfield.com/giving/)