=== Chaplin === Contributors: Anlino Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=anders%40andersnoren%2ese&lc=US&item_name=Free%20WordPress%20Themes%20from%20Anders%20Noren¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted Requires at least: 4.5 Requires PHP: 5.4 Tested up to: 5.4 Stable tag: trunk License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html == Installation == 1. Upload the theme 2. Activate the theme == How to Recreate the Screenshot == 1. The screenshot of Chaplin (the one displayed on WordPress.org and in Themes → Add New) uses the Cover Page Template together with a couple of blocks in the WordPress Block Editor. 2. Go to Pages → Add New. 3. Enter a title of the page. In the righthand sidebar, expand the "Page Attributes" dropdown, click the "Template" dropdown and select "Cover Template" in the list. 4. Expand the "Excerpt" dropdown in the sidebar, and enter a subtitle/intro paragraph in the textarea. 5. Expand the "Featured Image" dropdown in the sidebar, click "Set featured image", and select which image to use. 6. Next, click the "Plus" symbol in the content and select the block "Columns" from the list. In the sidebar block settings, change "Columns: 2" to "Columns: 3". Add an image, a title, and a paragraph of text to each column in the "Columns" block, and you've recreated the structure of the screenshot in Chaplin. == How to Use the Cover Template == 1. Go to Pages → Add New, or Posts → Add New. The cover template can be used on both posts and pages. 2. In the righthand sidebar, expand the "Page Attributes" dropdown, click the "Template" dropdown, and select "Cover Template" from the list. 3. The cover template works best when you've added a featured image and an excerpt, which you can do in the righthand sidebar. 4. Click the gray "Preview" button to preview your page, or the blue "Publish" button to make it public. 5. The cover template includes a number of different settings that you can use to modify how your page is presented. Go to Appearance → Customize, click the "Theme Options" panel, and then the "Cover Template" panel. 6. Here, you can modify the color of the image overlay, the color of the text in the overlay, whether to use a fixed background image (creating a parallax-esque effect), how the color overlay should blend into the image, and which opacity the color overlay should have. 7. When you're done, click the blue "Publish" button to save your changes. == Change Colors == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Colors" panel. 4. Select the colors you want to use, and click the blue "Publish" button to save your changes. == Change Fonts == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Fonts" panel. 4. Open fonts.google.com in a different browser window, and find the fonts you want to use. You can select one font for headings, and one for body text (everything but titles). Your body font should have at least the following styles: Regular, Regular Italic, Bold, and Bold Italic. 5. Go back to the "Fonts" window in your browser, and enter the names of the fonts you want to use in the "Body Font" and "Headings Font" text fields. 6. Select the weight of the headings in the dropdown. Note that all fonts do not have support for all font weights, so check which weights/styles the font you want to use supports. 7. Select which language packs you want to include in the list below "Languages". Again, check Google Fonts to make sure that your fonts supports the language packs you want to use. 8. Click the blue "Publish" button to save your changes. == Set Sticky Header == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Site Header" panel. 4. Check the "Sticky Header" checkbox, and click the blue "Publish" button to save your changes. == Disable Search Button == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Site Header" panel. 4. Check the "Disable Search Button" checkbox, and click the blue "Publish" button to save your changes. == Disable Smooth Scroll == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "General Options" panel. 4. Check the "Disable Smooth Scroll" checkbox, and click the blue "Publish" button to save your changes. == Replace the Menu Modal With a Regular Menu == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Site Header" panel. 4. Check the "Disable Menu Modal on Desktop" checkbox, and click the blue "Publish" button to save your changes. == Change Pagination Type == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Post Archive" panel. 4. There are three options for the pagination: a. "Load more on button click": Displays a button that, when clicked, loads more posts without a hard reload. b. "Load more on scroll": When the visitor has reached the bottom of the page, more posts are loaded without a hard reload. c. "Previoius and next page links": Displays links that, when clicked, takes the visitor to then next or previous archive page with a hard reload. 5. Select the type you want to use, and click the blue "Publish" button to save your changes. == Hide Related Posts == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Single Post" panel. 4. Uncheck the "Show Related Posts" checkbox, and click the blue "Publish" button to save your changes. == Show Excerpts In Previews == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Post Archive" panel. 4. Check the "Show Excerpts" checkbox, and click the blue "Publish" button to save your changes. == Change the Number of Columns in the Post Archive == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Post Archive" panel. 4. Locate the "Number of Columns" setting in the list, and select the number of columns you want displayed. 5. Click the blue "Publish" button to save your changes. == Adjust Image Aspect Ratio On Archive Pages 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel, and then the "Post Archive" panel. 4. Locate the "Preview Image Aspect Ratio" setting in the list, and select the aspect ratio you want to use. 5. Click the blue "Publish" button to save your changes. == Select Which Post Meta to Display == 1. Log in to the administration panel of your site. 2. Go to Appearance → Customize. 3. Click the "Theme Options" panel. If you want to modify the post meta on single posts, click "Single Post". If you want to modify the post meta on the post archive, click "Post Archive". 4. There are three different post meta locations that you can modify: a. "Top Post Meta": Displayed above the content, and below the titles, when viewing a single post. b. "Bottom Post Meta": Displayed below the content, and above the comments, when viewing a single post. c. "Archive Post Meta": Displayed below the title of post previews on archive pages. 5. Select the post meta you want to display in each locations, and click the blue "Publish" button to save your changes. == Licenses == Merriweather font License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 Source: https://fonts.google.com/specimen/Merriweather FontAwesome Icons License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 Source: https://www.fontawesome.io FontAwesome Code License: MIT License, https://opensource.org/licenses/MIT Source: https://www.fontawesome.io Feather Icons License: MIT License, https://opensource.org/licenses/MIT Source: https://feathericons.com Modernizr Code License: MIT License, https://opensource.org/licenses/MIT Source: https://modernizr.com/ Illustration in screenshot.png by Anders Norén License: Public Domain Icons in screenshot.png by Feather Icons Code from Twenty Twenty Copyright (c) 2019-2020 WordPress.org License: GPLv2 Source: https://wordpress.org/themes/twentytwenty/ Included as part of: - Chaplin_Custom_CSS (kudos to @aristath) - Single post navigation structure (kudos to @anace) == Changelog == Version 2.2.6 (2020-04-02) ------------------------- - Updated the sub-menu-toggle to use a link element, fixing an issue where some browsers on some versions of Android were unable to click them and expand the sub levels. Version 2.2.5 (2020-03-20) ------------------------- - Block editor styles: Make the block appender icon and the block shortcut icons inherit the text color, making them more visible when a dark background color is set. Version 2.2.4 (2020-03-15) ------------------------- - Fixed notice for undefined $post variable in actions added to functions.php in the previous version. Version 2.2.3 (2020-03-15) ------------------------- - Block editor styles: Set placeholder text to the secondary text color. - Added actions for outputting elements within the posts loop. Version 2.2.2 (2020-03-08) ------------------------- - Block editor styles: Adjusted width of nested alignnone group blocks to make their contents match the width on the front-end (580px). - Better targeting of stacked alignwide and alignfull background blocks. Version 2.2.1 (2020-03-06) ------------------------- - Improved behavior of alignnone group blocks nested within alignwide and alignnone. - Fixed sizing mismatch between regular button and button set to style: outline. - Adjusted the base block margin of the Buttons block and Button block. - Tweaked the margin of the intro text/description beneath page titles. - Reduced the horizontal margins on mobile from 25px to 20px, to give a bit more space for the content. - Adjusted the border width, margin and padding of the base blockquote slightly. - Tweaked vertical margin of post meta items. Version 2.2.0 (2020-03-06) ------------------------- - Updates for WordPress 5.4. - Updated the calendar widget styles (retro!). - Updated the block editor styles to account for class changes and removed markup. - Added styles for the new social icons and buttons blocks. - Updated "Tested up to" to 5.4. - Block editor styles: Fixed default color of buttons with "Outline" style. - Block editor styles: Updated margins of alignment classes to better reflect the front-end. - Block editor styles: Updated margins on the Recent Comments block. - Moved the editor stylesheets (block editor and classic editor) to the /assets/css/ subfolder. - Fixed the columns setting for the latest post block when set to the "Grid" style. - Updated all featured image output using background-image to also output the image as an image element. - Customizer: Collected all settings in a single panel: "Theme Options", and updated readme instructions accordingly. - Customizer: Added a "General Options" panel. - Customizer: Added a "Disable Smooth Scroll" setting (default false), along with documentation in the readme. - JavaScript: replaced all live() calls with on(), removing the need for jquery-migrate.js. - Set the menu modal to overflow: hidden;, fixing a scrollbar issue with the intro animation in Firefox. - Improved the footer menu behavior when there's a large number of menu items. Version 2.1.3 (2020-01-18) ------------------------- - Take three – sorry! Now verified that it works in older versions of PHP. Version 2.1.2 (2020-01-18) ------------------------- - Fixed trailing comma in array array_merge args causing parse errors in some versions of PHP – take two. Version 2.1.1 (2020-01-18) ------------------------- - Fixed trailing comma in array array_merge args causing parse errors in some versions of PHP. Version 2.1.0 (2020-01-18) ------------------------- - Added a function for outputting the social menu, making it easier for child themes to output it in other locations. - Added -moz-osx-font-smoothing: grayscale to all elements already set to -webkit-font-smoothing: antialiased. - Moved the Chaplin_Customize_Control_Checkbox_Multiple class to its own file, matching handling of other classes. - Updated the alternative/fallback main menu to display the sub menu dropdown when the parent menu item link is :focus. - Updated functions.php by moving template tags into parts/template-tags.php and cleaned up the structure a bit. - Updated the registration and deregistration of widgets by using a single function instead of two. - Replaced the "é" character in the "Theme by Anders Norén" translateable string with é. - Replaced the apostrophy character in the "Daisy’s" translateable string with ’. - Replaced the arrow characters in pagination.php with ← and → wrapped in aria-hidden spans, matching the args to the_post_navigation();. - Various code cleanup Version 2.0.4 (2020-01-13) ------------------------- - Fixed false positive from chaplin_is_cover_template() on archive pages if the first post is set to a cover template Version 2.0.3 (2020-01-11) ------------------------- - Fixed a notice for the $post object not being set in chaplin_body_classes - Fixed unintended vertical margin on the modal search form - Updated comments in class-custom-css.php - Fixed first/last blocks in content having unintended vertical margin by strengthening first-/last-child targeting of entry-/comment-content - Updated "Tested up to" to 5.3.2 Version 2.0.2 (2020-01-11) ------------------------- - Added the "Overlay Logo" setting, which enables a separate logo to be set on cover templates - Added chaplin_is_cover_template(), for checking if a post is set to one of the cover templates - Fixed the text color in the sticky header on cover templates post 2.0.0 - Fixed the chaplin_end_of_post_meta_list action being wrapped by the edit_post_link conditional - Fixed duplicate code comments in chaplin_body_classes() - Updated the chaplin_start/end_of_post_meta_list action to make the $location variable accessible - Updated chaplin_get_custom_logo() to remove the title attribute, and added rel="home" and alt attributes - Updated the footer copyright link with a rel="home" attribute - Removed empty class attribute from the site footer Version 2.0.1 (2019-12-24) ------------------------- - Adjustments to base block margins - Adjustments to image margins Version 2.0.0 (2019-12-23) ------------------------- - Updated the structure of the color customization code, making it more compact and easier to work with for child themes. - Updated the structure of the menu modal, adding a close button on desktop and hiding the site header on mobile. - Removed the dequeue of the default block styles, and updated the Chaplin styles to work with them enqueued. - Added a touch check for background-attachment: fixed support, fixing display issues on recent versions of iPadOS. - Fixed SVG elements getting focus when they shouldn't. - Improved the menu modal focusLoop to work better with the new close modal button. - Updated the base block margin structure to be more compact and easier to overwrite. - Remove margin between stacked alignwide/alignfull group blocks with background color. - Replaced custom single post navigation with the WordPress default one, reducing code (kudos to @anace). - Updated readme.txt with licensing information for Twenty Twenty and Modernizr. - Added filter for whether to output P3 colors for the color settings. - Fixed the P3 color not being applied to the body when a custom background color is set. - Fixed loading indicator not visibly rotating if primary color and border color have the same value. - Changed the "Regular" block editor font size slug to "normal", to match naming structure in the editor - Updated the block editor font size for "Regular" to match the front-end - Reduced alignwide vertical margin on desktop, from 100px to 80px. - Added clearfix to inner-container elements (cover block, group block, etc). - Improved nesting behaviour for group and cover blocks Version 1.1.16 (2019-12-21) ------------------------- - Fixed CSS bug introduced when removing unnecessary Font Awesome files Version 1.1.15 (2019-12-20) ------------------------- - Removed Font Awesome files providing support for old browsers (Internet Explorer 10 and older), greatly reducing the Chaplin file size - Added filters for CSS and JS dependencies, simplifying removal of assets Version 1.1.14 (2019-12-11) ------------------------- - Fixed a miscalculation in the restructured smoothScroll function Version 1.1.13 (2019-12-07) ------------------------- - Change author name output to use display_name instead of nickname - Added support for separator colors in the block editor - Fixed clicking on a link without href attribute causing a JavaScript error - Restructured the smoothScroll JS function - Added support for same page anchor links in the modal menu/mobile menu - Improved smoothScroll handling of sticky header Version 1.1.12 (2019-11-20) ------------------------- - Added support for image circle masks in WordPress 5.3 Version 1.1.11 (2019-11-14) ------------------------- - Fixed the display of galleries in WordPress 5.3 Version 1.1.10 (2019-07-21) ------------------------- - Fixed a scrollbar appearing for a second when the cover modal is displayed (thanks, Jeroen!) - Don't scroll to the top when a toggle is clicked Version 1.1.9 (2019-07-19) ------------------------- - Added a setting for hiding the archive header on the main posts page (default: false) Version 1.1.8 (2019-07-18) ------------------------- - Better display of `is-style-outline` buttons in the block editor - Added social icons for RSS and for Meetup.com Version 1.1.7 (2019-07-17) ------------------------- - Fixed the width of images in galleries sometimes not applying correctly (thanks, @mattmedeiros!) - Fixed the block editor color classes for button text and button background not existing ¯\_(ツ)_/¯ (again, thanks @mattmedeiros!) - Fixed some notices on the Error 404 page (stemming from the `body_class` function) Version 1.1.6 (2019-07-17) ------------------------- - Fixed the wrong color sometimes being applied to `.site-title` when displayed on cover-header and accent color is set Version 1.1.5 (2019-07-15) ------------------------- - Fixed the header toggles being hidden entirely when the search modal is disabled Version 1.1.4 (2019-07-14) ------------------------- - We weren't using the is-scrolling classes for anything, so remove the JS function adding them - Added body classes to posts with/without single pagination and comments - Better display of posts with single pagination, without comments and with related posts - Adjusted font size of preview titles - Added `post_password_required()` check to comments output - Fixed conditional for output of comments in the post meta - Don't output comments post meta if the post is password protected - Don't show the post thumbnail on password protected posts - Added aspect ratio setting for preview images, with instructions in readme Version 1.1.3 (2019-07-14) ------------------------- - Reduced margin between items in the preview post meta - Only output headings spacing if a value is set - Added dropcap styling to front-end styles - Changed enqueues to use dashes instead of underscores, to be more consistent with core - Moved FontAwesome to its own CSS file, so it can be selectively dequeued/enqueued when needed - Moved the output of the Customizer front-end style to `chaplin_register_styles()`, for clarity - Better default handling of the `.overlay-header .header-inner` color, when custom colors aren't set - Made it possible to display both the search toggle and the "regular menu" (non-modal) at the same time - Adjusted right margin of the top arrow on the sub menu Version 1.1.2 (2019-07-13) ------------------------- - Added filter option for whether to show or hide footer and header on only-content templates - Fixed a bad bug with the main menu collapsing when a sub menu is toggled (thanks, @acalfieri!) - Fixed a bad bug with the main-menu-alt items being hit by the toggles in the menu modal (again, thanks @acalfieri!) Version 1.1.1 (2019-07-13) ------------------------- - Various a11y improvements: - Better heading hierarchy - Added dynamic aria-expanded and aria-pressed attributes to the toggles and modals - Added a focus loop to the menu modal and search modal - Added skip link - Hide cover modals entirely when they're inactive, preventing focus traps - Fixed wp_kses removing focusable and tabindex output from SVGs Version 1.1.0 (2019-07-12) ------------------------- - Added color scheme functionality, starting with 10 color schemes - Fixed some issues with overlay colors and the sticky menu - Fixed issue with Classic Editor styles when a serif font is set - Added template-full-width-cover.php - Added color settings for button background and button text color - Fixed P3 color issue with some elements - Updated theme description Version 1.0.18 (2019-07-10) ------------------------- - Fixed full width page template Version 1.0.17 (2019-07-09) ------------------------- - Set the site title and description to use partial refresh in the Customizer - Added the Full Width Template, and restructured the CSS chapter numbers to easily allow for more templates - Updated the Only Content Template to work with posts as well - Updated the Only Content Template to not output the header and footer markup – might add a post meta checkbox for this later on - Added the Full Width and Only Content Template (that's a mouthful), which combines the Full Width Template and Only Content Template - Filtered the `body_class` on these page templates to add shared classes and simplify styling Version 1.0.16 (2019-07-09) ------------------------- - Test solution for centered aligned embed content - Updated block editor styles to better reflect how paragraphs in alignfull groups are displayed - Added wide entry-content for `.woocommerce-page` pages - Added styling for Select2 element, and added targeting of its border-color to the Customizer CSS output - For product pages, set the comments title to "Reviews" instead of "Comments", and make the list of CPTs checked for this filterable - Adjusted readme.txt Version 1.0.15 (2019-07-09) ------------------------- - Added base margin to wp-block-image and wp-block-embed (without alignment classes) Version 1.0.14 (2019-07-08) ------------------------- - Adjusted handling of centered paragraphs inside group blocks that are either alignwide or alignfull Version 1.0.13 (2019-07-08) ------------------------- - Customizer: Changed Posts into a "Posts" panel with two sections, "Single Post" and "Post Archive", and restructured the code accordingly - Added a "Post Grid Columns" setting, which can be used to change the number of columns used on archive pages - Added documentation in the readme for the "Number of Columns" settings - Moved the "Pagination Type" setting into "Posts → Post Archive", and updated the documentation accordingly - Moved up the "Cover Template" panel in the Customizer panel list - Adjusted the theme description slightly Version 1.0.12 (2019-07-07) ------------------------- - Fixed wp-block-gallery targeting to prevent issues with alignwide/alignfull - Removed default margin for
– too difficult to ensure it doesn't unintentionally overwrite other styles - Increased base figure caption top margin Version 1.0.11 (2019-07-05) ------------------------- - Fixed wp-block-gallery without alignment class having a lefthand margin from `