Tutoriel / Guides wordpress

Les dernières actualités par JAG

26/10/2021

Info Boxes with Corner Triangles in Oxygen

This members-only tutorial provides the steps to set up info boxes having clickable corner triangles. Step 1 Install and activate Hydrogen Pack or Hydrogen Paste. Step 2 In the Oxygen editor add a Section (or select an existing one), then copy the following and paste with the Section selected: eyJzb3VyY2UiOiJodHRwczovL294eWdlbi5sb2NhbCIsImNvbXBvbmVudCI6W3siaWQiOjE2LCJuYW1lIjoiY3RfZGl2X2Jsb2NrIiwib3B0aW9ucyI6eyJjdF9pZCI6MTYsImN0X3BhcmVudCI6Miwic2VsZWN0b3IiOiJkaXZfYmxvY2stMTYtMiIsIm9yaWdpbmFsIjp7ImN1c3RvbS1jc3MiOiIifSwiYWN0aXZlc2VsZWN0b3IiOiJteS1pbmZvLWJveGVzIiwiY2xhc3NlcyI6WyJteS1pbmZvLWJveGVzIl19LCJjaGlsZHJlbiI6W3siaWQiOjE3LCJuYW1lIjoiY3RfbGluayIsIm9wdGlvbnMiOnsiY3RfaWQiOjE3LCJjdF9wYXJlbnQiOjE2LCJzZWxlY3RvciI6ImRpdl9ibG9jay0xNy0yIiwib3JpZ2luYWwiOnsidXJsIjoiIyIsInVybF9lbmNvZGVkIjoidHJ1ZSJ9LCJjbGFzc2VzIjpbImhhcy10cmlhbmdsZS1jb3JuZXIiXSwiYWN0aXZlc2VsZWN0b3IiOiJoYXMtdHJpYW5nbGUtY29ybmVyIn0sImNoaWxkcmVuIjpbeyJpZCI6MjEsIm5hbWUiOiJjdF9mYW5jeV9pY29uIiwib3B0aW9ucyI6eyJjdF9pZCI6MjEsImN0X3BhcmVudCI6MTcsInNlbGVjdG9yIjoiZmFuY3lfaWNvbi0yMS0yIiwib3JpZ2luYWwiOnsiaWNvbi1pZCI6IkxpbmVhcmljb25zaWNvbi1hcnJvdy1yaWdodCJ9LCJhY3RpdmVzZWxlY3RvciI6Im15LWFycm93IiwiY2xhc3NlcyI6WyJteS1hcnJvdyJdLCJjdF9jb250ZW50IjoiIn0sImRlcHRoIjoxfSx7ImlkIjoxOCwibmFtZSI6ImN0X3RleHRfYmxvY2siLCJvcHRpb25zIjp7ImN0X2lkIjoxOCwiY3RfcGFyZW50IjoxNywic2VsZWN0b3IiOiJ0ZXh0X2Jsb2NrLTE4LTIiLCJhY3RpdmVzZWxlY3RvciI6Im15LXRleHQiLCJjbGFzc2VzIjpbIm15LXRleHQiXSwiY3RfY29udGVudCI6IkVuZXJnaXN0aWNhbGx5IGVtYnJhY2UgZnVuY3Rpb25hbGl6ZWQgcG9ydGFscyB3aXRob3V0IG5leHQtZ2VuZXJhdGlvbiBpbmZyYXN0cnVjdHVyZXMuIn0sImRlcHRoIjoxfV0sImRlcHRoIjo1fSx7ImlkIjoyNCwibmFtZSI6ImN0X2xpbmsiLCJvcHRpb25zIjp7ImN0X2lkIjoyNCwiY3RfcGFyZW50IjoxNiwic2VsZWN0b3IiOiJkaXZfYmxvY2stMjQtMiIsIm9yaWdpbmFsIjp7InVybCI6IiMiLCJ1cmxfZW5jb2RlZCI6InRydWUifSwiY2xhc3NlcyI6WyJoYXMtdHJpYW5nbGUtY29ybmVyIl0sImFjdGl2ZXNlbGVjdG9yIjoiaGFzLXRyaWFuZ2xlLWNvcm5lciJ9LCJjaGlsZHJlbiI6W3siaWQiOjI3LCJuYW1lIjoiY3RfZmFuY3lfaWNvbiIsIm9wdGlvbnMiOnsiY3RfaWQiOjI3LCJjdF9wYXJlbnQiOjI0LCJzZWxlY3RvciI6ImZhbmN5X2ljb24tMjctMiIsIm9yaWdpbmFsIjp7Imljb24taWQiOiJMaW5lYXJpY29uc2ljb24tYXJyb3ctcmlnaHQifSwiYWN0aXZlc2VsZWN0b3IiOiJteS1hcnJvdyIsImNsYXNzZXMiOlsibXktYXJyb3ciXSwiY3RfY29udGVudCI6IiJ9LCJkZXB0aCI6MX0seyJpZCI6MjUsIm5hbWUiOiJjdF90ZXh0X2Jsb2NrIiwib3B0aW9ucyI6eyJjdF9pZCI6MjUsImN0X3BhcmVudCI6MjQsInNlbGVjdG9yIjoidGV4dF9ibG9jay0yNS0yIiwiYWN0aXZlc2VsZWN0b3IiOiJteS10ZXh0IiwiY2xhc3NlcyI6WyJteS10ZXh0Il0sImN0X2NvbnRlbnQiOiJDb21wZWxsaW5nbHkgdW5kZXJ3aGVsbSBleGNlbGxlbnQgbmV0d29ya3MgYW5kIGZsZXhpYmxlIHdlYiBzZXJ2aWNlcy4ifSwiZGVwdGgiOjF9XSwiZGVwdGgiOjV9LHsiaWQiOjI4LCJuYW1lIjoiY3RfbGluayIsIm9wdGlvbnMiOnsiY3RfaWQiOjI4LCJjdF9wYXJlbnQiOjE2LCJzZWxlY3RvciI6ImRpdl9ibG9jay0yOC0yIiwib3JpZ2luYWwiOnsidXJsIjoiIyIsInVybF9lbmNvZGVkIjoidHJ1ZSJ9LCJjbGFzc2VzIjpbImhhcy10cmlhbmdsZS1jb3JuZXIiXSwiYWN0aXZlc2VsZWN0b3IiOiJoYXMtdHJpYW5nbGUtY29ybmVyIn0sImNoaWxkcmVuIjpbeyJpZCI6MzEsIm5hbWUiOiJjdF9mYW5jeV9pY29uIiwib3B0aW9ucyI6eyJjdF9pZCI6MzEsImN0X3BhcmVudCI6MjgsInNlbGVjdG9yIjoiZmFuY3lfaWNvbi0zMS0yIiwib3JpZ2luYWwiOnsiaWNvbi1pZCI6IkxpbmVhcmljb25zaWNvbi1hcnJvdy1yaWdodCJ9LCJhY3RpdmVzZWxlY3RvciI6Im15LWFycm93IiwiY2xhc3NlcyI6WyJteS1hcnJvdyJdLCJjdF9jb250ZW50IjoiIn0sImRlcHRoIjoxfSx7ImlkIjoyOSwibmFtZSI6ImN0X3RleHRfYmxvY2siLCJvcHRpb25zIjp7ImN0X2lkIjoyOSwiY3RfcGFyZW50IjoyOCwic2VsZWN0b3IiOiJ0ZXh0X2Jsb2NrLTI5LTIiLCJhY3RpdmVzZWxlY3RvciI6ZmFsc2UsImNsYXNzZXMiOlsibXktdGV4dCJdLCJjdF9jb250ZW50IjoiUGhvc2ZsdW9yZXNjZW50bHkgcGFyYWxsZWwgdGFzayBvbmUtdG8tb25lIHN5c3RlbXMgZm9yIGUtYnVzaW5lc3MgYWxpZ25tZW50cy4gQXBwcm9wcmlhdGVseSB0cmFuc2Zvcm0uIn0sImRlcHRoIjoxfV0sImRlcHRoIjo1fSx7ImlkIjozMiwibmFtZSI6ImN0X2xpbmsiLCJvcHRpb25zIjp7ImN0X2lkIjozMiwiY3RfcGFyZW50IjoxNiwic2VsZWN0b3IiOiJkaXZfYmxvY2stMzItMiIsIm9yaWdpbmFsIjp7InVybCI6IiMiLCJ1cmxfZW5jb2RlZCI6InRydWUifSwiY2xhc3NlcyI6WyJoYXMtdHJpYW5nbGUtY29ybmVyIl0sImFjdGl2ZXNlbGVjdG9yIjoiaGFzLXRyaWFuZ2xlLWNvcm5lciJ9LCJjaGlsZHJlbiI6W3siaWQiOjM1LCJuYW1lIjoiY3RfZmFuY3lfaWNvbiIsIm9wdGlvbnMiOnsiY3RfaWQiOjM1LCJjdF9wYXJlbnQiOjMyLCJzZWxlY3RvciI6ImZhbmN5X2ljb24tMzUtMiIsIm9yaWdpbmFsIjp7Imljb24taWQiOiJMaW5lYXJpY29uc2ljb24tYXJyb3ctcmlnaHQifSwiYWN0aXZlc2VsZWN0b3IiOiJteS1hcnJvdyIsImNsYXNzZXMiOlsibXktYXJyb3ciXSwiY3RfY29udGVudCI6IiJ9LCJkZXB0aCI6MX0seyJpZCI6MzMsIm5hbWUiOiJjdF90ZXh0X2Jsb2NrIiwib3B0aW9ucyI6eyJjdF9pZCI6MzMsImN0X3BhcmVudCI6MzIsInNlbGVjdG9yIjoidGV4dF9ibG9jay0zMy0yIiwiYWN0aXZlc2VsZWN0b3IiOiJteS10ZXh0IiwiY2xhc3NlcyI6WyJteS10ZXh0Il0sImN0X2NvbnRlbnQiOiJDb21wZXRlbnRseSBzdHJlYW1saW5lIHVzZXIgZnJpZW5kbHkgaW50ZXJmYWNlcyB2aXMtYS12aXMgZnJpY3Rpb25sZXNzIGludGVybmFsIG9yIFwib3JnYW5pY1wiIHNvdXJjZXMuIn0sImRlcHRoIjoxfV0sImRlcHRoIjo1fV0sImRlcHRoIjo0fV0sImNsYXNzZXMiOnsibXktaW5mby1ib3hlcyI6eyJvcmlnaW5hbCI6e319LCJoYXMtdHJpYW5nbGUtY29ybmVyIjp7Im9yaWdpbmFsIjp7ImhlaWdodC11bml0IjoiJSIsInBvc2l0aW9uIjoicmVsYXRpdmUiLCJiYWNrZ3JvdW5kLWNvbG9yIjoiI2ZmZmZmZiIsInBhZGRpbmctdG9wIjoiMzAiLCJwYWRkaW5nLWxlZnQiOiIzMCIsInBhZGRpbmctcmlnaHQiOiIzMCIsInBhZGRpbmctYm90dG9tIjoiMzAiLCJoZWlnaHQiOiIxMDAiLCJ0ZXh0LWFsaWduIjoibGVmdCIsImRpc3BsYXkiOiJmbGV4IiwianVzdGlmeS1jb250ZW50IjoiZmxleC1zdGFydCIsImNvbG9yIjoiIzJiMmMyOCIsImN1c3RvbS1jc3MiOiJib3gtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDApIDBweCAwcHggMHB4IDBweCwgcmdiYSgwLCAwLCAwLCAwKSAwcHggMHB4IDBweCAwcHgsIHJnYmEoMCwgMCwgMCwgMC4xKSAwcHggNHB4IDZweCAtMXB4LCByZ2JhKDAsIDAsIDAsIDAuMDYpIDBweCAycHggNHB4IC0xcHgiLCJ0cmFuc2l0aW9uLWR1cmF0aW9uIjoiMC40IiwidHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb24iOiJlYXNlLW91dCIsInRyYW5zaXRpb24tcHJvcGVydHkiOiJib3gtc2hhZG93In0sImhvdmVyIjp7ImN1c3RvbS1jc3MiOiJib3gtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDApIDBweCAwcHggMHB4IDBweCwgcmdiYSgwLCAwLCAwLCAwKSAwcHggMHB4IDBweCAwcHgsIHJnYmEoMCwgMCwgMCwgMC4yNSkgMHB4IDI1cHggNTBweCAtMTJweCJ9fSwibXktYXJyb3ciOnsib3JpZ2luYWwiOnsicG9zaXRpb24iOiJhYnNvbHV0ZSIsInJpZ2h0IjoiMTQiLCJib3R0b20iOiIzIiwiaWNvbi1jb2xvciI6IiNmZmZmZmYiLCJ6LWluZGV4IjoiMSIsImljb24tc2l6ZSI6IjQwIn19LCJteS10ZXh0Ijp7Im9yaWdpbmFsIjp7InRyYW5zaXRpb24tZHVyYXRpb24iOiIuMyIsInRyYW5zaXRpb24tcHJvcGVydHkiOiJ0cmFuc2Zvcm0iLCJ0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbiI6ImVhc2UtaW4tb3V0In19fSwiY29sb3JzIjp7fX0= Step 3 You may want […]