Hydrogen Pack

le 26/10/2021
JAG

Updated on June 24, 2021
Hydrogen (affiliate link) is a must-have 3rd party plugin for Oxygen.
Summary of Hydrogen Pack’s features:
Copy and paste elements not only within the current site but across different sitesCopy and paste stylesRight click menuConfigurable keyboard shortcutsSandbox modeStructure panel widthElement icons in the structure panelDisable edit lockingExport and import of settings
Of these, the most valuable feature for me besides the indispensable Copy and Paste is the customizable keyboard shortcuts.
A simple example of time-saving is when you want to say, add a Section in the Oxygen editor. The normal way is to click the +Add button and in the components panel, clicking on Section. A faster way to do the same is simply by typing s. That’s it. s for Section. And no, it does not add the Section (as you expect) when you are typing inside a Text or Heading component.
S – add SectionD – add DivT – add Text
and so on..
In this article, I shall share a table of Hydrogen’s keyboard shortcuts that I use in my Oxygen workflow. With these plus Navigator and Editor Tweaks modules of Oxy Toolbox, I fly along in Oxygen builder and WP admin.
NOTE: I use a Mac. If you are a Windows user, read Cmd as Ctrl.
ADDING ELEMENTS
Add SectionSAdd DivDAdd HeadingHAdd TextTAdd ImageIAdd Code BlockCAdd ColumnsMAdd ShortcodeOAdd ButtonBAdd Easy PostsEAdd Text LinkL
Note: I could have set R for adding a Repeater but I avoid Repeaters due to duplicate IDs issue.
ELEMENT-SPECIFIC
Copy elementCMD + CCut elementCMD + XPaste elementCMD + VDuplicate elementCMD + DDelete elementCMD + BACKSPACEWrap element with DIVWRename elementF2Change element IDCMD + F2
MOVING ELEMENTS ETC.
Move upCMD + ⬆️Move downCMD + ⬇️Activate parentPEdit content (for text-type elements)CMD + E
EDITING PROPERTIES
edit Background1edit Size & Spacing2edit Layout3edit Typography4edit Borders5edit Effects6edit Custom CSS7edit JavaScript8
SWITCHING BREAKPOINTS
Switch to the previous breakpointCMD + ➡️Switch to the next breakpointCMD + ⬅️
EDITOR
+ AddCMD + ASaveCMD + S
Screenshot

Import code
If you would like to import my Hydrogen Pack settings, copy and paste the following at Oxygen > Hydrogen Pack > Manage Settings – Import settings:
eyJjb250ZXh0TWVudSI6eyJlbmFibGVkIjp0cnVlLCJpdGVtcyI6eyJkdXBsaWNhdGUiOnRydWUsImNvcHkiOnRydWUsImNvcHlTdHlsZSI6dHJ1ZSwiY29weUNvbmRpdGlvbnMiOnRydWUsImN1dCI6dHJ1ZSwicGFzdGUiOnRydWUsInNhdmVSZXVzYWJsZSI6dHJ1ZSwic2F2ZUJsb2NrIjp0cnVlLCJ3cmFwIjp0cnVlLCJ3cmFwTGluayI6dHJ1ZSwic3dpdGNoVGV4dENvbXBvbmVudCI6dHJ1ZSwic2hvd0NvbmRpdGlvbnMiOnRydWUsInJlbmFtZSI6dHJ1ZSwiY2hhbmdlSWQiOnRydWUsImRlbGV0ZSI6dHJ1ZX19LCJjbGlwYm9hcmQiOnsiZW5hYmxlZCI6dHJ1ZSwiY29sb3JTZXQiOiJDb3BpZWQgQ29sb3JzIiwiZm9sZGVyIjoiQ29waWVkIENsYXNzZXMiLCJrZWVwQWN0aXZlQ29tcG9uZW50IjpmYWxzZSwiZmxhc2hDb3BpZWRDb21wb25lbnQiOnRydWUsInByb2Nlc3NNZWRpYUltYWdlcyI6dHJ1ZX0sInNob3J0Y3V0cyI6eyJlbmFibGVkIjp0cnVlLCJob3RrZXlzIjp7ImNvbXBvbmVudEJyb3dzZXIiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJhIn0sImNvcHkiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJjIn0sImNvcHlTdHlsZSI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6dHJ1ZSwia2V5IjoiYyJ9LCJjb3B5Q29uZGl0aW9ucyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiY3V0Ijp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoieCJ9LCJkdXBsaWNhdGUiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJkIn0sInNhdmVQYWdlIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoicyJ9LCJkZWxldGUiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJiYWNrc3BhY2UifSwicmVuYW1lIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImYyIn0sImNoYW5nZUlkIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZjIifSwibW92ZVVwIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYXJyb3d1cCJ9LCJtb3ZlRG93biI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImFycm93ZG93biJ9LCJ3cmFwIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IncifSwid3JhcExpbmsiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldENvbmRpdGlvbnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibiJ9LCJjbGVhckNvbmRpdGlvbnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFjdGl2YXRlUGFyZW50Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6InAifSwiZWRpdENvbnRlbnQiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJlIn0sInN3aXRjaFRleHRDb21wb25lbnQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUHJldmlvdXMiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJhcnJvd3JpZ2h0In0sInNldE1lZGlhTmV4dCI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImFycm93bGVmdCJ9LCJzZXRNZWRpYURlZmF1bHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUGFnZVdpZHRoIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJzZXRNZWRpYVRhYmxldCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwic2V0TWVkaWFMYW5kc2NhcGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUG9ydHJhaXQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZFNlY3Rpb24iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoicyJ9LCJhZGRCdXR0b24iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYiJ9LCJhZGRDb2x1bW5zIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6Im0ifSwiYWRkRGl2Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImQifSwiYWRkSGVhZGluZyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJoIn0sImFkZEltYWdlIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImkifSwiYWRkQ29kZSI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJjIn0sImFkZExpbmsiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibCJ9LCJhZGRSZXBlYXRlciI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJyIn0sImFkZFRleHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoidCJ9LCJhZGRSaWNoVGV4dCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiYWRkVmlkZW8iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZExpbmtXcmFwcGVyIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRJY29uIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRTaG9ydGNvZGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibyJ9LCJhZGRFYXN5UG9zdHMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZSJ9LCJhZGRHYWxsZXJ5Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRNb2RhbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwic3dpdGNoQWR2YW5jZWRUYWJCYWNrZ3JvdW5kIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjEifSwic3dpdGNoQWR2YW5jZWRUYWJQb3NpdGlvbiI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIyIn0sInN3aXRjaEFkdmFuY2VkVGFiTGF5b3V0Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjMifSwic3dpdGNoQWR2YW5jZWRUYWJUeXBvZ3JhcGh5Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjQifSwic3dpdGNoQWR2YW5jZWRUYWJCb3JkZXJzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjUifSwic3dpdGNoQWR2YW5jZWRUYWJFZmZlY3RzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjYifSwic3dpdGNoQWR2YW5jZWRUYWJDdXN0b21DU1MiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiNyJ9LCJzd2l0Y2hBZHZhbmNlZFRhYkphdmFzY3JpcHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiOCJ9LCJzd2l0Y2hDb2RlQmxvY2tUYWJzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhcHBseUNvZGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInRvZ2dsZUxlZnRTaWRlYmFyIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJ0b2dnbGVTdHJ1Y3R1cmVQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU2V0dGluZ3NQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU3R5bGVzaGVldHNQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU2VsZWN0b3JzUGFuZWwiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbENvbG9ycyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwibWFuYWdlR2xvYmFsRm9udHMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbEJyZWFrcG9pbnRzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJtYW5hZ2VHbG9iYWxMaW5rcyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwibWFuYWdlR2xvYmFsSGVhZGluZ3MiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbEJvZHlUZXh0Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJvcGVuRnJvbnRlbmQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZiJ9LCJvcGVuQmFja2VuZCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifX19LCJjb25kaXRpb25zRW5oYW5jZXIiOnsiZW5hYmxlZCI6dHJ1ZX0sInN0cnVjdHVyZUVuaGFuY2VyIjp7ImVuYWJsZWQiOnRydWUsImNvbXBhY3QiOnRydWUsImljb25zIjp0cnVlLCJvcGVuT25Mb2FkIjp0cnVlLCJleHBhbmRBbGwiOmZhbHNlLCJ3aWR0aCI6IiJ9LCJjb250ZW50RWRpdG9yRW5oYW5jZXIiOnsiZW5hYmxlZCI6dHJ1ZX0sImFkdmFuY2VkU3R5bGVzUmVzZXQiOnsiZW5hYmxlZCI6dHJ1ZX0sImRpc2FibGVFZGl0TG9ja2luZyI6eyJlbmFibGVkIjp0cnVlfSwiZGlzYWJsZUNvbXBvc2l0ZUVsZW1lbnRzIjp7ImVuYWJsZWQiOmZhbHNlfSwiY3NzQ2FjaGVSZWdlbmVyYXRpb24iOnsiZW5hYmxlZCI6dHJ1ZX0sImR5bmFtaWNDbGFzc2VzIjp7ImVuYWJsZWQiOmZhbHNlfSwiY2xhc3NMb2NrIjp7ImVuYWJsZWQiOmZhbHNlfSwicHJlc2VydmVBZHZhbmNlZFRhYnMiOnsiZW5hYmxlZCI6dHJ1ZSwicmVxdWlyZUFsdEtleSI6ZmFsc2V9LCJzYW5kYm94Ijp7ImVuYWJsZWQiOmZhbHNlfX0=
Printable

PDFWordPages

Nos experts se tiennent à votre disposition
pour répondre à vos questions et vous conseiller
dans votre projet digital.

Vous souhaitez développer une application ?

Envie d’échanger avec l’un de nos experts ? Besoin d’en savoir plus ?
En savoir plus

Recevez notre newsletter

La protection des données nous tient à cœur. JAG utilise les informations que vous fournissez afin de vous proposer des informations et du contenu pertinent sur nos produits et services. Vous pouvez vous désinscrire de ce type de communications à tout moment. Pour plus d'informations, consultez notre politique de confidentialité
© 2022 JAG Consulting, sas. Tous droits réservés.
© 2022 JAG Consulting, sas. Tous droits réservés.
4.8
Lire les 51 avis
google
Brieuc Pauly
08/09/2022

Créative, dynamique et très professionnelle, c'est à mon sens les piliers qui soutiennent cette équipe talentueuse ! Une agence à taille humaine qui privilégie la qualité et le résultat. Alors si vous souhaitez le meilleur pour votre communication adressez vous les yeux fermés à ces passionnés, plus que compétents ! (Translated by Google) Creative, dynamic and very professional, these are in my opinion the pillars that support this talented team! A human-sized agency that favors quality and results. So if you want the best for your communication, turn your eyes closed to these enthusiasts, who are more than competent!

google
Amaury Tardier
08/09/2022

Merci à Julien et son équipe, plus que satisfait par le travail fourni ! Je recommande vivement ! (Translated by Google) Thanks to Julien and his team, more than satisfied with the work provided! I highly recommend !

Ravi de travailler avec l'équipe JAG pour la gestion de mon site de e-Commerce. Equipe réactive et toujours pleine de bonnes idées pour améliorer les performances du site (Translated by Google) Glad to work with the JAG team for the management of my e-Commerce site. Responsive team always full of good ideas to improve the performance of the site

Merci à Julien pour son accompagnement dans mon projet, je recommande à 200% c est le Top (Translated by Google) Thanks to Julien for his support in my project, I recommend 200% it is the top

Excellente agence. Equipe est très pro, à l'écoute et de bon conseils. (Translated by Google) Excellent agency. The team is very professional, attentive and gives good advice.

Temps de réponse hors pair quand il y a eu un pb sur mon site, je vous recommande chaleureusement Julien :-) (Translated by Google) Unparalleled response time when there was a problem on my site, I warmly recommend Julien :-)

Charger plus
listarrow-right
Julien

Julien

Votre conseiller

I will be back soon

Une question ?

Julien
Bonjour ! Je suis Julien.
Comment puis-je vous aider?
Démarrer la conversation:
chat Live Chat