| 1 |
Site on WP from 0 for half an hour |
| 2 |
++++++++++++++++++++++++++++++++++++++++++++ |
| 3 |
---------------------------------------------------------------------------------------- Site's Setting: |
| 4 |
a) Appearance > Customizing > Site Identify: (here Theme 'Chronus') |
| 5 |
- we can name 'Site Title' |
| 6 |
- 'Tagline' |
| 7 |
- Site icons should be square and at least 512 x 512 pixels |
| 8 |
b) Homepage Settings: your homepage displays |
| 9 |
- your latest posts |
| 10 |
- a static page |
| 11 |
c) on layout we added 'Magazine (Grid)' |
| 12 |
-------------------------------------------------------------------------------------- |
| 13 |
- Theme 'Chronus' is acceptable for blogs |
| 14 |
- Appearance > Theme info: |
| 15 |
a) we can read about activated theme |
| 16 |
b) Recommended plugins: shows what you should install for current theme |
| 17 |
c) after installing recommended plugins, we have to activate them (it's enough to click on only 1 plugin, so we'll get in tab 'installed plugins') |
| 18 |
- for estimating how a theme works, you shoul add at least 6 posts |
| 19 |
------------------------------------------------------------------------------- |
| 20 |
- Appearance > Customize: |
| 21 |
a) Active theme -- here's shown activated theme and we can change it to click on button |
| 22 |
------------------------------------------------------------------------------- |
| 23 |
- Appearance > Theme info |
| 24 |
we can learn more about activated theme: |
| 25 |
a) recommended plugins for current theme |
| 26 |
b) documentation |
| 27 |
c) buy pro-version |
| 28 |
------------------------------------------------------------------------------- |
| 29 |
- If your posts or pages as a draft, they won't be displayed in theme menu, unless 'published' |
| 30 |
- Excerpt -- it's like annotation |
| 31 |
- Featured image -- shows basic image of a post or a page |
| 32 |
------------------------------------------------------------------------------- |
| 33 |
Plugin Auto Post Thumbnail: |
| 34 |
a) it allows to choose any image as a featured image |
| 35 |
b) it also allows to switch off a featured image in posts |
| 36 |
------------------------------------------------------------------------------- |
| 37 |
Appearance > Customize > Theme Options: |
| 38 |
a) Layout Settings: Left or Right (default) Sidebar |
| 39 |
b) Blog Settings: |
| 40 |
1. Blog Title -- the title before the whole Blog |
| 41 |
2. Blog Description -- below the title of the blog |
| 42 |
3. Blog Layout -- 'Display full posts' (seldom) or 'Display post excerpts' (default) |
| 43 |
4. Excerpt Length -- standard 35 symbols |
| 44 |
5. Read More Text -- we can type own text |
| 45 |
6. Magazine Widgets -- tick (default) or untick 'display magazine widgets on blog index' |
| 46 |
c) Post Settings: |
| 47 |
1. Post Details: |
| 48 |
- Display Date |
| 49 |
- Display Author |
| 50 |
- Display Categories |
| 51 |
2. Single Post: |
| 52 |
- Display Tags |
| 53 |
- Display previous/next post navigation |
| 54 |
3. Featured Image |
| 55 |
- Display image on blog and archives |
| 56 |
- Display image on single post |
| 57 |
4. Featured Posts |
| 58 |
- Show featured posts on home page (tick, untick) |
| 59 |
- Featured Posts Category: |
| 60 |
from all categories or selected (better) |
| 61 |
- Featured Posts in this theme 'chronus' is divided on 2 properties: |
| 62 |
a) New posts |
| 63 |
b) Sticked posts (in visibility > tick 'Stick to the top of the blog') |
| 64 |
------------------------------------------------------------------------------- |
| 65 |
Appearance > Site Identity > Logo |
| 66 |
------------------------------------------------------------------------------- |
| 67 |
Widgets |
| 68 |
- we can add different widgets like RSS, Social icon, etc. |
| 69 |
- Social icon menus: |
| 70 |
a) (doesn't work properly) |
| 71 |
- Tabbed content (ThemeZee): |
| 72 |
a) we can put Archieves, Categories, Pages, Popular Posts, Recent Comments, Recent Posts, Tag Cloud (important for articles) |
| 73 |
------------------------------------------------------------------------------- |
| 74 |
Plugins: |
| 75 |
- Social Media Share Buttons |
| 76 |
++++++++++++++++++++++++++++++++++++++++ |
| 77 |
------------------------------------------------------------------------------- |
| 78 |
Creation Landings with Plugin Elementor |
| 79 |
------------------------------------------------------------------------------- |
| 80 |
++++++++++++++++++++++++++++++++++++++++ |
| 81 |
- install plugin Elementor |
| 82 |
- add page where we choose template (for landing) Elementor Canvas |
| 83 |
------------------------------------------------------------------------------- |
| 84 |
- On Elementor Page we can choose: add Section or add Template |
| 85 |
- after making scheme layout we start adding blocks: |
| 86 |
a) for logo we usually use block 'Image' (if not all image is shown, change the size) |
| 87 |
b) if we want to add the only icon, we use block 'Icon' |
| 88 |
c) useful block 'Social Icons' |
| 89 |
^ we can find other needed social icons and add or remove them |
| 90 |
d) to edit all horizontal section (which can consist of 2 or more subsections) -- click on 6-point (on centre-top of this section) |
| 91 |
^ change color -- after clicking on 6-point section, style > choose type of background |
| 92 |
d) block 'Heading' |
| 93 |
e) block 'Button' |
| 94 |
------------------------------------------------------------------------------- |
| 95 |
Elementor (continue) |
| 96 |
- on left-top stripes we can change 'Global parametres': |
| 97 |
a) Site Settings > Global Colors: here we can change text-color |
| 98 |
b) Site Settings > Global Fonts: changing font-family: |
| 99 |
^ Plugin has all Google fonts (it's comfortable) |
| 100 |
- Button: |
| 101 |
a) we can choose type of button: |
| 102 |
^ changes color of text and bg both static and hovering |
| 103 |
b) we can add to text a mini-icon (arrow and so on) from library and change position (before or after with regular spacing) |
| 104 |
c) in Style we can make some settings with both normal and hover regimes |
| 105 |
d) Advanced > Motion Effects: |
| 106 |
^ Entrance Animation |
| 107 |
^ Animation Duration |
| 108 |
^ Animation Delay |
| 109 |
- we can set Responsive mode on different devices only on those parametres where next to them a special sign |
| 110 |
- for duplicating, copying ans pasting elements: |
| 111 |
^ click on 'Navigator' (on the second down-left, like stack) |
| 112 |
^ on appeared navigator menu we pres PKM, then choose commands and place where to put |
| 113 |
------------------------------------------------------------------------------- |
| 114 |
Elementor (continue 2) |
| 115 |
- block 'Text Editor' (like paragraph with lorum) |
| 116 |
- block 'Image': |
| 117 |
a) style > border |
| 118 |
^ we can choose type (solid, dotted, etc.) |
| 119 |
^ Border Radius for rounding |
| 120 |
^ Color for color of Border where we can set opacity |
| 121 |
^ Box Shadow for addin shadow with setting color, spread, blur and direction |
| 122 |
- for Duplicating section or block (ctrl+D on highlighted element) |
| 123 |
- Replacing of two blocks or sections: |
| 124 |
^ just keeping LKM on section and moving it into needed place instead |
| 125 |
- block 'Image' > Style > Hover |
| 126 |
^ we can set animation in 'Hover Animation' (grow, shrink, etc.) and 'Transition Duration' |
| 127 |
- block 'Spacer' for making space between blocks or sections |
| 128 |
- block 'Testimonial' for Reviews or Recalls: |
| 129 |
^ we can change 'Name', 'Title' (like profession), their color |
| 130 |
^ we can change 'Image Position' (Top or Aside) |
| 131 |
^ in Style > Image we can set 'Image Size' |
| 132 |
- block 'Inner Section' for creating two columns |
| 133 |
- Update: |
| 134 |
^ we can 'Save as Draft' |
| 135 |
^ we can 'Save as Template' |
| 136 |
- Preview Changes (eye; next to 'Update') allows to see made site |
| 137 |
- For setting ready landing as a main page: |
| 138 |
^ go to Dashboard overview > Appearance > Customize > |
| 139 |
^ Homepage Settings > a Static Page > Select needed Homepage |
| 140 |
++++++++++++++++++++++++++++++++++++++++ |
| 141 |
------------------------------------------------------------------------------- |
| 142 |
Installing WP on local hosting |
| 143 |
------------------------------------------------------------------------------- |
| 144 |
++++++++++++++++++++++++++++++++++++++++ |
| 145 |
- Download XAMPP from official site |
| 146 |
- Launch program XAMPP Control Panel, then start Apache and MySQL |
| 147 |
- In WebBrowser we type http://localhost |
| 148 |
- there we click on 'phpMyAdmin' for access management of Database |
| 149 |
- for Dynamic site we need database |
| 150 |
- all information storages in Database |
| 151 |
- for local hosting we have to create our Database: |
| 152 |
^ click on 'Create DB' and make up 'name', then press 'Create' (name of DB needs for process of installing WP) |
| 153 |
- download distributive of WP from official site |
| 154 |
^ unpack and move it to C > XAMPP > htdocs > Named New Folder Site |
| 155 |
- in address line localhost/mynamedsite/ |
| 156 |
^ if it's correct, we continue setting WP |
| 157 |
^ Next |
| 158 |
^ Name of Database |
| 159 |
^ Name of user: standard is 'root' and it doesn't have a password |
| 160 |
^ Server of Database is the same: localhost |
| 161 |
^ Prefix of tables: standard WP_ (but for unhackers 'Database's Name_') |
| 162 |
^ Send |
| 163 |
^ Launch installing |
| 164 |
- Site's Name |
| 165 |
- User's Name (login) |
| 166 |
- Password |
| 167 |
- your e-mail (if you lost your password) |
| 168 |
- Seeing for search engines |
| 169 |
- install WP |
| 170 |
--------------------------------------------------------------------------------- |
| 171 |
- Setting WP in Admin |
| 172 |
++++++++++++++++++++++++++++++++++++++++ |
| 173 |
------------------------------------------------------------------------------- |
| 174 |
First Settings |
| 175 |
------------------------------------------------------------------------------- |
| 176 |
++++++++++++++++++++++++++++++++++++++++ |
| 177 |
Customizing |
| 178 |
- in 'Header Image' we can put image |
| 179 |
- in Theme 'Twenty Seventeen': |
| 180 |
^ 'Header Media' where can put either .mp4, link or just image |
| 181 |
- Site Identify > Tagline: |
| 182 |
^ length is 150 to 250 symbols |
| 183 |
^ We can hide Title and Tagline, but they Must be |
| 184 |
- Site Identify > Logo: |
| 185 |
^ Logo is next to Title and Tagline (if they're displayed) |
| 186 |
- Colors: |
| 187 |
^ it allows adjust 'Header Text Color' |
| 188 |
- Additional CSS: |
| 189 |
------------------------------------------------------------------ |
| 190 |
Dashboard > Settings |
| 191 |
- General: |
| 192 |
^ Never change 'Wordpress Address (URL)' and 'Site Address (URL)' (if we want to change title's site, first we buy a new domain) |
| 193 |
^ Membership, if untick, then no one can register on your site (always tick) |
| 194 |
- Permalinks: |
| 195 |
^ in 'Common Settings' (for address bar) we choose Custom structure '/%category%/%postname%/' |
| 196 |
++++++++++++++++++++++++++++++++++++++++ |
| 197 |
------------------------------------------------------------------------------- |
| 198 |
Creating pages, posts and categories |
| 199 |
------------------------------------------------------------------------------- |
| 200 |
++++++++++++++++++++++++++++++++++++++++ |
| 201 |
- pages are used for single variant (about us, contacts) |
| 202 |
- it's a page 'blogs' which contains posts |
| 203 |
- example pages: |
| 204 |
^ main |
| 205 |
^ contacts |
| 206 |
^ about us |
| 207 |
^ blogs |
| 208 |
- on main page size of images must be huge |
| 209 |
- for automatic transliteration from rus to lat we use plugin 'WP Transliter' |
| 210 |
- pages have levels (parent and daughters) |
| 211 |
- posts are used lots of time for similar theme |
| 212 |
- tags needs to be added |
| 213 |
- Separate Section 'Tags' in Dashboard where we can add new tags to chosen categories |
| 214 |
- in Editor 'Add block' > 'More' allows separate annotation |
| 215 |
++++++++++++++++++++++++++++++++++++++++ |
| 216 |
------------------------------------------------------------------------------- |
| 217 |
Plugins to WP: Setting and Installing |
| 218 |
------------------------------------------------------------------------------- |
| 219 |
++++++++++++++++++++++++++++++++++++++++ |
| 220 |
- Even unactivated plugin loads server |
| 221 |
- if on site you see uncorrect letters, maybe plugins conflict to each other |
| 222 |
- plugin 'Contact Form 7' is recommended for form of Feedback |
| 223 |
^ requests send to your email |
| 224 |
^ Shortcodes can be inserted into pages or posts |
| 225 |
^ we change only words without brackets |
| 226 |
^ default visitor submits to email where we did in registration |
| 227 |
- plugin 'Yoast SEO' is for Seo promotion |
| 228 |
- plugin 'All in One SEO': |
| 229 |
^ Best WP SEO Plugin – Easily Improve Your SEO Rankings |
| 230 |
^ the main competitor of 'Yoast SEO' |
| 231 |
- plugin 'Akismet Anti-Spam' |
| 232 |
- plugin 'WooCommerce' for creating of Internet-shops |
| 233 |
- plugin 'XML Sitemaps' for searching robots (it's not necessary if you use plugin 'Yoast SEO') |
| 234 |
- plugin 'TinyMCE Advanced' is special text editor |
| 235 |
- plugin 'Wordfence Security - Firewall & Malware Scan' for protecting your site from viruses: |
| 236 |
^ it checks your site periodically |
| 237 |
- plugin 'Yoast Duplicate Post' very useful (it can duplicate pages as well) |
| 238 |
- plugin 'WP Super Cash' or similar to it 'W3 Total Cashe': |
| 239 |
^ it gives faster work for your visitors |
| 240 |
- plugin 'Duplicator - WP Migration Plugin': |
| 241 |
^ allows you create backup of your site and move entire one from one place to another one |
| 242 |
- plugin 'WP-Polls' for voting of your visitors |
| 243 |
^ untested with current version of WP |
| 244 |
- plugin 'YOP Poll' |
| 245 |
^ just use instead of 'WP-Polls' |
| 246 |
- plugin 'WP Mail SMTP by WPForms': |
| 247 |
^ it's simpler plugin of 'Contact Form 7' |
| 248 |
- plugin 'AddToAny Share Buttons': |
| 249 |
^ allows to share with friends and other people via social networks. |
| 250 |
^ these buttons can either be installed automatically or added as widgets |
| 251 |
- plugin 'Miniorange' allows to enter your site via social networks |
| 252 |
- plugin 'VDZ Yandex Metrika': |
| 253 |
^ set metriks on all posts |
| 254 |
^ can use sitemap only in Proversion |
| 255 |
^ we can change snippets on page or posts |
| 256 |
++++++++++++++++++++++++++++++++++++++++ |
| 257 |
------------------------------------------------------------------------------- |
| 258 |
Widgets to WP. Creating Menu |
| 259 |
------------------------------------------------------------------------------- |
| 260 |
++++++++++++++++++++++++++++++++++++++++ |
| 261 |
- Widgets are in Appearance > Widgets |
| 262 |
- It's a certain section of code which can be placed on all posts or on separate ones and very flexible in settings |
| 263 |
- widget > Html-code: |
| 264 |
^ it can be written any code |
| 265 |
- in this standard theme widgets can be added to: |
| 266 |
^ Blog Sidebar |
| 267 |
^ Footer 1 |
| 268 |
^ Footer 2 |
| 269 |
- banners insert via Widget 'Image' |
| 270 |
- Widgets 'Categories' (useful in Sidebar) |
| 271 |
^ Display as Dropdown |
| 272 |
^ Show post counts |
| 273 |
^ Show hierarchy |
| 274 |
- plugin 'WP Poll' allows to add it in Widgets (untested with current version): |
| 275 |
^ there are standard polls, but we can add other in plugin |
| 276 |
- often in footer show 'site's menu' |
| 277 |
- Widgets 'AddToAny follow' and 'AddToAny Changes' allow to insert social links |
| 278 |
- Widget 'Recent Posts' (useful): |
| 279 |
^ we can tick 'Display post date' |
| 280 |
- if we lost way because of lots of plugins, widgets, posts and etc.: ^ we go to Appearance > Customize and there we can see lettering and correct them |
| 281 |
------------------------------------------------------------------------------- |
| 282 |
Creating Menu |
| 283 |
- Appearance > Menu: |
| 284 |
^ Manage with Live Preview gives opportunity to work with visual menu |
| 285 |
^ Menu Settings > Display location (we can choose displaying of some menus |
| 286 |
^ Usually we create a page 'Blog' in which we insert posts as daughters elements. |
| 287 |
^ page 'Blog' we insert in a Menu (top menu) |
| 288 |
^ we hardly ever put posts in a Menu |
| 289 |
- in Menu for changes we always have to save different from Widgets |
| 290 |
- if we want to add menu into footer: |
| 291 |
^ set menu |
| 292 |
^ go to widgets and add 'Navigation Menu' Widget to footer or footer 2 where we select menu |
| 293 |
^ it can be very wide (better if theme has 3 or 4 footers) |
| 294 |
++++++++++++++++++++++++++++++++++++++++ |
| 295 |
------------------------------------------------------------------------------- |
| 296 |
Themes to WP. Installing and Setting |
| 297 |
------------------------------------------------------------------------------- |
| 298 |
++++++++++++++++++++++++++++++++++++++++ |
| 299 |
- We can find Theme on website ' Themefores.net' |
| 300 |
- Theme 'Hestia' is one of the most popular: |
| 301 |
^ it's really interested theme for blogging |
| 302 |
^ after installing theme, there appears 'Hestia Options' in left sidebar of Dashboard |
| 303 |
^ installed plugin 'Orbit Fox by Themelsle' |
| 304 |
- for icons we can use source 'fontawesome.io/icons/' |
| 305 |
- Theme 'Hestia' |
| 306 |
^ can't find 'Frontpage Sections' |
| 307 |
- if we can't change for example background of theme, we can type in 'Advanced CSS' |
| 308 |
++++++++++++++++++++++++++++++++++++++++ |
| 309 |
------------------------------------------------------------------------------- |
| 310 |
Reserve copying of site. Move to Hosting |
| 311 |
------------------------------------------------------------------------------- |
| 312 |
++++++++++++++++++++++++++++++++++++++++ |
| 313 |
- for making backup we both copy site and copy database |
| 314 |
- import database on another site: |
| 315 |
^ we change in file 'wp-configure.php' title's name |
| 316 |
- the second method via plugin 'Duplicator - WP migration plugin': |
| 317 |
^ install (there can be blocks because of hosting) and download 'installer' and archive' to separate folder |
| 318 |
- it's much easier to upload backup of site on web-hosting: |
| 319 |
^ in file manager into new created site (index.php remove) > public_html |
| 320 |
^ there we upload installer.php and duplicator |
| 321 |
^ it was misunderstanding mistake, (domain isn't linked to root) but after everything went right |
| 322 |
^ in domain/installer.php we get into 'Duplicator' |
| 323 |
a) tick i've read and accept all terms and notices |
| 324 |
b) in Action we choose 'connect to existing' or 'create new database' |
| 325 |
c) Database's name is the same as user's name |
| 326 |
d) Password use from Database password |
| 327 |
++++++++++++++++++++++++++++++++++++++++ |
| 328 |
------------------------------------------------------------------------------- |
| 329 |
Basics SEO for site |
| 330 |
------------------------------------------------------------------------------- |
| 331 |
++++++++++++++++++++++++++++++++++++++++ |
| 332 |
- make articles 7000-8000 symbols at least once a week |
| 333 |
- semantic core is database of words or collocation relating to theme of your site |
| 334 |
- site must be promoted on all requests: high, medium and low |
| 335 |
- there are 3 views of requests: high, medium, and low competiting |
| 336 |
- features we need to consider when make semantic core: |
| 337 |
^ clean request (without collocations) |
| 338 |
^ a number of shows without using morphological forms |
| 339 |
^ being relevant pages |
| 340 |
^ showing rejects |
| 341 |
^ seazon request |
| 342 |
^ geodependence of request |
| 343 |
------------------------------------------------------------------------------- |
| 344 |
Creating of semantic core: |
| 345 |
- brainstorm (compose requests, better of 2 or 3 words together, by myself) |
| 346 |
- learn from sites of competitors |
| 347 |
- phrases must include |
| 348 |
^ all titles of goods or service, synonyms and translates |
| 349 |
^ contraction, sleng and professional titles |
| 350 |
^ titles of compound parts of goods or service |
| 351 |
^ additional words, with them we can make relyable requests (cheaply, buy, etc.) |
| 352 |
- don't forget about: |
| 353 |
^ analysis of sites of competitors |
| 354 |
^ analysis of searching ads on your theme |
| 355 |
^ poll of customers (what requests did they use?) |
| 356 |
- expanding of list |
| 357 |
^ yandex.wordstart and google.adwords |
| 358 |
^ typing words in list of browser, we can see variants from search engine |
| 359 |
^ refined requests (they include a word from your first request) |
| 360 |
^ associative requests (users typed requests with interesting your request) |
| 361 |
^ look through all words from the first request via services of statistics, you'll get total list of requests, which we need to go over |
| 362 |
- practise with table 'excel' in columns |
| 363 |
^ words and phrases |
| 364 |
^ a number of requests |
| 365 |
^ frequency |
| 366 |
^ competitiveness |
| 367 |
^ comments |
| 368 |
- mopping up |
| 369 |
^ removing unappropriate requests (which don't promote) |
| 370 |
^ removing words don't accord to internet direction |
| 371 |
^ empty requests (they aren't correct to language) |
| 372 |
^ requests with low frequency of shows |
| 373 |
^ check requests with '!' |
| 374 |
- when we type in wordstart requests in "requests" |
| 375 |
^ it means users typed exactly in this form |
| 376 |
- sign '!' for order words |
| 377 |
- when we create semantic core, we exclude stop-words (don't have anything to theme of site |
| 378 |
- on pages we distribute key requests from semantic core |
| 379 |
- on the main page high-frequency requests, on other middle and low frequency ones |
| 380 |
- on competitor's sites we press f12 (watch the code of the current page) and see: |
| 381 |
^ title (to learn keys) |
| 382 |
^ sometimes keywords (it's much better leave empty) |
| 383 |
^ description |
| 384 |
- on any page only 1 H1 |
| 385 |
- sometimes in different lists place key words |
| 386 |
- pay attention to cheap requests (a bit competition) |
| 387 |
- mistakes: |
| 388 |
^ choose not theme requests |
| 389 |
^ use not aim phrases |
| 390 |
^ including in list semantic core for promotion of common requests |
| 391 |
^ uncorrect from a point of view of language (car sell) |
| 392 |
^ ignoring of existing ranging site on requests |
| 393 |
------------------------------------------------------------------------------- |
| 394 |
Field of applying of semantic core |
| 395 |
- density of key words mustn't be less 9% of full number of words on page (better 5%) |
| 396 |
- for promotion |
| 397 |
- improving of contextual advertising (decreasing price for click) |
| 398 |
- targeting in SMM |
| 399 |
++++++++++++++++++++++++++++++++++++++++ |
| 400 |
------------------------------------------------------------------------------- |
| 401 |
Setting indexing |
| 402 |
------------------------------------------------------------------------------- |
| 403 |
++++++++++++++++++++++++++++++++++++++++ |
| 404 |
- Indexing of site is a method to give information to 'robots' about your pages and to learn how much it's useful |
| 405 |
- we can tell 'robots' what he can do or what he mustn't |
| 406 |
- 'robots' if for speeding up improving on my new pages |
| 407 |
- two files: |
| 408 |
^ robots.txt |
| 409 |
^ sitemap |
| 410 |
- two instruments: |
| 411 |
^ webmaster.yandex.ru |
| 412 |
^ google.com/webmaster |
| 413 |
^ we need to add our sites to these resourses and confirm them |
| 414 |
- yandex webmaster: |
| 415 |
^ press on "+" we add site (we need to be registered) |
| 416 |
^ there are 3 basic methods to confirm your site, but we can do via plugin 'Yoast SEO': |
| 417 |
a) copy code in 'content' which in Yandex Webmaster |
| 418 |
b) paste in Yoast Seo > Common > Webmasters's Tools > Code of Verification Yandex |
| 419 |
c) Save |
| 420 |
d) in Yandex Webmaster click on 'Check' |
| 421 |
e) Resours confirm your rules on site |
| 422 |
--------------------------------------------------------------------------------- |
| 423 |
Yandex Webmaster |
| 424 |
- Summary: |
| 425 |
^ it can show fatal mistake on spot, but it's ok, because robots couldn't put your site in search engine |
| 426 |
- Diagnostics: |
| 427 |
^ problems or mistakes are here |
| 428 |
- after confirming your site we need: |
| 429 |
^ create sitemap and robots.txt |
| 430 |
^ if plugin 'Yoast SEO' is installed, we type to title of our site in address bar 'sitemap_index.xml' to see that it is |
| 431 |
- Indexing > Sitemap's files |
| 432 |
^ 'https://mysite.ru/sitemap_index.xml' |
| 433 |
^ we'll wait some time |
| 434 |
- creating 'robots.txt' |
| 435 |
^ we can make it by hand or with 'Yoast SEO' |
| 436 |
^ in 'Youast SEO' > tools > files's editor > click on 'create file robots.txt': |
| 437 |
a) in simple sample we paste another sample from internet resourses |
| 438 |
b) change Sitemap and check 'is everything good?' |
| 439 |
c) to learn 'robots.txt' from any site, example: yandex.ru/robots.txt |
| 440 |
- Indexing > Re-visiting pages (very useful) |
| 441 |
^ when you create a new page, you can tell robot he index it on spot |
| 442 |
^ if you changed something in your page, you can tell robot visit it again |
| 443 |
^ you don't need to wait |
| 444 |
^ perhaps Google Webmaster doesn't have this page |
| 445 |
^ limit of visiting is about 20 pages a day |
| 446 |
- we'll learn additional prohibited pages for indixing from yandex.webmaster |
| 447 |
- gradually we'll get messages from google and yandex about improving site |
| 448 |
--------------------------------------------------------------------------------- |
| 449 |
Google Webmaster |
| 450 |
- for confirmation do the same as with yandex webmaster: |
| 451 |
^ add resourse where show our site |
| 452 |
^ in alternative methods > tag HTML > content 'needed' copy into plugin 'Yoast SEO' where saving |
| 453 |
^ click on 'confirm' in Google Webmaster, then wait for result |
| 454 |
- index google |
| 455 |
^ here's we see status of indexing |
| 456 |
- Scanning > Sitemap's files |
| 457 |
^ addin/checking of sitemap's file |
| 458 |
^ do the same (add 'sitemap_index.xml') |
| 459 |
- Scanning > Tool of checking file 'Robots.txt' |
| 460 |
++++++++++++++++++++++++++++++++++++++++ |
| 461 |
------------------------------------------------------------------------------- |
| 462 |
Creating of Site 'Business card' with using template |
| 463 |
------------------------------------------------------------------------------- |
| 464 |
++++++++++++++++++++++++++++++++++++++++ |
| 465 |
- for creating portfolio we can make sites with domain of the 3rd level: |
| 466 |
^ enough buy 1 domain on hosting, then make lots of sites |
| 467 |
- Site 'Business card' is a site with maximum 10 pages: |
| 468 |
^ it's without blog |
| 469 |
- it's useful to have subscribe on Envato Elements |
| 470 |
- 'Visual composer' is very popular constructor on which made lots of good templates |
| 471 |
- plugin 'Loco Translate' for translation for one ot another language |
| 472 |
-------------------------------------------------------------------------------- |
| 473 |
Site 'Business card' through visual constructor |
| 474 |
- theme 'OceanWP' (good for blogs and internet shops): |
| 475 |
^ recommended plugin 'Ocean Extra' |
| 476 |
- plugin 'translitera' is and Dashboard > Settings > Translitera |
| 477 |
- i didn't understand (where is it from?) but we can duplicate pages with 'PA Duplicate' |
| 478 |
- Settings Menu: |
| 479 |
^ Field of layout: |
| 480 |
a) Up panel (next to logo) |
| 481 |
b) main menu (usually in the top-right corner below Up panel) |
| 482 |
- Pages > attribute of page > template: |
| 483 |
^ Template default |
| 484 |
^ Elementor canvas |
| 485 |
^ Elementor full width (here's no sidebars and widgets) |
| 486 |
^ Theme |
| 487 |
^ Langing page |
| 488 |
- Elementor: |
| 489 |
^ When we want to add BG-image to the Header: |
| 490 |
a) First we set Section where add image and overlap |
| 491 |
b) then add elements |
| 492 |
^ Element > Common: |
| 493 |
a) Counter (in numbers) |
| 494 |
b) List with icons |
| 495 |
с) Shortcode |
| 496 |
d) Tabs |
| 497 |
e) Progress (in percents) |
| 498 |
f) Carousel |
| 499 |
g) Testimonial |
| 500 |
h) Spoiler (like tabs, but more for FAQ) |
| 501 |
i) Accordeon -- similar to Spoiler. The only difference is accent only on one element |
| 502 |
^ Duplicate (ctrl + D) |
| 503 |
^ Element > Base: |
| 504 |
a) Google Map |
| 505 |
b) Image |
| 506 |
с) Video |
| 507 |
- Besides Elementor we can add sth via theme (depending theme gives different abilities about setting site) and widgets |
| 508 |
- Elementor > Carousel: |
| 509 |
^ Content |
| 510 |
a) if images has different sizes, we can set our size in 'Size of Image' |
| 511 |
b) Show slides allows to display different number of images |
| 512 |
c) in 'Additional options' we can set animation |
| 513 |
^ Style |
| 514 |
a) Positioning allows to us display arrows outside or inside of gallery |
| 515 |
- Elementor > Tabs: |
| 516 |
^ we can place tabs either horizontal or vertical (content > positioning) |
| 517 |
^ we can put here images via content > tab#1 (or other) > Add mediafile |
| 518 |
- Our Services |
| 519 |
^ Often place videopresentation |
| 520 |
- Premium Addons: |
| 521 |
^ Premium Pricing Table |
| 522 |
- If we want to duplicate block next to itself, we duplicate Section, not Block, otherwise it goes below |
| 523 |
- Alignment of blocks make with 'Em', not in '%' |
| 524 |
- Premium Fansy Text |
| 525 |
^ alternate text (cool) where we can change prefix and suffix and text |
| 526 |
^ In additional settings we can change type of animation |
| 527 |
^ usually put it in the top of site |
| 528 |
- Site 'Business card' usually is made by theme 'WP Ocean' and pages with Elementor |
| 529 |
++++++++++++++++++++++++++++++++++++++++ |
| 530 |
------------------------------------------------------------------------------- |
| 531 |
Creating Landing with Visual Constructor |
| 532 |
------------------------------------------------------------------------------- |
| 533 |
++++++++++++++++++++++++++++++++++++++++ |
| 534 |
- work with Canvas Elementor on Main Page |
| 535 |
- we can choose block-templates |
| 536 |
- sometimes if we want to add 'carousel', we need to set Section 'full width' (Section > Layout > Full width) |
| 537 |
- Great pugin 'Smart Slider 3': |
| 538 |
^ in Elementor 'Smart Slider' |
| 539 |
^ we can create new sliders or take from library template |
| 540 |
- Elementor > blocks |
| 541 |
^ Icon |
| 542 |
a) it can be framed icon which can be set with padding |
| 543 |
^ Button |
| 544 |
- Elementor > Section: |
| 545 |
^ after adding image (style > background), we set so: |
| 546 |
a) Bingind: fix (only on PC) |
| 547 |
b) Repeat: don't repeat |
| 548 |
c) Size: Overlap (image on all width of section) |
| 549 |
^ Styel > Splitter Section |
| 550 |
a) we can make good effects with 'slope' |
| 551 |
^ Modal Windows: |
| 552 |
a) doing with element 'Anchor Menu' |
| 553 |
b) just place 'Anchor Menu' over needed information |
| 554 |
c) in 'Anchor Menu' we type in English sth associated with |
| 555 |
- Plugin 'Popup maker' |
| 556 |
^ it relates to modal windows |
| 557 |
^ for options, lead gen, & more |
| 558 |
++++++++++++++++++++++++++++++++++++++++ |
| 559 |
------------------------------------------------------------------------------- |
| 560 |
Creating Blog via themes of WP |
| 561 |
------------------------------------------------------------------------------- |
| 562 |
++++++++++++++++++++++++++++++++++++++++ |
| 563 |
- Wordpress.org: |
| 564 |
^ review templates via demo link |
| 565 |
- Theme 'Tiny Hestia' is useful for blog |
| 566 |
- Elementor |
| 567 |
^ Element 'Premium Blog' (good) |
| 568 |
- plugin 'WP Meta and Date Remover' |
| 569 |
^ for removing meta information |
| 570 |
- when we want to remove or hide sth: |
| 571 |
^ learn code (class, id) |
| 572 |
^ Customization > additional styles |
| 573 |
------------------------------------------------------------------------------- |
| 574 |
Theme 'OceanWP' |
| 575 |
------------------------------------------------------------------------------- |
| 576 |
- in Ocean WP Settings (in editor): |
| 577 |
^ Header > Header Style > Full Screen allows like from mobile version |
| 578 |
^ Blog > Alone Post > Image of Post (can switch off) |
| 579 |
------------------------------------------------------------------------------- |
| 580 |
- plugin 'Child Theme Configurator': |
| 581 |
^ it's for creating a child theme |
| 582 |
^ after installing, it appears in Dashboard > Tools > Child Themes |
| 583 |
^ in tab 'Files' we can choose needed files |
Комментарии