Footnotes optimized for desktop and mobile, inspired by the styles of Grantland and FiveThirtyEight.
Use a footnote in your post by using the footnote icon in the WordPress editor or by using the shortcode: [mfn]this will be a footnote[/mfn] The plugin will automatically associate sequential numbers with each plugin.
On desktop, footnotes will appear as a tooltip when the user clicks on the number. On mobile, footnotes will expand as a section below the current text.
The Gutenberg editor gives you a visual interface that makes it easy for you to compose a page or post. However, many people still edit their content using the code editor. Fortunately, the code editor is still present within the Gutenberg editor. You can edit the entire post or page as code, or you can edit individual blocks as code. We will show you how to use the code editor in the Gutenberg editor using a sample post.
If you want to learn how to use the code editor on the classic editor, you can learn how to do so here.
USING THE CODE EDITOR TO EDIT AN INDIVIDUAL BLOCK
In order to access the code for an individual block you will need to be logged into the WordPress Administrator Dashboard. Open the page or post that you wish to edit using the Gutenberg editor.
Click on the block that you wish to edit with the code editor.
To the the right of the block you will see 3 vertical dots. Click on the dots.
A pop-up menu will appear. Click on the option labeled Edit as HTML.
You will then see the block displayed in code. Make your changes or additions to the block.
Once you are finished, you will need to click on the Update or Publish options in the top right corner of the editor in order to save your changes. Note that if you wish to see the block in the visual editor after the changes, simply click on the 3 vertical dots again and then click on option labeled Edit Visually.
WordPress authors have the option to create pages and posts in a Visual Editor or a Text Editor. While the Visual Editor does a reasonably good job with its toolbar options and easy editing environment, the use of the Text Editor allows maximum flexibility on how to organize content.
Let me explain not just why you’d want to use the Text Editor (in place of the Visual Editor), but how easy it can be to use.
Why might you prefer the Text Editor?
Your content will make more sense for your readers and search engines.
You only need to know a few HTML tags to make the Text Editor very useful.
You can apply CSS style properties directly to your HTML code.
What Happens When You Use The Visual Editor?
When you add copy, media or links to your Visual Editor you’re really adding HTML to your page or post. It all takes place under the hood.
Not sure what I mean? Try this.
Add some content by copying and pasting something in the Visual Editor. Then select the Text tab. What you’ll be looking at is HTML. Just like with the Visual Editor, you can edit your HTML code directly with the Text Editor.
In fact, you can do a lot more with the Text Editor than you can with the Visual Editor. This makes working in text mode not just more productive but more satisfying too. You’ll be able to more accurately markup your content which will benefit your readers and boost your SEO efforts.
HTML is about as straightforward as it gets. Every web page, including those generated by WordPress, use it.
You can create menus in WordPress by visiting Appearance » Menus in your WordPress admin area.
This will bring you to the Edit Menus screen which is divided into two columns. The column on your left has your pages, categories, and custom links tab. The column on the right is where you add and adjust menu items.
Let’s create your first custom navigation menu.
Provide a name for your menu, e.g. ‘My First Menu’ and then click on the create menu button. This will expand the menu area, and it will look like this:
As you can see in the screenshot, our demo site has three theme locations labeled primary, secondary, and social. The location names and placements vary from theme to theme.
Next, you need to select the pages you want to add to the menu. You can do this by selecting the pages listed on the left hand side and clicking on Add to Menu button.
After adding pages to the menu, select the theme location where you want to display the menu and click on the ‘Save Menu’ button.
Don’t worry if you’re unsure where each menu location is on your site. You can visit the website to see the menu in action. If you don’t like it, then you can always change the menu location.
Arranging Items in a Custom Navigation Menu
You probably noticed that each menu item you added is arranged in the order you added them. For example, your about link appears at the end, while the contact page link appears first. Don’t worry you can easily rearrange your WordPress menu items in any order you want.
Simply drag and drop a menu item to adjust its position in the menu.
Repeat the process to create new menus for other theme locations.
Creating Nested Drop-Down Menus in WordPress
Nested menus, also known as drop-down menus, are navigational menus with parent and child menu items. These menus are usually styled by WordPress themes in such a way that when a user takes their mouse to a parent item, all their sub-menus are displayed.
Creating nested menus allow you to add a properly structured navigation system to your site. Here is how you can add a menu item as a sub-menu in WordPress.
In your menu structure, drag the menu item just below the parent item. Next, slightly drag the menu item to the right. You will notice that it will automatically become a sub-menu item.
You can add multiple layers of sub-items to create deeply nested navigation menus. However, it’s important to note that not all themes support multi-layer nested menus. Most do up to 2-layers.
Adding Categories to WordPress Menus
If you’re using WordPress to run a blog, then you can add your blog categories as a drop-down in your WordPress menu.
By default, WordPress provides an easier way to add pages and categories from the left-hand column on the menu editor screen.
Start by clicking on the Categories tab to expand it. You will see your blog categories listed there. Simply select the categories you want to add to the menu, and then click on add to menu button.
You will notice that categories will appear as menu items under menu structure column. Just like pages, you can simply drag and drop them to arrange their position on the menu. In this example, we have dragged all categories to appear as sub-menu items under the Blog.
Adding Custom Links to Your WordPress Navigation Menus
While adding categories and pages is easy, what if you want to add a link to your social media profile or another location? This is when you can use the custom link option.
Simply click on the custom link tab in the left-hand column to expand it. You will notice that it only has two fields. The first one is for URL where you will need to add the actual link you want to add. The second field is labeled link text where you will add the anchor text for the link.
Note: It’s important that you must start all links with http:// or https://. If you don’t, then the links will be broken.
Editing a Menu Item in WordPress Navigation Menus
When you add pages or categories to your custom navigation menu, WordPress automatically uses the page title or category name as the link text. This does not mean that you cannot change it.
All menu items can be edited by simply clicking on the downward arrow next to a menu item.
Here you can change the menu’s navigational title or link text. You can also add a title attribute to the link. Don’t forget to click on the save menu button to store your changes before previewing your website.
Removing a Link From Navigation Menus in WordPress
You can remove a link in the same way you edit them. Just click on the downward arrow icon next to a menu item, and you will notice a red Remove link. When you clicking on it, the link will be removed from your navigation menus.
Understanding Theme Locations For Your Navigation Menus
Navigation Menus are a theme feature in WordPress. Their appearance and display is controlled entirely by your WordPress theme. The admin area only provides a user interface to add and manage those menus. The theme we were using Only had two menu settings available, Primary Menu, and Social Menu. We can change our theme to “TwentyFourteen” to show an example of two menu bars. If you would like to learn how to change your theme, please check out the following article.
WordPress themes usually have at least one theme location for navigation menus. However, some themes may have more than one theme locations such as the theme TwenyFourteen which has two theme locations primary, secondary menus.
Also it’s important to note that the names of these menu locations would also vary from theme to theme. While some may call it primary another may call it header. It’s entirely based on theme developer’s preference.
Upload PDFs and embed them straight into your site – just like adding images! PDFs will be automatically sized to their natural size and shape (or just fill the width available if they are too big). Optionally, you can specify a width and the correct height will be calculated automatically. The shape will be recalculated whenever the page is resized by the user.
The plugin has a unique method for embedding PDFs, using Javascript only, and not using iframes or third-party services. This gives a lot of flexibility over the appearance of your document.
The free viewer currently has Next/Prev buttons to page through the document, and zoom buttons.
PDFs are embedded within your existing WordPress pages so we have full control over appearance, and all Javascript and other files are served by your own server (not by Google or any other third-party who may not be able to guarantee their own reliability).
Even if other plugins use similar technology, they will insert the PDF itself into an ‘iframe’ which means they do not get the flexibility over sizing.
There is no button for users to download the PDF in the free version of the plugin, but this is available in the Premium versions along with other extra features.
Hyperlinks in your PDF will only be clickable in the Premium versions.
USAGE
Once installed and Activated, click Add Media from any page or post, just like adding an image, but drag and drop a PDF file instead.
When you insert into your post, it will appear in the editor as a ‘shortcode’ as follows:
You can change the default appearance – e.g. width, and toolbar position/appearance through Settings -> PDF Embedder.
To override your site-wide defaults on an individual embed, see the Plugin Instructions for information about sizing options plus other ways to customize the shortcodes.
Size and Shape
You can optionally override width and height as follows:
If width=’max’ the width will take as much space as possible within its parent container (e.g. column within your page).
If width is a number (e.g. width=’500′) then it will display at that number of pixels wide.
In all cases, if the parent container is narrower than the width calculated above, then the document width will be reduced to the size of the container.
The height will be calculated so that the document fits naturally, given the width already calculated.
It is possible to specify a fixed height (e.g. height=”200″), in which case the document may be cut off vertically.
The height will be reduced to fit if it is larger than needed to display the document correctly.
Note:
If you are using the ‘Twenty Nineteen’ theme, you will have to add the following CSS to get the PDF to show the full file.
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.
From your site’s Dashboard navigate to the Tools tab.
once in the tools tab, navigate to the ‘Delete Site’ option below.
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.”
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.
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
Family – Choose your font family
Size – Choose a size for your font
Weight – Choose the weight of the font
Transform – Choose the Transform properties for the font
Style – Choose between Normal, Italic, and Oblique
Decoration – Choose the text Decoration
Line-Height – Use the slider to set your line-height
LetterSpacing – 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.
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.
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 – 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
Activate the plugin through the ‘Plugins’ menu in WordPress.
For customizing the plugin’s settings, click on WP 1 Sliders option menu in WordPress left admin menu.
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.
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
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
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
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:
Allows you to choose either display slider box shadow or not and allow you to choose shadow box types template.
Caption Settings:
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:
Allows you to choose either display dot pager or thumbnail pager or pagination pager or disable the pager.
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
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.
One of the great benefits with using H5P is that it gives you access to lots of different interactive content types, such as presentation, interactive video, memory game, quiz, multiple choice, timeline, collage, hotspots, drag and drop, cloze test (fill in the blanks), personality quiz, accordion, flash cards, audio recorder.
Another great benefit with H5P is that it allows you to easily share and reuse content. To use content created with H5P, you simply insert a shortcode [h5p Id="1"] where you wish for the content to appear. To reuse content, you just download the H5P you would like to edit and make your changes – e.g. translate to a new language or adjust it to a new situation.
Gutenberg Blocks and Template Library by Otter is a lightweight WordPress plugin that brings extra Gutenberg blocks to your site. So if you want to create complex pages and posts optimized for e-commerce, business, social media, blogs – you name it -comes with dozens of Gutenberg blocks that are all you need to build beautiful pages.
A feature that is worth mentioning is the Section Block that allows you to build columns and various layouts in Gutenberg. Moreover, aside from the Gutenberg blocks, the plugin provides a beautiful library of pre-built Gutenberg-compatible templates that you can simply import via one click. The templates have block-friendly layouts that can be customized with no effort.
Every block can be customized in a few seconds, as they come with an easy and intuitive user
FeedWordPress is an open-source Atom/RSS aggregator for the WordPress blog publishing platform. You set up feeds that you choose, and FeedWordPress syndicates posts from those sources into your WordPress posts table, where they can be displayed by your WordPress templates like any other post — but with additional meta-data, so that your templates can properly attribute the post to the source it came from.
FeedWordPress was originally developed because I needed a more flexible replacement for Planet to use at some aggregator sites that I administered. You can use FeedWordPress to create aggregator sites that bring together posts from many different sources, using the WordPress templating engine to display posts from all around the web. Or you can use it to bring together activity from your blogs, social networks and other online services, into a Lifestream with all your online activity in one place.
Email Subscribers is a complete newsletter plugin which lets you collect leads, send automated new blog post notification emails, create & send newsletters and also manage them all in one single place.
Perfect Plugin for All your Newsletter Needs
Email Subscribers is a fully featured subscription plugin specially created keeping in mind all the needs and requirements of a regular blogger, website owner, marketer and developers. It helps you achieve all the things you need to build a list and keep them engaged within a single plugin.
Easily Collect Leads On Your Website : Insert a neat looking subscription anywhere on your website. This subscription box is beautifully designed and grabs audiences attention instantly.
Send Automated Updates when a Post is published : Save on time by automating the process of sending emails each time a blog post is published.
Quickly Create, Schedule and Send Newsletters : Create beautiful newsletters using the HTML editor and send them to your subscribers either manually or via cron.
Complete Feature List of Email Subscribers
Send notification emails to subscribers when new posts are published.
Option to schedule email (Cron job option) or send them manually.
Collect customer emails by adding a subscription box (Widget/Shortcode/PHP Cod).
Double Opt-in and Single Opt-in facility for subscribers.
Email notification to admin when user signs up (Optional).
Automatic welcome email to subscribers (Optional).
Automatically add Unsubscribe link in the email.
Import/Export subscribers emails.
HTML editor to create newsletters and post notifications.
Send newsletters.
Sent email status and when it was viewed.
Support localization or internationalization.
Include/exclude categories while sending a newsletter or post notification.
Ability to control user access (Roles and Capabilities).
You must be logged in to post a comment.