Add compatibility pages for Rank Math and Admin Menu Editor

assets/style.css

@@ -26,6 +26,7 @@
 	mask-repeat: no-repeat;
 }
 
+.all-around-shadow,
 .img-all-around-shadow img {
 	box-shadow: 0 0 1rem -0.25rem rgba(0, 0, 0, 0.25);
 }

content/compatibility/_index.md

@@ -12,6 +12,8 @@ At the same time, we’ve done extensive testing with select plugins to ensure t
 - [WooCommerce Subscriptions](/compatibility/woocommerce-subscriptions/)
 - [PDF Invoices & Packing Slips for WooCommerce](/compatibility/woocommerce-pdf-invoices-packing-slips/)
 - [RD Order Modifier for WooCommerce](/compatibility/rd-wc-order-modifier/)
+- [Rank Math](/compatibility/seo-by-rank-math/)
+- [Admin Menu Editor](/compatibility/admin-menu-editor/)
 
 ## Want to have your plugin featured here?
 

content/compatibility/admin-menu-editor/index.md

@@ -0,0 +1,20 @@
++++
+title = 'Admin Menu Editor compatibility'
++++
+
+Dashify, the admin theme for WooCommerce, is compatible with Admin Menu Editor, both the [free](https://wordpress.org/plugins/admin-menu-editor/) and [paid](https://adminmenueditor.com/) versions.
+
+Dashify has a custom, WooCommerce-focused admin navigation menu that moves WooCommerce to the top and makes important menu items like Orders as part of the primary menu, not inside a submenu.
+
+If you’re using Admin Menu Editor, you probably have a custom menu that you’ve built for yourself or your clients. Perhaps it does something similar to Dashify, perhaps not. But that’s okay! You can keep both the Dashify style *and* your custom menu because if Dashify detects that Admin Menu Editor is turned on, it will use your custom menu instead of the Dashify one.
+
+{{< rawhtml >}}
+<img
+	src="/compatibility/admin-menu-editor/admin-menu-editor.png"
+	alt="Screenshot of the WordPress admin navigation menu with the Dashify theme and Admin Menu Editor. The default Dashify layout of the menu is no longer applied, and instead a custom layout from Admin Menu Editor is applied."
+	style="max-width: 50%; margin: 2rem auto;"
+	class="all-around-shadow"
+>
+{{< /rawhtml >}}
+
+[Learn more about Dashify’s compatibility efforts →](/compatibility/)

content/compatibility/seo-by-rank-math/index.md

@@ -0,0 +1,20 @@
++++
+title = 'Rank Math compatibility'
++++
+
+Dashify, the admin theme for WooCommerce, is compatible with Rank Math SEO, both the [free](https://wordpress.org/plugins/seo-by-rank-math/) and [paid](https://rankmath.com/) versions.
+
+Rank Math has unique menu items that showcase a status to the right of the menu title.
+
+We’ve made sure these look good in Dashify’s custom navigation to give merchants the most refined visual experience.
+
+{{< rawhtml >}}
+<img
+	src="/compatibility/seo-by-rank-math/rank-math.png"
+	alt="Screenshot of the Rank Math admin menu open in Dashify’s version of the WordPress admin navigation menu."
+	style="max-width: 50%; margin: 2rem auto;"
+	class="all-around-shadow"
+>
+{{< /rawhtml >}}
+
+[Learn more about Dashify’s compatibility efforts →](/compatibility/)