How can I customize my course press theme. How the courses are displayed

Dear team,

I would like to change the themes of the way that the courses are displayed. Is there any way that I can do it. Are there any pre built themes which can be reused.

QA site
http://176.32.230.23/ulearn.lk/qa/courses/

Sample sites
https://courses.guru.lk/search/category/school
https://www.udemy.com/courses/

Thanks,
Ziyan

    Adam Czajczyk

    Hey Ziyan,

    I hope you're doing well! Thank you for using our CoursePress Pro plugin!

    As for changing CoursePress theme you've got a few options. First of all, the plugin should work fine with any standards-compliant WordPress theme, however such a theme may need a little customization. I'll get into it below.

    You can also tweak some aspects of CoursePress design by going to your dashboard's "CoursePress Pro" -> "Settings" page -> "General" tab where you'll find an entire area with dropdown menus that allow you to switch some parts of CoursePress from "Virtual pages" to the "real" ones - that you can style exactly as you want.

    For education targeted themes you may want to try our "Scholar Theme" or "Edublogs Homepage Theme". Actually, those are not designed especially for CoursePress but were made with educational purposes in mind.

    There's also a "CoursePress theme" bundled with the plugin, but I guess you already know it.

    That being said, the best way would be to build your own child theme upon "CoursePress" theme or any theme of you choice. In order to build upon "CoursePress" theme you'll first need to copy it from plugins/coursepress/themes folder into your /wp-content/themes folder. Standard WordPress themes are already there.

    Here's more info about creating child themes:

    1) Official WordPress docs: http://codex.wordpress.org/Child_Themes
    2) "How to Create a WordPress child theme" article at our blog.

    Those two articles should give you a good start. However, if you don't feel comfortably with at least basic php+html+css then you may want to try one of our Upfront themes that will let you build a great looking page without touching a single line of code - just with a few mouse clicks. Check it out here: https://premium.wpmudev.org/projects/category/themes/

    I hope that helps.

    Cheers,
    Adam

    Ziyan

    Hi Adam,
    Thank for putting a lot of information on this forum, which I really required on this project.

    Those were very useful for me as I have started to create my own child themes from the existing themes. Apart from the links which you have given, the below play list from YouTube helped me a lot.
    https://www.youtube.com/playlist?list=PLLnpHn493BHGACfv4rC29kJamYMtw34D9

    However I would be more happy if you could help me as you are more experienced in WordPress to find out some more information(video tutorial, any other) to create my own template and widgets so that I can make my site more in to what I need.

    Also could you please help me to know which sort code of course press pro can be used to display courses by course categories.

    Thanks,
    Ziyan

    Adam Czajczyk

    Hey Ziyan,

    I hope you're having a good day!

    It's great to hear that you've found such a fine resource as this YouTube playlist. As for building your own WP themes (which is actually the same as building child theme's, except a a small differences that you already know), I'd really encourage you to search Google with phrases such as: "WP child theme", "creating WP themes", "how to build WordPress theme". One great resource I'd recommend to anyone is this site:

    https://css-tricks.com/

    It's a page dedicated to CSS and you'll find there a lot of very handy css snippets, tips and tricks that will save you a lot of time, as CSS is a crucial part of building WP theme (any other kind of site also, in fact).

    I'd also like to point you to our blog here: https://premium.wpmudev.org/blog/ (there's a search box).

    As for CoursePress itself I think the best way to find out everything you need to know would be to analyze the bundled CoursePress theme. Actually, you're free to copy and paste entire parts of code into your child theme in order to keep the desired features and just style it with CSS of your own.

    You may also take a look at

    "CoursePress Pro" -> "Settings" -> "Shortcodes" page

    in your dashboard. There's a huge list of handy shortcodes that cover pretty much every feature you may wish to use on your pages. Also, though it's not quite recommended due to the WordPress official documentation, you may use those shortcodes directly in your child theme's templates by invoking the "do_shortcode()" function (https://codex.wordpress.org/Function_Reference/do_shortcode).

    I hope that helped.

    Cheers,
    Adam

    Ziyan

    Hi Adam,
    It is great that the way that you have supported me so far and I feel that you are changing me to a position where I might be able to create my own template. I would like to thank you to all the efforts so far.
    However I appreciate if it can be little bit faster than this as we are getting closer to our planned deadlines and the release dates.

    Also I would like to know if there are any possibility that, we can limit the users only to the front end and will not be able to see any clue that they can access the WP back end. Given that they should also be able to edit there personal information.

    The crucial feature is to give the lecturers upload there own courses using course press pro, but in the front end (not using the wp-admin) panel. Is there any way that we can facilitate this to the end users. Are there any sortcodes or iframes to make it happen.

    Thanks,
    Ziyan

    Adam Czajczyk

    Hello Ziyan,

    I hope you're well today and I apologize that I kept you waiting again!

    I'm glad I could help and as for the response speed I can only apologize again as I'm a relatively new guy here I'm constantly improving my workflow and my way around here so I'll make sure to take as good care of you as possible.

    As for the front-end course editing there's now shortcodes or other tools that I'm aware of. The workaround would be to limit dashboard access for instructors (as well as for students) and set some strict capabilities for them (at "CoursePress Pro" -> "Settings" -> "Instructor Capabilities" page).

    You may use this plugin to completely remove dashboard access for students:
    https://wordpress.org/plugins/remove-dashboard-access-for-non-admins/
    and then create a page including [courses_student_dashboard] shortcode.

    Disabling the dashboard completely for instructors would result in them being unable to edit courses however. That said, please take a look at this article:

    https://premium.wpmudev.org/blog/limit-access-to-your-wordpress-dashboard/

    I hope that helps!

    Have a great day!
    Adam