Archives

Advanced Custom Fields

Use the Advanced Custom Fields plugin to take full control of your WordPress edit screens & custom field data.

Add fields on demand. Our field builder allows you to quickly and easily add fields to WP edit screens with only the click of a few buttons!

Add them anywhere. Fields can be added all over WP including posts, users, taxonomy terms, media, comments and even custom options pages!

Show them everywhere. Load and display your custom field values in any theme template file with our hassle free developer friendly functions!

acf-home-fields

Made for developers

At the core of the Advanced Custom Fields plugin is the simple and intuitive API.

Use functions like get_field() and the_field() to quickly build powerful templates.

How To Delete your site

If you have accidentally created a site, or are done with a site that you have created, we ask that you please delete any unused sites.

Ho to delete your site

Note: To delete a site you must be an administrator of the site. Contributors and Editors will not be able to perform this task.

  1. From your site’s Dashboard navigate to the Tools tab.
  2. once in the tools tab, navigate to the ‘Delete Site’ option below.
  3. check the checkbox saying “I’m sure I want to permanently disable my site, and I am aware I can never get it back or use sites.temple.edu/[SiteSlug] again.

  4. Click the blue “Delete My Site Permanatley” Button.

 

 

 

 

You will be prompted with the following message

After seeing this message, you will receive an email where you will need to click the link to confirm the deletion of your site.

Hover Effects in Elementor

Hover Effects

Elementor provides Hover Effects that help to increase and improve your website’s engagement and design interaction.

Hover effects can be applied at the WidgetColumn, and Section level, and can be combined to create unlimited effect variations.

Wherever you see the Normal and Hover buttons  , you have the option to add hover effects.


Elementor – Adding Shape Dividers

Shape Divider

Shape dividers are graphic shapes that separate the sections of a page.


How to Add Shape Dividers

  1. Add a new Section
  2. Go to Section > Style > Shape Divider
  3. Choose to display at the Top or Bottom of your section
  4. Type: Click the dropdown to choose your Shape Divider style
  5. Color: Pick a color
  6. Width: Set the width of your Shape Divider
  7. Height: Set the height of your Shape Divider
  8. Flip: Flip the direction of your Shape Divider
  9. Bring to front: Force your Shape Divider to be in front of other objects

Typography on Sites.temple.edu

Here on Sites, we offer different ways for a user to change the typography on their site. In this article, we will go through the different methods to do so.

 

What is Typography?

Web typography refers to the use of fonts on the World Wide Web. When HTML was first created, font faces and styles were controlled exclusively by the settings of each web browser.

With WordPress, you have the ability to change these settings in a handful of different ways.

 

How to Change Font Size, Color, Family & Style in Elementor Page Builder

Many Elementor Widgets offer the ability to edit text color and typography settings. These design options are located in the widgets’ Style tab.

Style

Text Color: Choose the color of your text

Under the Widget Setting > Style, click the icon to access the typography settings.

Typography

  1. Family – Choose your font family
  2. Size – Choose a size for your font
  3. Weight – Choose the weight of the font
  4. Transform – Choose the Transform properties for the font
  5. Style – Choose between Normal, Italic, and Oblique
  6. Decoration – Choose the text Decoration
  7. Line-Height – Use the slider to set your line-height
  8. Letter Spacing – Use the slider to set your letter spacing

 

 

 

How To Change Font In Gutenberg Editor and Classic Editors.

 

  • The first step is to navigate to the ‘plugins‘ tab on the menu.

  • once in the plugins menus, search for ‘Easy Google Fonts‘ and click the ‘activate button underneath it.

 

 

  • Now, go to Appearance → Customise to change font in Gutenberg Editor.

  • Click on Typography and to change Content font go to Default Typography → Paragraphs

 

  • Now, under Paragraphs, choose the font family you want.
  • You can change the font family by clicking on the Edit Font dropdown arrow and then clicking on Font Family dropdown arrow.
  • Once done click the Blue ‘Publish‘ button in the top right corner of the menu.

Page Builder Gutenberg Blocks – CoBlocks

Description

CoBlocks is the most innovative collection of page building WordPress blocks for the new Gutenberg WordPress block editor.

With additional blocks and true row and column building, CoBlocks gives you a true page builder experience for Gutenberg.

CoBlocks is powerful but lightweight: it adds functionality to the WordPress editor without bloat. This is the plugin you’ve been waiting for, and it will make you rethink what WordPress is capable of.

SEE FOR YOURSELF

MAKE BEAUTIFUL WEB PAGES WITH GUTENBERG, AND COBLOCKS

CoBlocks is the last page builder you’ll ever need: you get a winning mix of additional WordPress blocks, and page builder functionality. With CoBlocks you have everything you need to make beautiful web pages with the new block editor:

  • Resizable Row/Columns Blocks
  • Shape Divider Block
  • Hero Block (New!)
  • Buttons Block (New!)
  • Features Block
  • Media Card Block
  • Icon Block
  • Map Block
  • Accordion Block
  • Alert Block
  • Author Profile Block
  • Click to Tweet Block
  • Dynamic Separator Block
  • Gif Block
  • GitHub Gist Block
  • Highlight Block
  • Pricing Table Block
  • Social Sharing Block

And we’re adding new Gutenberg blocks all the time!

BREAKTHROUGH PAGE BUILDER SYSTEM

CoBlocks features an innovative block system that allows you to create stunning web pages, and even entire websites, with the new WordPress editor.

You get the extra blocks you need and the layout and design functionality for a true page builder experience.

Use the exceptional Row and Columns blocks to add dynamically generated content areas with specific responsive margin and padding settings that only CoBlocks provides.

Style these with innovative new blocks such as the Shape Divider, which lets you split up your content with beautiful dividers.

Each of the WordPress blocks within CoBlocks have been precisely fined tuned to offer a familiar, yet powerful, customization experience. Tailor each block to your taste using our custom controls and settings. Change fonts, set margin and padding, pick colors and more.

CUSTOM TYPOGRAPHY CONTROLS

The breakthrough Typography Control Panel within CoBlocks lets you design web pages with alluring typographic elements. Set fonts, sizes, weights, transformations and more, in our CoBlocks blocks, and in core WordPress blocks.

TURN OFF BLOCKS WITH THE BLOCK MANAGER

Easily toggle off any WordPress block in the Gutenberg editor with the new CoBlocks Block Manager. No more unnecessary WordPress Gutenberg blocks standing in the way for you, or your clients.

WATCH IT IN ACTION

GOING BEYOND GUTENBERG BLOCKS

The vision for CoBlocks is to create a suite of Gutenberg blocks to help folks make beautiful websites easily. These newest releases of CoBlocks is the ultimate expression of that vision.

bbPress

Description

Have you ever been frustrated with forum or bulletin board software that was slow, bloated and always got your server hacked? bbPress is focused on ease of integration, ease of use, web standards, and speed.

We’re keeping things as small and light as possible while still allowing for great add-on features through WordPress’s extensive plugin system. What does all that mean? bbPress is lean, mean, and ready to take on any job you throw at it.

WP 1 slider

Description

Documentation  | Demo

WP 1 slider – is probably the most feature-rich Free WordPress slider. While doing 1000s of WordPress website for different clients, we came across various slider requirements. From our learning – we made a slider with the most useful features, variety of layout and configuration options and here it is – WP 1 Slider!.

WP 1 Slider – is developed considering user friendliness, features, layout designs for various users.

FREE FEATURES:

  • Add unlimited amount of images to the slider.
  • Add unlimited sliders in one page.
  • Enable/disable buttons (with/without link) on the slider.
  • Separate slider settings for each slider.
  • Separate caption settings for each slider.
  • Four different caption layouts for each slider.
  • Separate pager setting (slider navigation pager) for each slider.
  • Four different dot pager(slider navigation pager) layouts for each slider.
  • Ten different thumbnails pager(slider navigation pager) layouts for each slider.
  • Separate navigation / Arrows setting for each slider (7 designs to choose from).
  • Two different box shadow for slider image.
  • Nine different positions for slider title and description within image.
  • Ability to change colors of title,description,buttons and button hover on slider image.
  • Ability to change font size of slider title and description on image.
  • Ability to change background color and active color of dot pager navigation on slider image.
  • Add unlimited sliders in widgets.
  • Slider is fully responsive.
  • Easy usage via Shortcode.

 

 

Installation

  1. Activate the plugin through the ‘Plugins’ menu in WordPress.
  2. For customizing the plugin’s settings, click on WP 1 Sliders option menu in WordPress left admin menu.
  3. To display the slider in the frontend, please use dynamically generated shortcode from shortcode WP1S Usage metabox or you can use ‘Add WP 1 slider’ button in post or page for easy insert of the slider into post/pages.

 

Slider Manager

Once the plugin is installed and activated you will find a menu named “WP 1 Slider” in the left menu bar of the admin menu.Once you click on that menu , you will be redirected to the plugin’s listing page and you will see the add new button, once you click on that button you will be redirected to the slider page where you can create slider. Basically there are 6 type of slider type with its own settings configurations which is individually described below.

Creating New slider

This is the landing page for plugin. Here you can see the listing of the slider created along with its respective shortcodes. Here you can see Add new button at top of slider listing table.For creating a new slider, you will simply need to click on the Add New submenu of the Wp 1 sliders menu or click on the Add new button in the slider manager’s listing table. You can also edit or delete slider from here.Once you click the button, you will be redirected to the new slider builder page where you can add the unlimited numbers of slides.

Slider Builder Page

Slider Builder Page

This is the builder page of plugin where you can add unlimited numbers of images ,post ,videos ,woocommerce product,facebook image or instagram images slides and build awesome slider.
In this page you will see Slides metabox inside this metabox you will see the Slider type option which include image slide,video slide,post slide,woocommerce slide,instagram slide and facebook slide option.
Below are the detail description for each slide type.

Creating Image Slider

Once you have selected the image slide in Slider Type option then you will see the Slider mode for image slide option , inside this option you can select either normal mode or animation mode.If you want to create simple slider then you can choose normal mode and if you want to have animation effects and layers in slider then you have to choose the animation mode.You will also see the Add Image Slide button from where you can add unlimited number of image slides.Below are the detail description for these two mode:

    • Normal Mode

Normal Mode

After selecting the normal mode, you can click on the ‘Add Image Slide‘ button then you will see the untitled slide.Once you click in untitled slide a slide box will appear where you can add the available input fields in the slide. You can see all the available fields in the slide box as shown above in the image. You can enable or disable the buttons and can give text and link for button.

General Settings

Just below the Slides Metabox ,you will see Slider Style option which include Single Slide Layout and Carousel Slide Layout.These two option include different settings configurations.
Below are the detail description for each slide style:

      • Single Slide Layout

General Setting

When you will select the single slide layout then the Slider settings,Caption settings,Pager Settings,Navigation arrows settings will appear where you can switch the tab by clicking on each setting tab to go to respective setting tab and can edit the way you want to display slider by changing your own setting options.
We have following feature available in our current version to choose from:

        • Slider Settings:

Slider Setting

Allows you to choose either display slider box shadow or not and allow you to choose shadow box types template.

        • Caption Settings:

Caption Setting

Allows you to choose four different caption types option with its respective title font size, title font color,description font color and size,button color,background color,border color and caption position settings.

        • Pager Settings:

Pager Settings

Allows you to choose either display dot pager or thumbnail pager or pagination pager or disable the pager.

Visualizer: Charts and Graphs

Description

Visualizer: Tables and Charts Manager for WordPress (Lite) plugin is a simple, easy to use and quite powerful tool to create, manage and embed interactive charts & tables into your WordPress posts and pages.

The plugin uses Google Visualization API and DataTables.net to add responsive & animated charts/diagrams, which support cross-browser compatibility (adopting VML for older IE versions) and cross-platform portability to iOS and new Android releases. Is the best Excel to WordPress solution who let’s you insert charts to your wp site using a simple chart builder.

 

9 CHART TYPES

This WordPress graph plugin provides a variety of charts that are optimized to address your WordPress data visualization needs. It is line chart,flow chart, area chart, bar chart, column chart, pie chart, geo chart, gauge chart, candlestick chart and scatter chart. These charts are based on pure HTML5/SVG technology (adopting VML for old IE versions), so no extra plugins are required. Adding these charts to your page can be done in a few simple steps. The premium version can act as a interactive WordPress Table plugin, with sorting capabilities.

FLEXIBLE AND CUSTOMIZABLE

Make the charts your own. Configure an extensive set of options to perfectly match the look and feel of your website. You can use Google Chart Tools with their default setting – all customization is optional and the basic setup is launch-ready. However, charts can be easily customizable in case your webpage adopts a style which is at odds with provided defaults. Every chart exposes a number of options that customize its look and feel.

HTML5/SVG

Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions) and cross platform portability to iPhones, iPads and Android. Your users will never have to mess with extra plugins or any software. If they have a web browser, they can see your charts.

SEE HOW VISUALIZER CAN INTEGRATE WITH YOUR WEBSITE

 

How to set up Visualizer

TinyMCE Advanced

Description

TinyMCE Advanced introduces a “Classic Paragraph” block and a “Hybrid Mode” for the new Block Editor (Gutenberg).
If you are not quite ready to switch to the Block Editor, or have plugins that cannot be used there (yet), using the Classic Paragraph block and Hybrid Mode is your best option.
It lets you to continue to use the familiar TinyMCE editor for most tasks, and at the same time gives you full access to all blocks and new features in the Block Editor.

It includes 15 plugins for TinyMCE that are automatically enabled or disabled depending on the buttons you have chosen.

SOME OF THE FEATURES ADDED BY THIS PLUGIN

  • Hybrid mode that lets you use the best of both editors.
  • Includes a “Classic Paragraph” Block that can be used instead of or together with the default Paragraph Block.
  • Supports converting of most default blocks to “classic” paragraphs, and from classic paragraphs back to the default blocks.
  • Support for creating and editing tables in the Classic Blocks and the Classic Editor.
  • More options when inserting lists in the Classic Blocks and the Classic Editor.
  • Search and Replace in the Classic Blocks and the Classic Editor.
  • Ability to set Font Family and Font Sizes in the Classic Blocks and the Classic Editor.
  • And many others.