Git Product home page Git Product logo

child-page-tree's Introduction

Child Page Tree

Travis GitHub license WordPress plugin WordPress WordPress Paypal

Contributors: obstschale
Donate link: PayPal Donation
Tags: page, tree, child, children
Requires at least: 4.0
Stable tag: 1.0.1
Tested up to: 4.5

Display a page tree of all child pages of the current site

Description

Child Page Tree adds a select box to the page edit site right above the publish button. Using this select box you can decide whether to add and where to add the page tree. You can either add the page tree at the very top of page (prepend) or add it to the end of a page (append).

The output is a unorderd list with nested lists to reflect the hierarchy of the children. However this list can be changed using the build-in filter child_page_tree_before_output. This filter is applied before the list is added to content.

The plugin ships with basic stylesheet, which adds a icon to each link and does not show the hierarchy of the pages. The handler for this stylesheet ist child_page_tree_style and you can simple dequeue the script using wp_dequeue_style(). Another way to add your own custom style is to override the default style by using a custom CSS plugin. The page tree has an id (ul#child_page_tree) you can use and one class, either .append or .prepend depending its location.

Requirements

  • min. PHP 5.4

Screenshots

1. Append page tree to site without any style

Screenshot of the settings page

2. Prepend page tree with custom stylesheet

Screenshot of the settings page

3. Example of usage for documentations

Screenshot of the settings page

4. Select box in backend

Screenshot of the settings page Screenshot of the settings page

Installation

You can download and install the plugin using the built in WordPress plugin installer. If you download it manually, make sure it is uploaded to "/wp-content/plugins/child-page-tree/". Activate Child Page Tree in the "Plugins" admin panel using the "Activate" link.

Frequently Asked Questions

Can I add the page tree to another location on the page?

No. Currently the plugin only supports appending and prepending. A shortcode could work but is not planned.

Is it possible to add a page tree of page X into page Y?

No. Child Page Tree displays only the page tree of the current site.

Changelog

1.0.1

  • [FIX] setter call which caused PHP errors
  • [FIX] load textdomain for translations
  • [ADD] Banner and Icon for WordPress.org Repo
  • [ADD] Check PHP version before instantiating object

1.0.0

  • Initial release of the plugin
  • [FEATURE] append or prepend page tree to site
  • [HOOK::FILTER] child_page_tree_before_output child page tree before adding it to content

child-page-tree's People

Contributors

obstschale avatar

Watchers

 avatar  avatar

child-page-tree's Issues

one level child page

Hi,

We want to display only one level of child pages . Not the whole tree.

Can you help us please?

Make Palm Icon gray

== In Backend ==

Add this style to make the palm icon as gray as the other icons.

.dashicons-palmtree:before {
    content: "\f527";
    color: #82878c; /* add color so it fits the other dashicons */
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.