Title: Frontend View For Headless CMS Author: Dropndot Solutions Published: جون 27, 2024 Last modified: جولائی 20, 2026 --- پلگ انز تلاش کریں ![](https://ps.w.org/frontend-view-for-headless-cms/assets/banner-772x250.png?rev =3108527) ![](https://ps.w.org/frontend-view-for-headless-cms/assets/icon.svg?rev=3108527) # Frontend View For Headless CMS منجانب [Dropndot Solutions](https://profiles.wordpress.org/dropndot/) [ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/frontend-view-for-headless-cms.2.1.zip) * [تفصیلات](https://ur.wordpress.org/plugins/frontend-view-for-headless-cms/#description) * [جائزے](https://ur.wordpress.org/plugins/frontend-view-for-headless-cms/#reviews) * [انسٹالیشن](https://ur.wordpress.org/plugins/frontend-view-for-headless-cms/#installation) * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/frontend-view-for-headless-cms/#developers) [معاونت](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/) ## تفصیل Frontend View For Headless CMS is a plugin that seamlessly links your backend WordPress content, including posts, pages, custom post types, taxonomies, categories, and authors to your headless CMS frontend site. This ensures that any content in your WordPress backend are linked with your headless CMS frontend, therefore, you can easily visit the contents using visit links. **Features:** * Set your headless frontend base URL in **Frontend View Settings**. * Optional **redirect** of public WordPress frontend requests (301) to your headless frontend URL, while leaving admin, REST API, GraphQL, feeds, sitemaps, and similar endpoints untouched. * Rewrite **View** links on post, page, CPT, taxonomy, and user list screens. * Optional custom **preview path** (for example `/preview/post-slug/`) for draft and preview links. * Map **author** archive paths to your frontend user segment. * Per-taxonomy and per–post-type **slug overrides** to match your frontend routes. * **Empty slug** option to remove taxonomy or CPT base segments from generated URLs (for flat routes like `/my-post/` instead of `/products/my-post/`). * Frontend links in wp-admin open in a **new tab** for safer editing workflows. * **Settings** shortcut on the Plugins screen for quick access to configuration. * Redesigned settings page with slug mapping UI, quick guide, and helpful resources. Works with any frontend that consumes WordPress via the REST API, GraphQL, or your own data layer—as long as your frontend URLs follow the paths you configure. ### Development This plugin is developed by Dropndot Solutions. For more information, visit [Dropndot Solutions](https://www.dropndot.com/). ### Contact For support or inquiries, please contact us at [info@dropndot.com](https://ur.wordpress.org/plugins/frontend-view-for-headless-cms/info@dropndot.com?output_format=md). ### Like the Plugin? If you find this plugin helpful, please leave a positive review on the [WordPress Plugin Directory](https://wordpress.org/plugins/frontend-view-for-headless-cms) ## اسکرین شاٹس [⌊Plugin settings page with frontend URL and slug mapping.⌉⌊Plugin settings page with frontend URL and slug mapping.⌉[ Plugin settings page with frontend URL and slug mapping. [⌊View link on a post list row pointing to the headless frontend.⌉⌊View link on a post list row pointing to the headless frontend.⌉[ View link on a post list row pointing to the headless frontend. [⌊Opened frontend page for the respective content.⌉⌊Opened frontend page for the respective content.⌉[ Opened frontend page for the respective content. ## انسٹالیشن 1. From your WordPress dashboard, go to **Plugins Add New**. 2. Search for `Frontend View For Headless CMS` and press Enter. 3. Click **Install Now**, then **Activate**. 4. Go to **Frontend View Settings** in the admin menu (or **Plugins Settings** on this plugin’s row). 5. Enter your frontend site URL (no trailing slash) and save. **Manual install:** 1. Upload the `frontend-view-for-headless-cms` folder to `/wp-content/plugins/`. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Open **Frontend View Settings** and enter your frontend site URL. ## عمومی سوالات ### Can I use this plugin with any front-end application? Yes. It only rewrites admin links to URLs you configure. Your frontend can be built with Next.js, Nuxt, Gatsby, Astro, React, Vue, or any other stack. ### How do I configure the plugin? After activation, open **Frontend View Settings** and enter your frontend site URL. Optionally enable frontend redirects, a custom preview path, set the author slug, and map taxonomy or CPT path segments to match your frontend routing. ### Can WordPress frontend page requests redirect to my headless site? Yes. Enable **Redirect frontend requests to headless frontend** in settings. Public page requests are redirected with a 301 to the matching URL on your frontend. Admin, REST API, GraphQL, feeds, sitemaps, previews, login, and similar backend endpoints are never redirected. The option is off by default. ### Does this plugin work with custom post types? Yes. Public custom post types shown in the admin UI appear under **Post type / CPT slug overrides**, where you can set a custom segment or enable **Empty slug** to drop the CPT base from links. ### What does “Empty slug” do? When enabled for a taxonomy or post type, the plugin removes that base path segment from generated URLs. For example, `/products/my-item/` can become `/my-item/` on your frontend if your routes are flat. ### Is this plugin compatible with multisite? Yes, the plugin is compatible with multisite installations. Configure the frontend URL per site as needed. ### How do I set the frontend site URL? Go to **Frontend View Settings** and enter the full URL of your frontend (for example` https://www.example.com`). ### Does the plugin support HTTPS? Yes, both HTTP and HTTPS frontend URLs are supported. ## جائزے ![](https://secure.gravatar.com/avatar/44ffb7874ec47cc3021c0b7e10fc1d600e3c95b067ca766d14afe84ee9925a35? s=60&d=retro&r=g) ### 󠀁[Excellent Plugin](https://wordpress.org/support/topic/excellent-plugin-9233/)󠁿 [faisalakbarny](https://profiles.wordpress.org/faisalakbarny/) جولائی 16, 2024 Intuitive and incredibly user-friendly plugin ![](https://secure.gravatar.com/avatar/c48d8df59dbf758d85bc2b3d479e1087d69a7ca79f8f7905d577ae989929e5df? s=60&d=retro&r=g) ### 󠀁[Awesome plugin](https://wordpress.org/support/topic/awesome-plugin-7204/)󠁿 [Masud Rana](https://profiles.wordpress.org/mrana86/) جولائی 16, 2024 It is an awesome plugin, It works faster on all post types perfectly based on my React website ![](https://secure.gravatar.com/avatar/17d0d1234e7d617f72ef50ce516dd9d8ca06baadc4d0e733a01b6ede82e1093f? s=60&d=retro&r=g) ### 󠀁[Great plugin, it works for all the post types and even for users as well.](https://wordpress.org/support/topic/great-plugin-it-works-for-all-the-post-types-and-even-for-users-as-well/)󠁿 [Nisaurl Amin Naim](https://profiles.wordpress.org/nisarul/) جولائی 16, 2024 Great plugin, it works for all the post types and even for users as well. I’ve used it in my React Project. The backend is Headless WordPress. ![](https://secure.gravatar.com/avatar/d8b5495a5c1b4c28af895b9e8c1ad288d4a6f3da3b2f118825a9d9fadce898a0? s=60&d=retro&r=g) ### 󠀁[Awesome plugin](https://wordpress.org/support/topic/awesome-plugin-7203/)󠁿 [devnetrep](https://profiles.wordpress.org/devnetrep/) جولائی 16, 2024 It’s really awesome plugin. ![](https://secure.gravatar.com/avatar/747033d173d72d753546d175d2543ac1ee01e65f1290966aa6f7f2b53a65dd57? s=60&d=retro&r=g) ### 󠀁[Super simple to set up and looks great](https://wordpress.org/support/topic/super-simple-to-set-up-and-looks-great-3/)󠁿 [Quibria](https://profiles.wordpress.org/quibria/) جولائی 16, 2024 Perfect plugin to my needs, it does even more than I looked for. [ تمام 5 جائزے پڑھیں ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/) ## شراکت دار اور ڈیویلپرز “Frontend View For Headless CMS” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں حصہ لیا: شراکت دار * [ Dropndot Solutions ](https://profiles.wordpress.org/dropndot/) [“Frontend View For Headless CMS” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/frontend-view-for-headless-cms) ### ڈویلپمینٹ میں دلچسپی ہے؟ [کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/frontend-view-for-headless-cms/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/frontend-view-for-headless-cms/) کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/frontend-view-for-headless-cms/) کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/frontend-view-for-headless-cms/?limit=100&mode=stop_on_copy&format=rss)۔ ## چینج لاگ #### 2.1 * Raise minimum WordPress version to 6.5. * Add optional **Redirect frontend requests to headless frontend** setting (off by default). * When enabled, public frontend page requests are redirected (301) to the configured headless frontend URL, preserving path, query string, and trailing slash. * Redirects reuse existing frontend URL rewriting (slug overrides, empty slug, author slug). * Admin, REST API, GraphQL, feeds, sitemaps, robots.txt, previews, login, cron, AJAX, and similar backend endpoints are excluded from redirects. #### 2.0 * Fixed redirection issue. * Major release with redesigned **Frontend View Settings** page. * Rewrite admin **View** links for posts, pages, custom post types, taxonomies, and users to the configured frontend URL. * Add optional custom **preview path** segment for preview and draft links. * Add **author slug** mapping for author archive URLs. * Add per-taxonomy and per–post-type **slug overrides** for frontend route alignment. * Add **Empty slug** option to strip taxonomy or CPT base segments from URLs. #### 1.1 * `/preview/` slug will be used for preview posts, pages etc. #### 1.0 * Initial release. ## میٹا * Version **2.1** * Last updated **2 مہینے پہلے** * Active installations **100+** * WordPress version ** 6.5 یا اس سے جدید ** * Tested up to **7.0.4** * PHP version ** 7.2 یا اس سے جدید ** * Language * [English (US)](https://wordpress.org/plugins/frontend-view-for-headless-cms/) * Tags * [next.js](https://ur.wordpress.org/plugins/tags/next-js/)[react](https://ur.wordpress.org/plugins/tags/react/) * [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/frontend-view-for-headless-cms/advanced/) ## درجہ بندیاں 5 out of 5 stars. * [ 5 5-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/) ## شراکت دار * [ Dropndot Solutions ](https://profiles.wordpress.org/dropndot/) ## معاونت کچھ کہنا ہے؟ مدد چاہیے؟ [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/)