Category: Wordpress
-
-
Start XAMPP on MacOs
I keep forgetting how to so might as well write it down here. 2. Start server 3. Turns out I have created a WP site before, to know the name or link to the site, go to “/Applications/XAMPP/xamppfiles/htdocs”. 4. on the browser open ‘localhost/byamportfolio/wp-admin’ 5. Login
-
WordPress #15: Adding ‘Back’ button on article page
Probably the most useless feature in the blog, but I just like it. Open single.php, add the following inside the while loop,
-
WordPress #14: Make navbar hamburger/ toggle menu
On the header.php add bootstrap.js inside <body> after the <nav> class. If it’s inside <head>, it will never work until the day of judgement comes upon us. Still on the same file add this between <head> </head>, Make sure the div id is the same as data-target. References: https://www.freecodecamp.org/news/how-to-build-a-responsive-navbar-with-a-toggle-menu-using-flexbox-3438e1d08783/
-
WordPress #13: Add Social Media Icon on Footer’s Menu
On WordPress, go to Plugins >> Add New, search for “WP Menu Icons” >> install and activate Plugin. Go to Appearance >> Menus Choose one font/ icon type >> Save. Append Custom Links >> Add URL and Link Text. After added, click the plus ‘+’ sign >> Search for “Instagram” >>
-
WordPress #12: Reorder the WordPress Posts
By default, WordPress posts are sort by the latest posted date. Edit the post >> Edit Publish time,
-
WordPress #11: Set up 3 column footer
Following up from WordPress #4: Create a constant footer on every page on WordPress, add new menu. Appearance >> Menus >> Create a new menu. Repeat 3x because 3 columns. On functions.php add the following, After creating the menus, Manage Locations >> select the relevant one >> Save Changes. Go to Menu Structure tab >>…
-
WordPress #10: Show Instagram Feed (TBD)
On WordPress, add new plugin ‘Smash Balloon Social Photo Feed’ After installed, on the WordPress dashboard, on the menu on the left, select ”Instagram Feed” > All Feeds Add New > Next > Add Source > Login with Instagram. Bug: photos are not displayed in local. References: https://wpprotools.io/plugins/instagram-feed/
-
WordPress #9: Show Top Posts
On WordPress, install plugin “WordPress Popular Posts”. On the code, Go visit a few posts to add view count. If there’s no view, it will show “Sorry. No data so far”. References: https://cabrerahector.com/wordpress/how-to-make-a-grid-of-popular-posts-with-thumbnails/
-
CSS #1
These are the CSS notes I need to make in the process of building the page. How to divide the page into two using Bootstrap, How to remove bullets from wp_list_categories(), How to adjust text alignment when the window is resized (buggy), How to add borders between <li>, How to remove the last bottom-border, How…