Menu Notification Badges FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Background Image: Confetti by Penelope Dullaghan Menu Notification Badges April 3, 2019
Seven Special Halloween Website Design Tricks and Treats from Elementor FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Photo Credit: Elementor Blog Seven Special Halloween Website Design Tricks and Treats from Elementor October 31, 2018 Elementor 萬聖節送這個禮物,一定要收下,好好學起來喔! Elementor Blog 1 –> Click hereElementor Blog 2 –> Click hereRain background video: https://www.youtube.com/watch?v=Q1GTZ6JSSFk
Treehouse: Web Design FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Photo by Sabri Tuzcu on Unsplash Treehouse: Web Design October 14, 2018 1/26/2017就開始Treehouse的課程,其中Web Design系列課程我都沒有完成1/4,如今課程都已更新過,我這種跳躍式的專注力,每天胡思亂想要如何上進,卻也從未完成一件事。今天再次提起勁來,重新來過。給自己一個目標,今年底完成Web Design系列課程,有做到,再想別的事! Course 1: Introduction to HTML and CSS October 14, 2018 Getting Familiar with HTML and CSS滑鼠效應:讓圖轉起來 header .profile-image:hover {transform: scale(2) rotate(360deg);} Web Development: Front End Development & Back End DevelopmentBlog:Frontend vs Backend https://blog.teamtreehouse.com/i-dont-speak-your-language-frontend-vs-backendFront End: Design (Photoshop) + Development (HTML, CSS, JacaScript or jQuery)Back End: 1. server 2. application 3. database (PHP, Ruby, Python)WordPress is a good example of the frontend and backend working together.HTML: The Structural Foundation of Web Pages and ApplicationsHTML: head + bodybody: 1. header 2. main 3. footerPlaceholder website: placeimg (https://placeimg.com/)image tag: src=”img_girl.jpg” alt=”Girl with a jacket” width=”500″ height=”600″>paragraph tag: has its default marginanchor tag = link tag: <a>href = Hypertext Referencehref=”https://twitter.com/michellewu8888?lang=en” target=”blank”>Twitterlist: ol (ordered list) & ul (unordered list)list item: liMake It Beautiful With CSSCSS庫鑑:https://css-tricks.com/almanac/Adding a New Web PageText Editor: https://atom.io/Google basic web page: Anatomy of an HTML document<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My test page</title> </head> <body> <img src="images/firefox-icon.png" alt="My test image"> </body> </html>Link Stylesheet: <link rel=”stylesheet” href=”resume.css”> Course 2: HTML Basics October 15, 2018 Getting Started with HTMLStructuring Your ContentImages, Text and LinksGoing Further with HTML 想跟我一起當同學嗎?點入左圖,報名去吧!
Opt-In Page FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Photo by Timo Stern on Unsplash Opt-In October 13, 2018 Part 1: Build the basic pageTools:Theme: Generate Press or AstraElementor Free or ProPopup Maker pluginEmail marketing provider:MailChimp (cheap but limited)ConvertKitActive Campaigndrip (Dave’s favorite) Part 2: Enhance it with ElementorTYPOGRAPHY:TypeKit Font: Elementor > Settings > Integrations > TypeKit > Enter TypeKit Kit ID SPAN tag: <span style=”color:#c0d322″>Green Color</span> Ex: Let's try if the html code turn them to Green Color html code for bold print: SEND ME MY FREE GUIDE send me my free guide Part 3: Add the popup, form & thanks pageThank you pagePopup Maker Plugin (Free) by WP Popup MakerNeed to copy CSS Class Create the Popup design in Elementor template (Page-Elementor Canvas)Take Elementor template shortcode and paste in Popup MakerOpt-In Form ChoicesElementor ProEmail Provider’s Embed CodeWordPress form plugin – Caldera FormsConcert ProConvertbox Part 4: Hook it up to your email provider
Website Template Ideas FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Background Image: Flower Bucket by Eleanor Lutz Website Template Ideas October 13, 2018 Free Soccer Club Layout for Divi https://www.elegantthemes.com/layouts/health-fitness/soccer-club-home-page/live-demo March 25, 2018 今天發現這個網站 Wellness Mama https://wellnessmama.com/這個網站用的設備值得我進一步研究的:Spears Marketing https://spearsmarketing.com/wm朋友選擇到台灣渡假,這個網站功勞很大:https://guide.michelin.com/tw/en/taipei/news-and-views/taipei-michelin-guide-bib-2018/news
Revolution Slider Tutorials – Ken Burns FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping 米蠍屋筆記 Background Image: Flower Bucket by Eleanor Lutz Revolution Slider Tutorials - Ken Burns April 5, 2018 1 Muhammad Qasim – 2017.03.19 Scale: (in %) From 150 to 100, Don’t use % less than 100 2 . WP Tuts – 2016.02.17 這位老師解釋的很清楚,多看幾次! 3. Elegant Marketplace – 2016.1.13 Import Demo – Classic Carousel Slider, delete other sliders only leave Ken Burner slideMinimum 3000 px wide (upto 5000 px) and very high quality image3個觀念要懂的:Scale (%) From ___ To ___Horizontal Offset (px) From ____ To ____ (以中心點用正負px來設定起點和終點)Vertical Offset (px) From ____ To ____ (以中心點用正負px來設定起點和終點)
Privacy Terms FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Background Image: Flower Bucket by Eleanor Lutz Privacy Terms April 2, 2018 非常木蘭:值得探索的一個人和網站喔!http://www.verymulan.com/隱私權政策:http://www.verymulan.com/info/privacy網站服務條款:http://www.verymulan.com/info/service
SEO Tools FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Background Image: Flower Bucket by Eleanor Lutz SEO Tools April 1st, 2018 看了許多SEO的教學影片,來把它們收集在一起吧! 1. WP Crafter 這位大師建議的工具有:WordSteam https://www.wordstream.com/keywords (Free Keyword Tool)Keyword Tool https://keywordtool.io/AppSumo WebTextTool https://appsumo.com/webtexttool-2018/?utm_source=aff&utm_medium=idev&utm_campaign=573Yoast SEO (我已經有在用這個了)Backlinks 2. Neil Patel I like his 3 powerful SEO Tips:Make your content thoroughMake sure to have keywords in SEO Title and Meta DescriptionUse Google Search Console這是值得follow的大師Subscribe here to learn more of my secret SEO tips: https://www.youtube.com/subscription_… Find me on Facebook: https://www.facebook.com/neilkpatel/Read more on my blog: https://neilpatel.com/blog 7 Free Tools in Google SEOQuick Sprout AnalyzerYoast SEO PluginGoogle Search ConsoleGoogle TrendsWebsiteresponsivetest.comScreaming FrogGoogle PageSpeed Insights 3. Neil Patel – 10 Outdated (But Commonly Used) Social Media Tactics You Need to Ditch Read the Blog here –> https://neilpatel.com/blog/social-media-tacticsMy Notes:Links, links and more linksSame content, different platformsWriting about what you wantBlack hat social media tacticsFollowing to be followedImpersonal automated “thank you” messagesGiving out all the goodies at onceThrowing a sales pitch at your audienceThinking organic traffic will make you richOnly publishing text and image-based contentSocial Listening Tools:Mention: https://mention.com/en/IFTTT: https://ifttt.com/Hootsuite: https://hootsuite.com/Keyhole: http://keyhole.co/TweetReach: https://tweetreach.com/ How far do your tweets travel? (hashtag, username or keyword)#1: How to write something awesome? [RELEVANT]Be honestWrite something informative, interesting, and relevant to the audience. Engage with commenters.Experience is key. A little you, a lot of them. Ex: EF https://www.linkedin.com/feed/update/urn:li:activity:6390497273226321920#2 我從這篇 https://www.instagram.com/p/BPZjiHNgsoq/ (709,999 views) 進去,followed AdidasOriginals,10秒內https://www.instagram.com/get_yeezy4you/ 和 https://www.instagram.com/siqchiq/ 馬上follow me back
Elementor 2.0 is Coming Soon FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Photo: Midnight by Eleanor Lutz Elementor 2.0 is coming soon WPCrafter Darrel Wilson Blocks = TemplatesElementor 2.0 will come out in March 2018 (soon)Customize 404 pagesWooCommerce shopsAdvanced Custom FieldsWooCommerce theme – Flatsome Other Elementor Tutorials May 22, 2018
Z-Index FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Menu FOOD BAKING COOKING TECH SOFTWARE WEBSITE DIGITAL MARKETING LIFE Living Insight Sports Shopping Camping Photo: Silverton Lookout, BC How to Use Z-Index in Elementor X軸:左右Y軸:上下Z軸:前後讀這篇說明:https://docs.elementor.com/article/242-z-index試做看看: Z-Index 1 Z-Index 2 Z-Index 3 Z-Index 4 在 Column Settings > Advanced裡,利用正負Margin及Z-index來做出立體前後的效果.