Tag: custom javascript

  • Easy Custom JS and CSS – Theme Customization for WordPress (Utilities)

    Easy Custom JS and CSS – Theme Customization for WordPress (Utilities)

    [youtube]

    Customize your WordPress site’s appearance by easily adding custom CSS and JS code without even having to modify your theme or plugin files. This is perfect to tweak your site.

    Often when a theme or plugin updates it overwrites an old version of styles. That means anything you’d customized right in the code would be lost, potentially breaking your site depending on just what you’d changed. WordPress Easy Custom JS & CSS plugin lets you add custom javascript code, css custom styles and html markup to your site separately.

    If you don’t use a child theme and need to insert some customizations, you can take advantage of the inbuilt editor and easily create and insert custom css and js code into the header or footer. Once code is saved, it immediately influences the workings of your site.

    Since the code contained within the plugin is separate from your theme, it will be unaffected by the theme updating. If you do break something playing around, all you have to do is go back into the plugin interface and change a wrong item.

    [youtube]

    Also the plugin has a powerful filter editor for creating complex rules. They are convenient to use when you want to include your custom code for a specific url, post, page, device, os, browser, also it will be useful to execute js or css at a concrete date, time, day of week and etc.

    [youtube]

    Well, it’s a good theme and plugin customizer and a perfect solution to add additional styles and js codes to your site.

    Feature List

    • The code editor with syntax highlighting
    • The rich filter builder to construct inclusion rules
    • Include custom css and js code on the basis of a filter
    • Use inline embed method or include code as an external file
    • Custom css and js code can be in the header or footer area
    • Use custom javascript code and css styles inside the user or admin side or both
    • Minify JasaScript code and CSS styles to reduce file size
    • Support SCSS and LESS preprocessors
    • All editors use AJAX saving to avoid reloading
    • Create as many codes as you want
    • The code is served from the filesystem instead of the database for better performance
    • Help via Email
    • and so more..

    [thank you]

    Version 1.1.0 12/06/2018

    - First release
    

  • WordPress JS & CSS Everywhere! (Utilities)

    WordPress JS & CSS Everywhere! (Utilities)

    The WordPress JS & CSS Everywhere! allows you to add CSS, Javascript code directly in any post, page or custom post! The custom codes will rendered in frontend page!

    Note: The plugin, like WordPress, requires a minimum 5.5 PHP version.

    LIVE DEMO

    http://www.codecanyon.eu/wpjce/wp-admin/
    user: demo
    pass: demo

    How it works

    The plugin allows you to embed CSS and Javascript code into any page (or just in the selected ones). It can be done through the <stron>Global code feature or directly by editing the page/post/custom post you need. Main features:

    1. Text editor with syntax highlighting
    2. Print the code inline or included an external file
    3. Print the code in the header or the footer
    4. Add as many codes as you want in any frontend page
    5. Keep your changes also when you change the theme

    Global code

    Through the main Js & CSS Everywhere! you will be able to create Code objects by which you can define the:

    1. Custom Javascript/CSS code and where it has to be included (footer or header)
    2. External Javscript/CSS libraries that have to be included (footer or header>
    3. Visibility options: Optionally you can specify where have to be included and specify a visibility filter (by page, post, url, …)

    Pages, Posts and Custom pots!

    Code can be included by directly editing any page, post or custom post (like WooCommerce products, BuddyPress, etc.). You will find the Js & CSS Everywhere! metaboxes that allow you to embed the code you need!

    SCREENSHOTS

    Global code

    WPJCE

    Meta boxes added to pages

    WPJCE

    Meta boxes added to any custom post (Example: posts, woocommerce products, etc.)

    WPJCE

    = 1.0 - 14.05.18 =
    * First release
    
  • WordPress JS & CSS Everywhere! (Utilities)

    WordPress JS & CSS Everywhere! (Utilities)

    The WordPress JS & CSS Everywhere! allows you to add CSS, Javascript code directly in any post, page or custom post! The custom codes will rendered in frontend page!

    Note: The plugin, like WordPress, requires a minimum 5.5 PHP version.

    LIVE DEMO

    http://www.codecanyon.eu/wpjce/wp-admin/
    user: demo
    pass: demo

    How it works

    The plugin allows you to embed CSS and Javascript code into any page (or just in the selected ones). It can be done through the <stron>Global code feature or directly by editing the page/post/custom post you need. Main features:

    1. Text editor with syntax highlighting
    2. Print the code inline or included an external file
    3. Print the code in the header or the footer
    4. Add as many codes as you want in any frontend page
    5. Keep your changes also when you change the theme

    Global code

    Through the main Js & CSS Everywhere! you will be able to create Code objects by which you can define the:

    1. Custom Javascript/CSS code and where it has to be included (footer or header)
    2. External Javscript/CSS libraries that have to be included (footer or header>
    3. Visibility options: Optionally you can specify where have to be included and specify a visibility filter (by page, post, url, …)

    Pages, Posts and Custom pots!

    Code can be included by directly editing any page, post or custom post (like WooCommerce products, BuddyPress, etc.). You will find the Js & CSS Everywhere! metaboxes that allow you to embed the code you need!

    SCREENSHOTS

    Global code

    WPJCE

    Meta boxes added to pages

    WPJCE

    Meta boxes added to any custom post (Example: posts, woocommerce products, etc.)

    WPJCE

    = 1.0 - 14.05.18 =
    * First release
    
  • WP Customized CSS / Javascript Ideas per Web page (Utilities)

    WP Customized CSS / Javascript Ideas per Web page (Utilities)

    With WordPress Custom CSS / Javascript Rules per Page plugin you can add custom css styles and javascript code to specific pages. You can also define rules for multiple pages. This way you can have preset or unique styles for specific sections. Or you can include different scripts on different parts of your site easily.