| 1 |
1. ^ Introduction WP |
| 2 |
a) about 30% using WordPress in the world |
| 3 |
b) WordPress is open source |
| 4 |
c) Use wordpress.org, not wordpress.com |
| 5 |
d) When you create a new domen, you'll be waiting for 1 to 3 hours. |
| 6 |
2. ^ Introduction Beget |
| 7 |
a) Sites are in File Manager. |
| 8 |
b) 2 methods of installing CMS into Host: |
| 9 |
`just automatically install in host, choosing CMS |
| 10 |
`less effective, download from official site CMS, then upload archive in "/public_html" where it unarchive on spot. Unnecessary remove. |
| 11 |
3. ^ after installing SSl-certificate it needs to wait for 1 to 3 hours |
| 12 |
a) much better with plugin "Really Simple SSL" |
| 13 |
^ if i want to go into my site: "mysite'sName/wp-admin/" |
| 14 |
^ permalink -- it's a permanent link. |
| 15 |
a) Settings > permalinks: change from 'day and title' into 'record title' |
| 16 |
^ Users > profile: change nickname into (didn't do). |
| 17 |
^ Settings > common > Title's site. |
| 18 |
a) Never change address wordpress and address of site. |
| 19 |
^ Pages > Add new: for creating pages. |
| 20 |
^ Editor of blocks: |
| 21 |
a) in editor of blocks every paragraph, video or image is separated block of content. |
| 22 |
b) every block has own elements of control, changing width, colour and so forth. |
| 23 |
c) all accessible blocks are in library of blocks |
| 24 |
`we can find it with sign of cross. |
| 25 |
d) "https://wordpress.org/support/article/wordpress-editor/" -- learn more about Editor of blocks |
| 26 |
4. ^ Making main home page: |
| 27 |
a) Setting > Reading > tick Static page: choose the main page |
| 28 |
^ Outer view > Themes: prepared templates for choosing more appropriate and put there some images, texts instead |
| 29 |
a) Activate changes theme. |
| 30 |
b) Add: lots of themes, but most resrticted |
| 31 |
`good is "oceanwp" |
| 32 |
`it's free and allows do everything we want. |
| 33 |
5. ^ Plugin "wpforms" -- for making contact data. |
| 34 |
^ Plugin "elementor" -- for building icons and other blocks. |
| 35 |
^ Plugin "Envato elements" -- ? |
| 36 |
^ Plugin "AddToAny Share" -- it allows readers share with posts on their social networks |
| 37 |
a) after installing and activating it appears in Settings > Social Bookmarking |
| 38 |
b) Settings layout |
| 39 |
`untick "show social buttons under posts on the main page" |
| 40 |
`untick " show social buttons under posts in archive" |
| 41 |
c) it's also added to Widgets: |
| 42 |
`AddToAny Follow (go into our social network) |
| 43 |
`AddToAny Share |
| 44 |
d) we can add custom icon in "Additional Settings" |
| 45 |
Oceanwp -- author recommend to work with header. |
| 46 |
Elementor -- author recommend to work with body and footer. |
| 47 |
First everything from body and footer needs to be removed because to create new with Elementor (can work with header because of free version). |
| 48 |
^ Plugin "Code Snippets" |
| 49 |
a) for inserting PHP code on your site |
| 50 |
^ Pages > Main page > Ocean wp settings: |
| 51 |
a) main > content layout: 100% full width (delete right block) |
| 52 |
b) header > display top bar: disable (switch off margin-top) |
| 53 |
c) title > display page title: disable. |
| 54 |
d) footer > display footer widgets area: disable. |
| 55 |
e) footer > display copyright area: disable. |
| 56 |
Setting page via Envato elements: |
| 57 |
a) after setting page, if you don't see title's page, you should Maket of page (by default). |
| 58 |
b) press on 9 points -- going to the main menu of Elementor. |
| 59 |
c) history: |
| 60 |
1.actions -- you can go back in specific time (the second method ctrl+z). |
| 61 |
2. edition -- safepoints which Envato makes itself. |
| 62 |
Button: |
| 63 |
a) Content -- we can change button's name; |
| 64 |
insert link; |
| 65 |
insert icon prepared or ourselves in SVG; |
| 66 |
b) Style -- typography; |
| 67 |
set two conditions (usual and hover); |
| 68 |
colour of text and background; |
| 69 |
round circles; |
| 70 |
padding. |
| 71 |
Two types of images: |
| 72 |
a) backgrounds |
| 73 |
b) usual images (it's better size till 400 kb) |
| 74 |
we can upload images from pc. |
| 75 |
we can edit images. |
| 76 |
in edit image > extended: we can set paddings and margins. |
| 77 |
Background images edit via 6 points in the top-centre or PKM > edit section. |
| 78 |
Edit section > Style > Background > types of background: |
| 79 |
a) classic |
| 80 |
b) gradient |
| 81 |
c) movie |
| 82 |
d) slideshow (uploading several photos setting time of changing ones) |
| 83 |
Add section: |
| 84 |
on plus of the top-centre of a section or in lowest part on plus. |
| 85 |
Edit section > Style > Divider of sections: can remove waves and other with 'type'. |
| 86 |
Edit section > Extended > Padding: for changing size of section. |
| 87 |
- Settings > Discussion: |
| 88 |
^ here we can set comments |
| 89 |
- Yoast SEO: |
| 90 |
^ SEO > Imaging in Seach Results > Types of content: |
| 91 |
a) we can change in SEO Title (heading of the page or post) |
| 92 |
^ Seo > imaging in Seach Results > Taxonomy: |
| 93 |
a) here we can tick or untick: show categories in results of search |
| 94 |
b) |
| 95 |
- Outer view > Set: |
| 96 |
^ Blog > Alone Post > Heading: |
| 97 |
a) here we can switch on or off Heading in the end of the post |
| 98 |
^ Typography: |
| 99 |
a) here we can change color and family of the text, and size, etc. |
| 100 |
b) in body, header, footer, etc. |
| 101 |
c) body of the page: |
| 102 |
` font-family |
| 103 |
` font-weight (standard 400) |
| 104 |
` font-style |
| 105 |
` text-transform (capitalize) |
| 106 |
` font-size |
| 107 |
` line-height |
| 108 |
` letter-spacing |
| 109 |
` colour |
| 110 |
* |
| 111 |
- Switch Yandex Metrica: |
| 112 |
^ First, go to yandex Metrica and add a new counter: |
| 113 |
a) Title (any you want remembered) |
| 114 |
b) Site's adress (domain: hali-gali.com) |
| 115 |
c) mail for notifying |
| 116 |
d) switch on webvisor |
| 117 |
e) copy a code |
| 118 |
^ First method: |
| 119 |
a) copy code of a counter |
| 120 |
b) put it into Outer view > Editor of themes > Footer.php (before </body> || Header.php (before </head>) |
| 121 |
c) it must be set a child theme, otherwise everything will be deleted after updatind theme) |
| 122 |
^ Second method: |
| 123 |
a) copy code of a counter |
| 124 |
b) install plugin 'insert headers and footers' |
| 125 |
c) after installing there we can add any code (Dashboard > Settings > Insert headers and footers) (plugin allows to put scripts in body too) |
| 126 |
10. Monetization AdSense |
| 127 |
^ install plugin "Google Site Kit for Wordpress |
| 128 |
a) it allows to connect your site with AdSense and place code Adsense on all your pages of the site |
| 129 |
b) download from AdSense file "ads.txt" |
| 130 |
`in this file your must be your identificator pub-000000000 (it's on AdSense > Account > Information about account > Personal Publisher Number |
| 131 |
c) upload "ads.txt" into root of my site ("https://hali-gali.com/public_html"; where "robots.txt" and whatever) |
| 132 |
`check it with "hali-gali.com/ads.txt" (it must show content of this file) |
| 133 |
d) there's an alternative variant is plugin "Advanced Ads – Ad Manager & AdSense" (Super) |
| 134 |
e) without "ads.txt" your income will be a lot less |
| 135 |
^ didn't understand about platform Blogger Blogpost |
| 136 |
a) setting ads.txt for AdSense on Blogger Blogpost |
| 137 |
11. Monetization Adsense 2 |
| 138 |
^ we make settings in Adsense > Ads > Overview |
| 139 |
12. Open Pages or Posts in new window |
| 140 |
^ Outer View > Menu > Setting of the Screen |
| 141 |
a) tick "goal links" |
| 142 |
b) it'll appear a new item in every category and so on |
| 143 |
с) it works only for items of menu |
| 144 |
^ we can make it with plugin "WP External Links" |
| 145 |
a) logo doesn't work |
| 146 |
^ Open posts or pages in new tabs |
| 147 |
a) download site from duplicator |
| 148 |
b) open it with "Visual Studio Code" |
| 149 |
c) in Explorer (shift + ctrl + E) RBM > Add folder to Workspace |
| 150 |
`add your site |
| 151 |
d) in Search (shift + ctrl + F) type "permalink" |
| 152 |
we need to find sth -- href="<?php the_permalink(); ?>" |
| 153 |
`we can insert -- href="<?php the_permalink(); ?>" target="_blank" |
| 154 |
* |
| 155 |
^ Plugin "OneSignal" -- for sending visitors via push notifications |
| 156 |
a) your visiors receive push notifications after publishing a new post |
| 157 |
b) it's free up to 10,000 subscribers |
| 158 |
c) supports all necessary browsers: Chrome, Safari, MEdge, Opera, Firefox |
| 159 |
d) Automatic Notifications |
| 160 |
e) Set up a reminder that automatically gets to send visitors who haven't come for a few days |
| 161 |
^ Plugin "OneSignal" 2 |
| 162 |
a) Targeting Segment -- sending specific visitors based on `language |
| 163 |
`number of times they've visited your blog |
| 164 |
`set up your own user attributes that you can target |
| 165 |
b) Opt-in Customization -- choose when and how to ask your visitors to opt-in to browser customization |
| 166 |
`customize the prompt they first see |
| 167 |
c) Real time analytics -- see your notifications being delivered in real time, and watch them as they convert into visitors |
| 168 |
d) A/B Testing -- we can send notifications a separate group of visitors to compare which notifications are more effective |
| 169 |
e) Scheduled Notifications -- we can deliver notifications in future based on time zone or even at the same time when a visitor was in site |
| 170 |
^ Plugin "OneSignal" 3 (Set up) |
| 171 |
a) after installing on Admin console > Left sidebar > OneSignal Push > Setup > Overview > click Create a OneSignal account |
| 172 |
b) we'll get into plugin's websight where we have to registrate yourself via email (or goole account, etc.) |
| 173 |
c) we need to add "App" (write name of organization and Hali-Gali and email) |
| 174 |
d) don't do 2-step Authentication with "Google Authenticator" (can lose all data off my mobile) |
| 175 |
e) we'll get a number of "REST API Keys" and "User Auth Key" |
| 176 |
`we mustn't use them in our app |
| 177 |
* Plugin "OneSignal" 4 |
| 178 |
* https://documentation.onesignal.com/docs/web-push-quickstart |
| 179 |
^ Site Setup > Auto Resubscribe |
| 180 |
a) allows push subsribers to automatically resubscribe upon returning to your site without being prompted |
| 181 |
`if they clear their browser data |
| 182 |
`if you're transferring to OneSignal from another push provider |
| 183 |
^ Site Setup > Default Icon URL |
| 184 |
a) for the Slide Prompt |
| 185 |
b) for push notifications |
| 186 |
c) we can enter https icon URL |
| 187 |
d) we can also upload file that is square 256 x 256 pixels |
| 188 |
`the file must be .png, .jpg or .gif |
| 189 |
^ Site Setup > My site is not fully HTTPS |
| 190 |
a) select this checkbox if you have an http website |
| 191 |
b) your site is hosted be WordPress.com |
| 192 |
c) Choose a Label -- the subdomain label used for push subscription |
| 193 |
* Plugin "OneSignal" 5 |
| 194 |
^ app.onsesignal.com > your site > actions > options > view > settings > Keys & IDs |
| 195 |
a) here we can find App ID and Rest Api Key |
| 196 |
^ Onesignal Push (in WP) > Configuration > tick Customize the Prompt text |
| 197 |
a) Action message -- main text for unsubscribed (do you want to learn art, culture and literature) |
| 198 |
b) Accept button text |
| 199 |
c) Cuncel button text |
| 200 |
^ Onesignal Push (in WP) > Configuration > Welcome Notification Settings > tick Send a new usera a welcome push notification after subscribing |
| 201 |
a) Title -- text after subscribing |
| 202 |
b) Message -- thankful message |
| 203 |
c) URL -- default will be hali-gali.com (if blank) |
| 204 |
^ Onesignal Push (in WP) > Configuration > Subscription Bell Text Customization -- if tick Enable the Subscription Bell |
| 205 |
a) Tip when unsubscribed |
| 206 |
b) Tip when subscribed |
| 207 |
c) Tip when blocked |
Комментарии