What are your facial expressions whilst coding?

To be in with a chance to win a copy of the book Programming Joomla Plugins by Jisse Reitsma, submit a photo to social media of yourself or a friend of their facial expressions whilst writing code.

Don’t forget to use the hashtag #facesofcode

The funniest 12 Faces of Code will receive a copy each.

Deadline: Thursday 30th June 2016

About the book: https://www.yireo.com/books/programming-joomla-plugins-book

Read more

JED development: How to collaborate and improve our extensions directory

J and Beyond 2016 is around the corner. This time, JED team is proud to have a session devoted to introduce JED development, a new open collaboration process to improve our loved extensions directory. Take note and join us in this wonderful time of the year: 12 pm to 1pm, Sunday 22nd May - Room 4.

 

JED is our biggest community site to publish extensions and a critical part of Joomla! experience. The development process has been recently be opened to everyone. YOU can take the extra step to collaborate and improve it. This session introduces how developers can participate and setup the development environment. Additionally, we are going to show the state of the art technologies that have been applied to JED.

If your are interested in Joomla extensions and JED, don't miss this unique opportunity and make sure you attend to this session and talk with us.

Take note and join us in this wonderful time of the year: 12 pm to 1pm, Sunday 22nd May - Room 4.

UPDATE 2016-05-26

 

Author

Aníbal Sánchez

Read more

If you want to change colors, font properties, spacing, backgrounds and other design features, adding a custom CSS file is the answer.

If you're using Protostar as template and want to tweak the look, don't edit template.css, instead use this cool feature available since Joomla 3.5 to load your own CSS file.

Let's start...

 

Step 1. Create a new CSS file

The file we will create should be named "user.css", so Protostar can load it automatically.

  • Go to Extensions
  • Templates
  • Templates (button on the left)

Load Custom CSS in Protostar Joomla Template

  • Protostar Details and Files

Load Custom CSS in Protostar Joomla Template

Here you can create template overrides and create new files.

  • Click in New file button.

Load Custom CSS in Protostar Joomla Template

  • Select the css folder
  • Choose “css” as File type
  • Type “user” as File name
  • Click Create button

Load Custom CSS in Protostar Joomla Template

A successful message will confirm the creation of a new file where you can safely add your customisations in order to change the design of Protostar, the default Joomla template.

 

Step 2. Edit the new CSS file

  • Edit the file user.css, located inside the css folder.
  • On the right side of the screen, add your own custom CSS.
  • Click Save when you’re done.

Load Custom CSS in Protostar Joomla Template

In my example, I’m increasing the size of the text using the font-size and line-height properties.

 

Step 3. End result

Visit the public face of your site. Protostar will automatically detect and load our custom code.

Load Custom CSS in Protostar Joomla Template

As you can see in the screenshot above, the text is bigger which means my tweaks are working. It doesn’t look good, but is enough to illustrate how the loading of custom CSS works in the default Joomla template.

 

Author

Valentín García

Read more

As a template developer, sometimes is good to know some tricks to make a template lighter.

If you consider one or more Javascript files are not relevant to your Joomla site, you can remove them.

Continue reading to find out how!

 

Note: there is no guarantee this trick will always work; use it with caution.

Which file you want to stop loading?

Visit your site and check the source code.

You can do this with right click > “View page source” or similar. You can also use Ctrl + U keys in Windows.

Remove Javascript Files with PHP in Joomla

Let’s say I want to remove mootools-core.js script from source code.

Remove Javascript Files with PHP in Joomla

Let’s do it!

Important: if you’re using a template developed by someone else that may get updates in future, is good practice to duplicate it and work over your copy instead.

Edit your template by going to:

  • Extensions
  • Templates
  • Templates (on the left side)
  • Your Template Details and Files

Remove Javascript Files with PHP in Joomla

  • Edit index.php, and add this line of PHP code at the top:

unset($this->_scripts[JURI::root(true) . '/media/system/js/mootools-core.js']);

  • Replace '/media/system/js/mootools-core.js' with the relative path of the file you want to stop loading.

Remove Javascript Files with PHP in Joomla

  • Click save & close when you’re done.

End result

Refresh your public site and check again the source code.

If everything is correct, the Javascript file won't be loaded anymore.

Remove Javascript Files with PHP in Joomla

 

Author

Valentín García

Read more

Github is the online service where the Joomla code is hosted and maintained. Here is the place where the updates are born, reviewed and tested, time before they are released.

Did you find a bug in Joomla that you want to fix?

In this post, I'll share a basic guide to help you submit your code to the Joomla CMS Project by using Github. Let's start!

It is important to be familiar with Github; you don't need to be an expert, though.

 

Step #1. Get your own copy of Joomla

It is necessary to create a copy of the Joomla CMS repository first.

joomla github

  • Click Fork button, and wait until the process finish.

joomla github

A copy of the Joomla core will be available as a new repository through your own Github account.

My username is htmgarcia, so my repository is available at github.com/htmgarcia/joomla-cms.

 

Step #2. Access your own Joomla repository

  • Go to github.com/your-github-username.
  • Click Repositories tab.
  • Find “joomla-cms” - This is your copy of Joomla's code.

joomla github

To confirm you’re indeed inside your copy of Joomla’s code (and not in the original), look for the details on top where it mention: your-github-username/joomla-cms, and below shows the original repository location.

joomla github

 

Step #4. Edit the files and commit changes within your repository

Here you have access to all the files from the Joomla core:

joomla github

Feel free to edit them based on the contribution you want to make, such as improvements, bug fixes, design suggestions, etc.

My example will be dummy; the purpose of this "improvement" is to illustrate the next steps.

  • I navigate through templates / protostar / css /  because I want to edit template.css.

joomla github

  • Click Edit - the pencil icon.

joomla github

Do the code changes you think will improve the CMS. In this case I’m adding a cute comment to the template’s CSS file. I strongly suggest you to do something more useful than that :D

joomla github

Once you finish, scroll down and click Commit changes button.

joomla github

An update message will confirm the file has been updated.

joomla github

 

Step #5. Send a Pull Request to the original Joomla repository

At this point, you modified the code in your own copy of Joomla.

The next step is to do a pull request, which means submit your changes from your copy of Joomla to the original repository.

  • Go back to your Joomla's repository - github.com/your-github-username/joomla-cms
  • Click New pull request.

joomla github

The next screen will display important information to check:

  • The base fork should be joomla/joomla-cms with “staging” as base.
  • Head fork should be your-github-username/joomla-cms with “staging” selected in compare box.
  • If everything is correct you can click Create pull request.

joomla github

A last confirmation step will ask you for details such as:

  • Pull request for issue - If your changes are intended to solve an existing issue from this list, type the number here.
  • Write a brief summary of your changes.
  • Provide detailed instructions to test your improvements.
  • Click Create pull request button when you’re done.

joomla github

 

Step #6. Wait until your contributions are reviewed

Joomla volunteers from the community will check your code, test and based on the results they will decide if worth to merge your improvements into the master branch.

Your pull request from previous step will be publicly available from here.

Pay attention during the next hours and/or days to the discussion that your pull request will generate. It is important to be part of the conversation until your contribution is accepted or not as part of the Joomla core.

******

If you want to know more about contributing to Joomla, read Filing bugs and issues document.

 

Author

Valentín García

Read more

© 2019 Extly, CB - All rights reserved.