{"id":554,"date":"2021-03-22T09:58:00","date_gmt":"2021-03-22T09:58:00","guid":{"rendered":"https:\/\/pixert.com\/blog\/?p=554"},"modified":"2021-03-25T00:16:57","modified_gmt":"2021-03-25T00:16:57","slug":"a-micro-landing-page-for-social-media-with-wordpress-wp-mylinks","status":"publish","type":"post","link":"https:\/\/pixert.com\/blog\/a-micro-landing-page-for-social-media-with-wordpress-wp-mylinks\/","title":{"rendered":"A micro landing page for Social Media with WordPress, WP MyLinks"},"content":{"rendered":"\n<p>I need a micro landing  page similar to Linktree but on top of WordPress. I could use Linktree but I already have a <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a> based website and <a href=\"https:\/\/pixert.com\" target=\"_blank\" rel=\"noreferrer noopener\">my own domain<\/a> which is good for my own branding. I found a plugin, <a href=\"https:\/\/wordpress.org\/plugins\/wp-mylinks\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP MyLinks<\/a> to make it happen.<\/p>\n\n\n\n<p>As the creator of this plugin said, the function of this plugin is to build a fully customizable micro landing page for your business and personal brand.<\/p>\n\n\n\n<p>I use this micro landing page for <a href=\"https:\/\/instagram.com\/katemag\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram<\/a> and <a href=\"https:\/\/www.twitter.com\/pixert\/\" target=\"_blank\" rel=\"noreferrer noopener\">Twitter<\/a>. Apart from being a photographer, I am also a web developer and a youtube (just starting). I want one page that can hold all of my links.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Installing Wp MyLinks is very easy, and fast. A quick search in your WordPress admin, go to Plugins&gt; Add New then search for WP MyLinks or upload wp-mylinks folder into the \/ wp-content \/ plugins \/ directory.<\/p>\n\n\n\n<p>The graciously plugin developer put a useful video on how to setup WP My Links on the Welcome page, WP-Admin &gt; MyLinks &gt; Settings.  <strong>Just see that video, it is very helpful showing how to make a micro landing page with this plugin<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"WP MyLinks - Create Link in Bio Page with WordPress\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WK03GS5rM0Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>One thing I recommend to setup first is the Global configuration, WP-Admin &gt; MyLinks &gt; Settings &gt; Global.. Changes to the Global configuration affect all micro landing pages created by WP My Links. For me, what I should configure is Meta Title, Meta Description, set to noindex and set to nofollow. That  configuration can help with SEO.<br><span style=\"text-decoration: underline;\">Please take a note<\/span>, this Global configuration can be overridden on the micro landing page and by your SEO plugin.<\/p>\n\n\n\n<p>Next, the Analytics Tracking Script. I&#8217;d like to track how many visits my bio page has.<\/p>\n\n\n\n<p>I&#8217;ve created a Micro Landing page. In summary, install the WP MyLinks plugin, setup global configration, create a landing page, adding social links, adding link of interests. That is all.<\/p>\n\n\n\n<p>There are tips that I want to share from creating this micro landing page<br>with this plugin.<br><br><span style=\"text-decoration: underline;\">The description field can use HTML<\/span>.<br>You can get a little bit creative with that.<br>I&#8217;m using <a href=\"https:\/\/material.io\/resources\/icons\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Material Icons<\/a> to spice things up on there.<\/p>\n\n\n\n<p>I added the following script code in Header Script section of Custom Scripts &amp; Styles<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\"&gt;<\/code><\/pre>\n\n\n\n<p>Then I add HTML tags to display icons in the description field.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;i class=\"material-icons\"&gt;camera&lt;\/i&gt;\n&lt;i class=\"material-icons\"&gt;create&lt;\/i&gt;\n&lt;i class=\"material-icons\"&gt;computer&lt;\/i&gt;<\/code><\/pre>\n\n\n\n<p><a href=\"https:\/\/pixert.com\/pixert-network\" target=\"_blank\" rel=\"noreferrer noopener\">Check out the three icons<\/a> on my Micro Landing page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"891\" data-attachment-id=\"571\" data-permalink=\"https:\/\/pixert.com\/blog\/a-micro-landing-page-for-social-media-with-wordpress-wp-mylinks\/af5fd8f8-0bbf-422c-8294-335543a03248\/\" data-orig-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?fit=1536%2C1337&amp;ssl=1\" data-orig-size=\"1536,1337\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"AF5FD8F8-0BBF-422C-8294-335543A03248\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?fit=300%2C261&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?fit=1024%2C891&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?resize=1024%2C891&#038;ssl=1\" alt=\"A micro landing page for pixert\" class=\"wp-image-571\" srcset=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?resize=1024%2C891&amp;ssl=1 1024w, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?resize=300%2C261&amp;ssl=1 300w, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?resize=768%2C669&amp;ssl=1 768w, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?w=1536&amp;ssl=1 1536w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption>A micro landing page for Pixert<\/figcaption><\/figure>\n\n\n\n<p>And I also show Google Custom Search in the description. How awesome is that!<\/p>\n\n\n\n<p>For Google Custom Search, copy and paste your Google Custom Search code from Google by separating the script code and html tags. <span style=\"text-decoration: underline;\">The two have to be separated because we can&#8217;t put the script code in the description field<\/span> .<\/p>\n\n\n\n<p>I put html tags in the description field, while the script code is in the Header Script section of Custom Scripts &amp; Styles<\/p>\n\n\n\n<p>The html tag for Google Custom Search look like this <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"gcse-search\"&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>Whereas the script code for Google Custom Search usually start with <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;<\/code><\/pre>\n\n\n\n<p>End with below<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>My conclusion is I really appreciate what the developer of this plugin, it&#8217;s easy to get up and running. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>I need a micro landing page similar to Linktree but on top of WordPress. I could use Linktree but I already have a WordPress based website and my own domain which is good for my own branding. I found a plugin, WP MyLinks to make it happen. As the creator of this plugin said, the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":571,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[151,6],"class_list":["post-554","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-micro-landing-page","tag-wordpress-2"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/AF5FD8F8-0BBF-422C-8294-335543A03248.jpeg?fit=1536%2C1337&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p1pvi1-8W","jetpack-related-posts":[{"id":598,"url":"https:\/\/pixert.com\/blog\/google-search-with-a-plugin-wp-google-search\/","url_meta":{"origin":554,"position":0},"title":"Google Custom Search with a plugin, WP Google Search","author":"Pixel Insert \/ Pixert","date":"May 18, 2021","format":false,"excerpt":"I use Google Custom Search or also known as Google Programmable Search Engine on my WordPress blog. I used Google Hosted Search at that time, but when I got a notification from Google that I would not get Google AdSense sharing through Google Hosted Search, I have to change the\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"WP Google Search","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":351,"url":"https:\/\/pixert.com\/blog\/wordpress-code-editor-enhancement\/","url_meta":{"origin":554,"position":1},"title":"WordPress Code Editor Enhancement","author":"Pixel Insert \/ Pixert","date":"June 8, 2014","format":false,"excerpt":"WordPress code editor (WP-Admin > Appearance > Editor) does not yet have a good editor with syntax highlighting, line numbers etc.\u00a0Following plugins expand WordPress Code Editor from plain code editor to more sophisticated code editor with a lot of great features. These plugins allows administrator to edit code without accessing\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":355,"url":"https:\/\/pixert.com\/blog\/create-responsive-menu-with-wordpress-plugin\/","url_meta":{"origin":554,"position":2},"title":"Create Responsive Menu with WordPress Plugin","author":"Pixel Insert \/ Pixert","date":"March 29, 2014","format":false,"excerpt":"Responsive menu is a WordPress \u00a0plugin that creates a nice three-lined menu button or responsive menu when the site viewed on devices that users can click to bring a slide out menu, which is easily navigated .\u00a0 We don't need to code responsive menu to themes, \u00a0just install the plugin\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?fit=640%2C592&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?fit=640%2C592&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?fit=640%2C592&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":343,"url":"https:\/\/pixert.com\/blog\/change-posts-order-with-post-types-order-wordpress-plugin\/","url_meta":{"origin":554,"position":3},"title":"Change Posts Order with Post Types Order","author":"Pixel Insert \/ Pixert","date":"December 30, 2013","format":false,"excerpt":"WordPress \u00a0displays posts and pages in order of the date published and changing that order can be frustrated. Easy solution to change posts order is by using this plugin, Post Type Order. Post Types Order is a powerful plugin to re-order WordPress posts, pages and custom posts types using a\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/postrder.jpg?fit=865%2C934&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/postrder.jpg?fit=865%2C934&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/postrder.jpg?fit=865%2C934&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/postrder.jpg?fit=865%2C934&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":344,"url":"https:\/\/pixert.com\/blog\/useful-wordpress-plugin-category-order-and-taxonomy-terms-order\/","url_meta":{"origin":554,"position":4},"title":"Useful WordPress Plugin: Category Order and Taxonomy Terms Order","author":"Pixel Insert \/ Pixert","date":"December 30, 2013","format":false,"excerpt":"Category Order and Taxonomy Terms Order is a powerful plugin to re-order categories and all custom taxonomies terms using a drag and drop capability. The best thing about this plugin, we don't need to change theme code just to re-order categories and taxonomies, the plugin will do it for us.\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":216,"url":"https:\/\/pixert.com\/blog\/how-to-show-world-map-as-default-view-pronamic-google-maps-plugin-wordpress\/","url_meta":{"origin":554,"position":5},"title":"How to show World Map as default view using Pronamic Google Maps plugin for WordPress","author":"Pixel Insert \/ Pixert","date":"March 26, 2012","format":false,"excerpt":"Pronamic Google Maps plugin is the best WordPress plugin for Google Maps \"With this plugin a user can easily add location (latitude, longitude) meta data to a page, post or a custom post type. This plugin adds a meta box with an Google Map to the post editor. Users can\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/comments?post=554"}],"version-history":[{"count":0,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/554\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media\/571"}],"wp:attachment":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media?parent=554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/categories?post=554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/tags?post=554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}