How To Create Admin Panel Page On Wapkiz

How are you guys? Hope everyone was very well. I'm also fine. Today, I will share a new article about Wapkiz tutorial. It's a admin panel for the Wapkiz blog site.

How to Create Admin Panel Page on Wapkiz.

Follow These Steps to Create admin page on Wapkiz.

Step 1: Make New Page

Go to admin panel of your website and create a new page with this name 'ADMIN'

Step 2: Add Html/tag Codes

Add these html codes to the admin page

Style Code

<style>.devhelper_btn { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}.btn2 {background-color: #008CBA;} .btn3 {background-color: #f44336;} .btn4 {background-color: #e7e7e7; color: black;} .btn5 {background-color: #555555;} .devhelper_tbl {width:100%; overflow-x:scroll} #devhelper_tbl { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 600px;}#devhelper_tbl td, #devhelper_tbl th { border: 1px solid #ddd; padding: 8px;}#devhelper_tbl:nth-child(even){background-color: #f2f2f2;}#devhelper_tbl tr:hover {background-color: #ddd;}#devhelper_tbl th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #04AA6D; color: white;} .devhelper_form input[type=text],.devhelper_form select, .devhelper_form textarea { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}.devhelper_form input[type=submit] { width: 100%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} .devhelper_form input[type=submit]:hover { background-color: #45a049;} .devhelper_form { border-radius: 5px; background-color: #f2f2f2; padding: 20px;}</style>

HTML Code

<h2>Admin Panel</h2></center> <a href="/page-admin/blogs"><button class="devhelper_btn">Blogs</button></a><a href="/page-admin/fm"><button class="devhelper_btn btn2">Files</button></a><a href="/page-admin/cmt"><button class="devhelper_btn btn3">Comments</button></a> <a href="/page-admin/post"><button class="devhelper_btn btn5">Create Post</button></a> (if :url-1:=post) <div class="devhelper_form"> [blog_form]ud=site-0.html||%notify% Bid:<br />%bid%<br />Title:<br />%title%<br />Category:<br />%category%<br />Text:<br />%text%<br />%submit%[/blog_form] </div> (/if) (if :url-1:=blogs)<div class="devhelper_tbl"> [blog]l=20,o=u|| [/blog]<table id="devhelper_tbl"> <tbody><tr> <th>Title</th> <th>Category</th> <th>Date</th> <th>Views</th> <th>Comments</th> </tr><tr> <td>%title%</td> <td>%category%</td> <td>%date=j/m/Y%</td> <td>%hits%</td> <td>%comment_count%</td> </tr></tbody></table> </div> (/if) (if :url-1:=fm)<div class="devhelper_tbl"> [fm]d=all,fn=1,l=20,o=u|| [/fm]<table id="devhelper_tbl"> <tbody><tr> <th>Name</th> <th>Category</th> <th>Date</th> <th>Views</th> </tr><tr> <td>%name%</td> <td>%folder_name%</td> <td>%time_upl%</td> <td>%hits%</td> </tr></tbody></table> </div> (/if) (if :url-1:=cmt)<div class="devhelper_tbl"> [blog_cmt]l=20,o=u|| [/blog_cmt]<table id="devhelper_tbl"> <tbody><tr> <th>Name</th> <th>Date</th> <th>Text</th> </tr><tr> <td>%name%</td> <td>%date=j/m/Y%</td> <td>%text%</td> </tr></tbody></table> </div> (/if)

Step 3: Customization

Change the codes as per your requirement. you can change var data, bid etc.

Now, you u can manage your website from this panel.

I am ending today's tutorial here, wishing everyone a good life and good health.

Stay well and thank you!