VOTING POWER100.00%
DOWNVOTE POWER100.00%
RESOURCE CREDITS100.00%
REPUTATION PROGRESS71.41%
Net Worth
0.000USD
STEEM
0.000STEEM
SBD
0.000SBD
Own SP
0.001SP
Detailed Balance
| STEEM | ||
| balance | 0.000STEEM | STEEM |
| market_balance | 0.000STEEM | STEEM |
| savings_balance | 0.000STEEM | STEEM |
| reward_steem_balance | 0.000STEEM | STEEM |
| STEEM POWER | ||
| Own SP | 0.001SP | SP |
| Delegated Out | 0.000SP | SP |
| Delegation In | 0.000SP | SP |
| Effective Power | 0.001SP | SP |
| Reward SP (pending) | 0.000SP | SP |
| SBD | ||
| sbd_balance | 0.000SBD | SBD |
| sbd_conversions | 0.000SBD | SBD |
| sbd_market_balance | 0.000SBD | SBD |
| savings_sbd_balance | 0.000SBD | SBD |
| reward_sbd_balance | 0.000SBD | SBD |
{
"balance": "0.000 STEEM",
"savings_balance": "0.000 STEEM",
"reward_steem_balance": "0.000 STEEM",
"vesting_shares": "2.012768 VESTS",
"delegated_vesting_shares": "0.000000 VESTS",
"received_vesting_shares": "0.000000 VESTS",
"sbd_balance": "0.000 SBD",
"savings_sbd_balance": "0.000 SBD",
"reward_sbd_balance": "0.000 SBD",
"conversions": []
}Account Info
| name | techvhow |
| id | 1167681 |
| rank | 1,693,319 |
| reputation | 15504436206 |
| created | 2018-11-01T13:35:09 |
| recovery_account | danishmmir |
| proxy | None |
| post_count | 84 |
| comment_count | 0 |
| lifetime_vote_count | 0 |
| witnesses_voted_for | 0 |
| last_post | 2018-12-28T17:04:00 |
| last_root_post | 2018-12-28T17:04:00 |
| last_vote_time | 2018-12-28T17:04:00 |
| proxied_vsf_votes | 0, 0, 0, 0 |
| can_vote | 1 |
| voting_power | 0 |
| delayed_votes | 0 |
| balance | 0.000 STEEM |
| savings_balance | 0.000 STEEM |
| sbd_balance | 0.000 SBD |
| savings_sbd_balance | 0.000 SBD |
| vesting_shares | 2.012768 VESTS |
| delegated_vesting_shares | 0.000000 VESTS |
| received_vesting_shares | 0.000000 VESTS |
| reward_vesting_balance | 0.000000 VESTS |
| vesting_balance | 0.000 STEEM |
| vesting_withdraw_rate | 0.000000 VESTS |
| next_vesting_withdrawal | 1969-12-31T23:59:59 |
| withdrawn | 315717765799 |
| to_withdraw | 315717765799 |
| withdraw_routes | 0 |
| savings_withdraw_requests | 0 |
| last_account_recovery | 1970-01-01T00:00:00 |
| reset_account | null |
| last_owner_update | 2018-11-01T13:36:48 |
| last_account_update | 2018-11-01T13:48:18 |
| mined | No |
| sbd_seconds | 0 |
| sbd_last_interest_payment | 2021-03-08T06:17:06 |
| savings_sbd_last_interest_payment | 1970-01-01T00:00:00 |
{
"id": 1167681,
"name": "techvhow",
"owner": {
"weight_threshold": 1,
"account_auths": [],
"key_auths": [
[
"STM571q8G5YcM75tmZt6YC42auvWFDya2gzrWgrASdPPeodWSffca",
1
]
]
},
"active": {
"weight_threshold": 1,
"account_auths": [],
"key_auths": [
[
"STM5hJJ4UA4wex9UQgMRAeDpQ5EVfyzcuep8iXdKo14pSj6Lh2bzH",
1
]
]
},
"posting": {
"weight_threshold": 1,
"account_auths": [],
"key_auths": [
[
"STM7zNcKKk6vNL8Cy5PJpJtKzsGmBgzsmerEbimhcUSHnwqqiNFmQ",
1
]
]
},
"memo_key": "STM6toNPhrAHKGJst9BaJcv7QQmLBHsZqEY4iasUYKvZoG8yzBAs9",
"json_metadata": "{\"profile\":{\"profile_image\":\"https://cdn.steemitimages.com/DQmdv2UJn5FsNoM7Dq5gTb3838UbsU4eSmgUpgzXzYLaVPy/bookmark_512x512.png\",\"cover_image\":\"https://cdn.steemitimages.com/DQmbkKHw8e7oE4ZGqzhDE5upFmzfRL3og8pucF1SNcrCRso/cover-logo-white-color.jpg\",\"name\":\"TechVHow\",\"about\":\"Your Tech and HowTo Guide\",\"location\":\"India\",\"website\":\"http://techvhow.com\"}}",
"posting_json_metadata": "{\"profile\":{\"profile_image\":\"https://cdn.steemitimages.com/DQmdv2UJn5FsNoM7Dq5gTb3838UbsU4eSmgUpgzXzYLaVPy/bookmark_512x512.png\",\"cover_image\":\"https://cdn.steemitimages.com/DQmbkKHw8e7oE4ZGqzhDE5upFmzfRL3og8pucF1SNcrCRso/cover-logo-white-color.jpg\",\"name\":\"TechVHow\",\"about\":\"Your Tech and HowTo Guide\",\"location\":\"India\",\"website\":\"http://techvhow.com\"}}",
"proxy": "",
"last_owner_update": "2018-11-01T13:36:48",
"last_account_update": "2018-11-01T13:48:18",
"created": "2018-11-01T13:35:09",
"mined": false,
"recovery_account": "danishmmir",
"last_account_recovery": "1970-01-01T00:00:00",
"reset_account": "null",
"comment_count": 0,
"lifetime_vote_count": 0,
"post_count": 84,
"can_vote": true,
"voting_manabar": {
"current_mana": "315719778567",
"last_update_time": 1615616397
},
"downvote_manabar": {
"current_mana": "78929944641",
"last_update_time": 1615616397
},
"voting_power": 0,
"balance": "0.000 STEEM",
"savings_balance": "0.000 STEEM",
"sbd_balance": "0.000 SBD",
"sbd_seconds": "0",
"sbd_seconds_last_update": "2021-03-08T06:17:06",
"sbd_last_interest_payment": "2021-03-08T06:17:06",
"savings_sbd_balance": "0.000 SBD",
"savings_sbd_seconds": "0",
"savings_sbd_seconds_last_update": "1970-01-01T00:00:00",
"savings_sbd_last_interest_payment": "1970-01-01T00:00:00",
"savings_withdraw_requests": 0,
"reward_sbd_balance": "0.000 SBD",
"reward_steem_balance": "0.000 STEEM",
"reward_vesting_balance": "0.000000 VESTS",
"reward_vesting_steem": "0.000 STEEM",
"vesting_shares": "2.012768 VESTS",
"delegated_vesting_shares": "0.000000 VESTS",
"received_vesting_shares": "0.000000 VESTS",
"vesting_withdraw_rate": "0.000000 VESTS",
"next_vesting_withdrawal": "1969-12-31T23:59:59",
"withdrawn": "315717765799",
"to_withdraw": "315717765799",
"withdraw_routes": 0,
"curation_rewards": 0,
"posting_rewards": 423,
"proxied_vsf_votes": [
0,
0,
0,
0
],
"witnesses_voted_for": 0,
"last_post": "2018-12-28T17:04:00",
"last_root_post": "2018-12-28T17:04:00",
"last_vote_time": "2018-12-28T17:04:00",
"post_bandwidth": 0,
"pending_claimed_accounts": 0,
"vesting_balance": "0.000 STEEM",
"reputation": "15504436206",
"transfer_history": [],
"market_history": [],
"post_history": [],
"vote_history": [],
"other_history": [],
"witness_votes": [],
"tags_usage": [],
"guest_bloggers": [],
"rank": 1693319
}Withdraw Routes
| Incoming | Outgoing |
|---|---|
Empty | Empty |
{
"incoming": [],
"outgoing": []
}From Date
To Date
richardgamerreplied to @techvhow / rbytsg2022/05/16 07:50:42
richardgamerreplied to @techvhow / rbytsg
2022/05/16 07:50:42
| parent author | techvhow |
| parent permlink | 6bestopensourcealternativestomicrosoftofficeforlinux-z1a3fniao2 |
| author | richardgamer |
| permlink | rbytsg |
| title | |
| body | Currently, MS Office licenses are so cheap that you do not have to look for free alternatives. I myself bought on this site ( https://royalcdkeys.com/products/microsoft-office-2021-pro-plus-key-phone-retail-global ) and can recommend it. Thanks to this, I can easily enjoy legal software. |
| json metadata | {"links":["https://royalcdkeys.com/products/microsoft-office-2021-pro-plus-key-phone-retail-global"],"app":"steemit/0.2"} |
| Transaction Info | Block #64213405/Trx c787b379f6ea41778d459d401b1c3a92f65e5afe |
View Raw JSON Data
{
"trx_id": "c787b379f6ea41778d459d401b1c3a92f65e5afe",
"block": 64213405,
"trx_in_block": 0,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2022-05-16T07:50:42",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "6bestopensourcealternativestomicrosoftofficeforlinux-z1a3fniao2",
"author": "richardgamer",
"permlink": "rbytsg",
"title": "",
"body": "Currently, MS Office licenses are so cheap that you do not have to look for free alternatives. I myself bought on this site ( https://royalcdkeys.com/products/microsoft-office-2021-pro-plus-key-phone-retail-global ) and can recommend it. Thanks to this, I can easily enjoy legal software.",
"json_metadata": "{\"links\":[\"https://royalcdkeys.com/products/microsoft-office-2021-pro-plus-key-phone-retail-global\"],\"app\":\"steemit/0.2\"}"
}
]
}techvhowsent 41.838 STEEM to @danishmmir2021/04/10 14:02:30
techvhowsent 41.838 STEEM to @danishmmir
2021/04/10 14:02:30
| from | techvhow |
| to | danishmmir |
| amount | 41.838 STEEM |
| memo | |
| Transaction Info | Block #52767482/Trx 25fb4063aea32d2861e7c000fb95e9e24a0e9014 |
View Raw JSON Data
{
"trx_id": "25fb4063aea32d2861e7c000fb95e9e24a0e9014",
"block": 52767482,
"trx_in_block": 3,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-04-10T14:02:30",
"op": [
"transfer",
{
"from": "techvhow",
"to": "danishmmir",
"amount": "41.838 STEEM",
"memo": ""
}
]
}techvhowreceived 41.838 STEEM from power down installment (48.528 SP)2021/04/10 13:28:30
techvhowreceived 41.838 STEEM from power down installment (48.528 SP)
2021/04/10 13:28:30
| from account | techvhow |
| to account | techvhow |
| withdrawn | 78929.441449 VESTS |
| deposited | 41.838 STEEM |
| Transaction Info | Block #52766805/Virtual Operation #3 |
View Raw JSON Data
{
"trx_id": "0000000000000000000000000000000000000000",
"block": 52766805,
"trx_in_block": 4294967295,
"op_in_trx": 0,
"virtual_op": 3,
"timestamp": "2021-04-10T13:28:30",
"op": [
"fill_vesting_withdraw",
{
"from_account": "techvhow",
"to_account": "techvhow",
"withdrawn": "78929.441449 VESTS",
"deposited": "41.838 STEEM"
}
]
}techvhowsent 41.807 STEEM to @danishmmir2021/04/04 04:10:00
techvhowsent 41.807 STEEM to @danishmmir
2021/04/04 04:10:00
| from | techvhow |
| to | danishmmir |
| amount | 41.807 STEEM |
| memo | |
| Transaction Info | Block #52584551/Trx 5706e28e6ca8803678981ce6174379ccde328b29 |
View Raw JSON Data
{
"trx_id": "5706e28e6ca8803678981ce6174379ccde328b29",
"block": 52584551,
"trx_in_block": 3,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-04-04T04:10:00",
"op": [
"transfer",
{
"from": "techvhow",
"to": "danishmmir",
"amount": "41.807 STEEM",
"memo": ""
}
]
}techvhowreceived 41.807 STEEM from power down installment (48.528 SP)2021/04/03 13:28:30
techvhowreceived 41.807 STEEM from power down installment (48.528 SP)
2021/04/03 13:28:30
| from account | techvhow |
| to account | techvhow |
| withdrawn | 78929.441450 VESTS |
| deposited | 41.807 STEEM |
| Transaction Info | Block #52567091/Virtual Operation #2 |
View Raw JSON Data
{
"trx_id": "0000000000000000000000000000000000000000",
"block": 52567091,
"trx_in_block": 4294967295,
"op_in_trx": 0,
"virtual_op": 2,
"timestamp": "2021-04-03T13:28:30",
"op": [
"fill_vesting_withdraw",
{
"from_account": "techvhow",
"to_account": "techvhow",
"withdrawn": "78929.441450 VESTS",
"deposited": "41.807 STEEM"
}
]
}techvhowsent 372.438 STEEM to @deepcrypto8- "103261087"2021/03/27 15:35:27
techvhowsent 372.438 STEEM to @deepcrypto8- "103261087"
2021/03/27 15:35:27
| from | techvhow |
| to | deepcrypto8 |
| amount | 372.438 STEEM |
| memo | 103261087 |
| Transaction Info | Block #52370032/Trx 0a36f01895c63eb6a64e8c38dcbcc266664d4a30 |
View Raw JSON Data
{
"trx_id": "0a36f01895c63eb6a64e8c38dcbcc266664d4a30",
"block": 52370032,
"trx_in_block": 4,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-27T15:35:27",
"op": [
"transfer",
{
"from": "techvhow",
"to": "deepcrypto8",
"amount": "372.438 STEEM",
"memo": "103261087"
}
]
}whalebuildersent 51.429 STEEM to @techvhow2021/03/27 15:33:45
whalebuildersent 51.429 STEEM to @techvhow
2021/03/27 15:33:45
| from | whalebuilder |
| to | techvhow |
| amount | 51.429 STEEM |
| memo | |
| Transaction Info | Block #52369998/Trx 248ebb115ff478dbe7bf76726fc27fe6383e74b8 |
View Raw JSON Data
{
"trx_id": "248ebb115ff478dbe7bf76726fc27fe6383e74b8",
"block": 52369998,
"trx_in_block": 2,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-27T15:33:45",
"op": [
"transfer",
{
"from": "whalebuilder",
"to": "techvhow",
"amount": "51.429 STEEM",
"memo": ""
}
]
}2021/03/27 15:31:51
2021/03/27 15:31:51
| from | aaqib11b |
| to | techvhow |
| amount | 79.438 STEEM |
| memo | |
| Transaction Info | Block #52369960/Trx 632696da546e6f5f9de488635d56c0f0d966bd3d |
View Raw JSON Data
{
"trx_id": "632696da546e6f5f9de488635d56c0f0d966bd3d",
"block": 52369960,
"trx_in_block": 6,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-27T15:31:51",
"op": [
"transfer",
{
"from": "aaqib11b",
"to": "techvhow",
"amount": "79.438 STEEM",
"memo": ""
}
]
}shoibshafimirsent 199.794 STEEM to @techvhow2021/03/27 15:28:33
shoibshafimirsent 199.794 STEEM to @techvhow
2021/03/27 15:28:33
| from | shoibshafimir |
| to | techvhow |
| amount | 199.794 STEEM |
| memo | |
| Transaction Info | Block #52369895/Trx 93dc68a9c811c00a87ecde5cc6b8ee7f2f49525d |
View Raw JSON Data
{
"trx_id": "93dc68a9c811c00a87ecde5cc6b8ee7f2f49525d",
"block": 52369895,
"trx_in_block": 16,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-27T15:28:33",
"op": [
"transfer",
{
"from": "shoibshafimir",
"to": "techvhow",
"amount": "199.794 STEEM",
"memo": ""
}
]
}techvhowreceived 41.777 STEEM from power down installment (48.528 SP)2021/03/27 13:28:30
techvhowreceived 41.777 STEEM from power down installment (48.528 SP)
2021/03/27 13:28:30
| from account | techvhow |
| to account | techvhow |
| withdrawn | 78929.441450 VESTS |
| deposited | 41.777 STEEM |
| Transaction Info | Block #52367518/Virtual Operation #2 |
View Raw JSON Data
{
"trx_id": "0000000000000000000000000000000000000000",
"block": 52367518,
"trx_in_block": 4294967295,
"op_in_trx": 0,
"virtual_op": 2,
"timestamp": "2021-03-27T13:28:30",
"op": [
"fill_vesting_withdraw",
{
"from_account": "techvhow",
"to_account": "techvhow",
"withdrawn": "78929.441450 VESTS",
"deposited": "41.777 STEEM"
}
]
}techvhowsent 41.746 STEEM to @danishmmir2021/03/26 14:36:21
techvhowsent 41.746 STEEM to @danishmmir
2021/03/26 14:36:21
| from | techvhow |
| to | danishmmir |
| amount | 41.746 STEEM |
| memo | |
| Transaction Info | Block #52340364/Trx d92b38541256cc9fc0e790f4b48e67de0977c466 |
View Raw JSON Data
{
"trx_id": "d92b38541256cc9fc0e790f4b48e67de0977c466",
"block": 52340364,
"trx_in_block": 4,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-26T14:36:21",
"op": [
"transfer",
{
"from": "techvhow",
"to": "danishmmir",
"amount": "41.746 STEEM",
"memo": ""
}
]
}techvhowreceived 41.746 STEEM from power down installment (48.528 SP)2021/03/20 13:28:33
techvhowreceived 41.746 STEEM from power down installment (48.528 SP)
2021/03/20 13:28:33
| from account | techvhow |
| to account | techvhow |
| withdrawn | 78929.441450 VESTS |
| deposited | 41.746 STEEM |
| Transaction Info | Block #52168033/Virtual Operation #2 |
View Raw JSON Data
{
"trx_id": "0000000000000000000000000000000000000000",
"block": 52168033,
"trx_in_block": 4294967295,
"op_in_trx": 0,
"virtual_op": 2,
"timestamp": "2021-03-20T13:28:33",
"op": [
"fill_vesting_withdraw",
{
"from_account": "techvhow",
"to_account": "techvhow",
"withdrawn": "78929.441450 VESTS",
"deposited": "41.746 STEEM"
}
]
}techvhowstarted power down of 194.110 SP2021/03/13 13:28:30
techvhowstarted power down of 194.110 SP
2021/03/13 13:28:30
| account | techvhow |
| vesting shares | 315717.765799 VESTS |
| Transaction Info | Block #51970299/Trx 809623571e7e3590047d9b9678109761a932f6b3 |
View Raw JSON Data
{
"trx_id": "809623571e7e3590047d9b9678109761a932f6b3",
"block": 51970299,
"trx_in_block": 5,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-13T13:28:30",
"op": [
"withdraw_vesting",
{
"account": "techvhow",
"vesting_shares": "315717.765799 VESTS"
}
]
}techvhowreturned a vesting delegation2021/03/13 06:19:57
techvhowreturned a vesting delegation
2021/03/13 06:19:57
| account | techvhow |
| vesting shares | 310125.869715 VESTS |
| Transaction Info | Block #51961811/Virtual Operation #1 |
View Raw JSON Data
{
"trx_id": "0000000000000000000000000000000000000000",
"block": 51961811,
"trx_in_block": 4294967295,
"op_in_trx": 0,
"virtual_op": 1,
"timestamp": "2021-03-13T06:19:57",
"op": [
"return_vesting_delegation",
{
"account": "techvhow",
"vesting_shares": "310125.869715 VESTS"
}
]
}techvhowdelegated 0.000 SP to @danishmmir2021/03/08 06:19:54
techvhowdelegated 0.000 SP to @danishmmir
2021/03/08 06:19:54
| delegator | techvhow |
| delegatee | danishmmir |
| vesting shares | 0.000000 VESTS |
| Transaction Info | Block #51823177/Trx 17d1bc30e298448b4d7a7e4b76522ce03e4f6a37 |
View Raw JSON Data
{
"trx_id": "17d1bc30e298448b4d7a7e4b76522ce03e4f6a37",
"block": 51823177,
"trx_in_block": 4,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-08T06:19:54",
"op": [
"delegate_vesting_shares",
{
"delegator": "techvhow",
"delegatee": "danishmmir",
"vesting_shares": "0.000000 VESTS"
}
]
}techvhowsent 1.590 STEEM to @danishmmir2021/03/08 06:18:09
techvhowsent 1.590 STEEM to @danishmmir
2021/03/08 06:18:09
| from | techvhow |
| to | danishmmir |
| amount | 1.590 STEEM |
| memo | |
| Transaction Info | Block #51823142/Trx 0bc2a1d889e041e333fe6666ce066bc0758ca4bb |
View Raw JSON Data
{
"trx_id": "0bc2a1d889e041e333fe6666ce066bc0758ca4bb",
"block": 51823142,
"trx_in_block": 3,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-08T06:18:09",
"op": [
"transfer",
{
"from": "techvhow",
"to": "danishmmir",
"amount": "1.590 STEEM",
"memo": ""
}
]
}techvhowblockchain operation: limit order create2021/03/08 06:17:06
techvhowblockchain operation: limit order create
2021/03/08 06:17:06
| owner | techvhow |
| orderid | 1615184224 |
| amount to sell | 0.117 SBD |
| min to receive | 1.573 STEEM |
| fill or kill | false |
| expiration | 2021-04-04T06:16:53 |
| Transaction Info | Block #51823121/Trx 8162ae9ceffdec1e0fedfad5c541e4c870bf6777 |
View Raw JSON Data
{
"trx_id": "8162ae9ceffdec1e0fedfad5c541e4c870bf6777",
"block": 51823121,
"trx_in_block": 2,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2021-03-08T06:17:06",
"op": [
"limit_order_create",
{
"owner": "techvhow",
"orderid": 1615184224,
"amount_to_sell": "0.117 SBD",
"min_to_receive": "1.573 STEEM",
"fill_or_kill": false,
"expiration": "2021-04-04T06:16:53"
}
]
}techvhowbought 1.573 STEEM for 0.117 SBD from @quicktrades2021/03/08 06:17:06
techvhowbought 1.573 STEEM for 0.117 SBD from @quicktrades
2021/03/08 06:17:06
| current owner | techvhow |
| current orderid | 1615184224 |
| current pays | 0.117 SBD |
| open owner | quicktrades |
| open orderid | 653141245 |
| open pays | 1.573 STEEM |
| Transaction Info | Block #51823121/Trx 8162ae9ceffdec1e0fedfad5c541e4c870bf6777 |
View Raw JSON Data
{
"trx_id": "8162ae9ceffdec1e0fedfad5c541e4c870bf6777",
"block": 51823121,
"trx_in_block": 2,
"op_in_trx": 0,
"virtual_op": 1,
"timestamp": "2021-03-08T06:17:06",
"op": [
"fill_order",
{
"current_owner": "techvhow",
"current_orderid": 1615184224,
"current_pays": "0.117 SBD",
"open_owner": "quicktrades",
"open_orderid": 653141245,
"open_pays": "1.573 STEEM"
}
]
}2020/12/06 17:52:15
2020/12/06 17:52:15
| parent author | techvhow |
| parent permlink | top10bestlaptopsinindiaseptember2018-00zeib9hko |
| author | parsh |
| permlink | qkxiz1 |
| title | |
| body | very nice and detailed information i also read your original blog , Which is quite nice. do you know any <a href="https://www.swsinfotech.com/trending/indian-laptop-companies/"> Indian laptop company name </a> |
| json metadata | {"links":["https://www.swsinfotech.com/trending/indian-laptop-companies/"],"app":"steemit/0.2"} |
| Transaction Info | Block #49222194/Trx 87556b5eae91893ae728c50c3528d83546128bf9 |
View Raw JSON Data
{
"trx_id": "87556b5eae91893ae728c50c3528d83546128bf9",
"block": 49222194,
"trx_in_block": 5,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2020-12-06T17:52:15",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "top10bestlaptopsinindiaseptember2018-00zeib9hko",
"author": "parsh",
"permlink": "qkxiz1",
"title": "",
"body": "very nice and detailed information i also read your original blog , Which is quite nice. do you know any <a href=\"https://www.swsinfotech.com/trending/indian-laptop-companies/\"> Indian laptop company name </a>",
"json_metadata": "{\"links\":[\"https://www.swsinfotech.com/trending/indian-laptop-companies/\"],\"app\":\"steemit/0.2\"}"
}
]
}techvhowdelegated 190.672 SP to @danishmmir2020/08/10 15:46:36
techvhowdelegated 190.672 SP to @danishmmir
2020/08/10 15:46:36
| delegator | techvhow |
| delegatee | danishmmir |
| vesting shares | 310125.869715 VESTS |
| Transaction Info | Block #45870875/Trx 62e95485d20dce8c16dbfd9acaa62ffc0c97c7a2 |
View Raw JSON Data
{
"trx_id": "62e95485d20dce8c16dbfd9acaa62ffc0c97c7a2",
"block": 45870875,
"trx_in_block": 2,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2020-08-10T15:46:36",
"op": [
"delegate_vesting_shares",
{
"delegator": "techvhow",
"delegatee": "danishmmir",
"vesting_shares": "310125.869715 VESTS"
}
]
}2019/11/01 14:24:57
2019/11/01 14:24:57
| parent author | techvhow |
| parent permlink | howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| author | steemitboard |
| permlink | steemitboard-notify-techvhow-20191101t142456000z |
| title | |
| body | Congratulations @techvhow! You received a personal award! <table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@techvhow/birthday1.png</td><td>Happy Birthday! - You are on the Steem blockchain for 1 year!</td></tr></table> <sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@techvhow) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=techvhow)_</sub> ###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes! |
| json metadata | {"image":["https://steemitboard.com/img/notify.png"]} |
| Transaction Info | Block #37796068/Trx 7ff42f388a5fb9cae6c9f6bb7ecefd497ae6434e |
View Raw JSON Data
{
"trx_id": "7ff42f388a5fb9cae6c9f6bb7ecefd497ae6434e",
"block": 37796068,
"trx_in_block": 1,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2019-11-01T14:24:57",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"author": "steemitboard",
"permlink": "steemitboard-notify-techvhow-20191101t142456000z",
"title": "",
"body": "Congratulations @techvhow! You received a personal award!\n\n<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@techvhow/birthday1.png</td><td>Happy Birthday! - You are on the Steem blockchain for 1 year!</td></tr></table>\n\n<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@techvhow) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=techvhow)_</sub>\n\n\n###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!",
"json_metadata": "{\"image\":[\"https://steemitboard.com/img/notify.png\"]}"
}
]
}2019/08/09 06:03:48
2019/08/09 06:03:48
| parent author | techvhow |
| parent permlink | bestobd2scannersandappsforandroid-t5yw207u9x |
| author | niel96 |
| permlink | pvygud |
| title | |
| body | What are your favorite apps to use with an obd2 adapter? I think torque and revheadz are very cool. Especially revheadz is kind of underrated. https://youtu.be/PYop0y3X-PY |
| json metadata | {"tags":["bluetooth"],"image":["https://img.youtube.com/vi/PYop0y3X-PY/0.jpg"],"links":["https://youtu.be/PYop0y3X-PY"],"app":"steemit/0.1"} |
| Transaction Info | Block #35393567/Trx 865a2a2ec7e338039f2aa1e5043bfa354e421d63 |
View Raw JSON Data
{
"trx_id": "865a2a2ec7e338039f2aa1e5043bfa354e421d63",
"block": 35393567,
"trx_in_block": 14,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2019-08-09T06:03:48",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "bestobd2scannersandappsforandroid-t5yw207u9x",
"author": "niel96",
"permlink": "pvygud",
"title": "",
"body": "What are your favorite apps to use with an obd2 adapter? \nI think torque and revheadz are very cool.\nEspecially revheadz is kind of underrated.\n\nhttps://youtu.be/PYop0y3X-PY",
"json_metadata": "{\"tags\":[\"bluetooth\"],\"image\":[\"https://img.youtube.com/vi/PYop0y3X-PY/0.jpg\"],\"links\":[\"https://youtu.be/PYop0y3X-PY\"],\"app\":\"steemit/0.1\"}"
}
]
}2019/02/25 23:03:00
2019/02/25 23:03:00
| parent author | techvhow |
| parent permlink | howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| author | partiko |
| permlink | partiko-re-techvhow-howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory-20190225t230300220z |
| title | |
| body | Hello @techvhow! This is a friendly reminder that you have 3000 Partiko Points unclaimed in your Partiko account! Partiko is a fast and beautiful mobile app for Steem, and it’s the most popular Steem mobile app out there! Download Partiko using the link below and login using SteemConnect to claim your 3000 Partiko points! You can easily convert them into Steem token! https://partiko.app/referral/partiko |
| json metadata | {"app":"partiko"} |
| Transaction Info | Block #30669382/Trx 410262d77924eafbc6fafc64fa5589c68aa7d7cb |
View Raw JSON Data
{
"trx_id": "410262d77924eafbc6fafc64fa5589c68aa7d7cb",
"block": 30669382,
"trx_in_block": 33,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2019-02-25T23:03:00",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"author": "partiko",
"permlink": "partiko-re-techvhow-howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory-20190225t230300220z",
"title": "",
"body": "Hello @techvhow! This is a friendly reminder that you have 3000 Partiko Points unclaimed in your Partiko account!\n\nPartiko is a fast and beautiful mobile app for Steem, and it’s the most popular Steem mobile app out there! Download Partiko using the link below and login using SteemConnect to claim your 3000 Partiko points! You can easily convert them into Steem token!\n\nhttps://partiko.app/referral/partiko",
"json_metadata": "{\"app\":\"partiko\"}"
}
]
}techvhowclaimed reward balance: 0.017 STEEM, 0.022 SP2019/01/20 13:08:18
techvhowclaimed reward balance: 0.017 STEEM, 0.022 SP
2019/01/20 13:08:18
| account | techvhow |
| reward steem | 0.017 STEEM |
| reward sbd | 0.000 SBD |
| reward vests | 36.199689 VESTS |
| Transaction Info | Block #29621612/Trx 257cd58124511a2e8f5fe995c83f982565b910cc |
View Raw JSON Data
{
"trx_id": "257cd58124511a2e8f5fe995c83f982565b910cc",
"block": 29621612,
"trx_in_block": 82,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2019-01-20T13:08:18",
"op": [
"claim_reward_balance",
{
"account": "techvhow",
"reward_steem": "0.017 STEEM",
"reward_sbd": "0.000 SBD",
"reward_vests": "36.199689 VESTS"
}
]
}raise-me-upupvoted (0.01%) @techvhow / howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory2018/12/28 17:15:06
raise-me-upupvoted (0.01%) @techvhow / howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory
2018/12/28 17:15:06
| voter | raise-me-up |
| author | techvhow |
| permlink | howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| weight | 1 (0.01%) |
| Transaction Info | Block #28964746/Trx 5bb61916a974f5aeaf60fd71e529b8d459bbb307 |
View Raw JSON Data
{
"trx_id": "5bb61916a974f5aeaf60fd71e529b8d459bbb307",
"block": 28964746,
"trx_in_block": 18,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T17:15:06",
"op": [
"vote",
{
"voter": "raise-me-up",
"author": "techvhow",
"permlink": "howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"weight": 1
}
]
}2018/12/28 17:04:12
2018/12/28 17:04:12
| parent author | techvhow |
| parent permlink | howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| author | cheetah |
| permlink | cheetah-re-techvhowhowtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| title | |
| body | Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post! If you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ). |
| json metadata | |
| Transaction Info | Block #28964528/Trx f8eff0a4e5eca96424641647d2acf6bb4b2187e4 |
View Raw JSON Data
{
"trx_id": "f8eff0a4e5eca96424641647d2acf6bb4b2187e4",
"block": 28964528,
"trx_in_block": 16,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T17:04:12",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"author": "cheetah",
"permlink": "cheetah-re-techvhowhowtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"title": "",
"body": "Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post!\nIf you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ).",
"json_metadata": ""
}
]
}cheetahflagged (-0.08%) @techvhow / howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory2018/12/28 17:04:09
cheetahflagged (-0.08%) @techvhow / howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory
2018/12/28 17:04:09
| voter | cheetah |
| author | techvhow |
| permlink | howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| weight | -8 (-0.08%) |
| Transaction Info | Block #28964527/Trx 8fab4e32cb7c8bc5eaa265d9a0a49603af598030 |
View Raw JSON Data
{
"trx_id": "8fab4e32cb7c8bc5eaa265d9a0a49603af598030",
"block": 28964527,
"trx_in_block": 11,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T17:04:09",
"op": [
"vote",
{
"voter": "cheetah",
"author": "techvhow",
"permlink": "howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"weight": -8
}
]
}techvhowupvoted (100.00%) @techvhow / howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory2018/12/28 17:04:00
techvhowupvoted (100.00%) @techvhow / howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory
2018/12/28 17:04:00
| voter | techvhow |
| author | techvhow |
| permlink | howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| weight | 10000 (100.00%) |
| Transaction Info | Block #28964524/Trx 1b4251e0ac79e8e3211fca0dc0ceef2b3d72fe56 |
View Raw JSON Data
{
"trx_id": "1b4251e0ac79e8e3211fca0dc0ceef2b3d72fe56",
"block": 28964524,
"trx_in_block": 2,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T17:04:00",
"op": [
"vote",
{
"voter": "techvhow",
"author": "techvhow",
"permlink": "howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"weight": 10000
}
]
}techvhowupdated options for howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory2018/12/28 17:04:00
techvhowupdated options for howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory
2018/12/28 17:04:00
| author | techvhow |
| permlink | howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| max accepted payout | 1000000.000 SBD |
| percent steem dollars | 10000 |
| allow votes | true |
| allow curation rewards | true |
| extensions | [[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]] |
| Transaction Info | Block #28964524/Trx 1b4251e0ac79e8e3211fca0dc0ceef2b3d72fe56 |
View Raw JSON Data
{
"trx_id": "1b4251e0ac79e8e3211fca0dc0ceef2b3d72fe56",
"block": 28964524,
"trx_in_block": 2,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T17:04:00",
"op": [
"comment_options",
{
"author": "techvhow",
"permlink": "howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"max_accepted_payout": "1000000.000 SBD",
"percent_steem_dollars": 10000,
"allow_votes": true,
"allow_curation_rewards": true,
"extensions": [
[
0,
{
"beneficiaries": [
{
"account": "steempress",
"weight": 1500
}
]
}
]
]
}
]
}techvhowpublished a new post: howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory2018/12/28 17:04:00
techvhowpublished a new post: howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory
2018/12/28 17:04:00
| parent author | |
| parent permlink | installation |
| author | techvhow |
| permlink | howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory |
| title | How to Install and Setup WordPress Multisite Network |
| body | <center>https://techvhow.com/wp-content/uploads/2018/12/wordpress-multisite-functionality.jpg</center> <br/><p>Do you want to setup a WordPress multisite network? WordPress comes with a built-in capability to create multiple websites using the same WordPress installation. In this article, we will show you how to properly install and setup a WordPress multisite network.</p> [click_to_tweet tweet="Do you want to setup a #WordPress #multisite #network?" quote="Do you want to setup a WordPress multisite network?" theme="style6"] <center><img class="size-full wp-image-44913 aligncenter" title="How to install and setup WordPress multisite network" src="https://cdn3.wpbeginner.com/wp-content/uploads/2017/06/wpmultisite-1.png" alt="How to install and setup WordPress multisite network" width="550" height="340" /></center><br/></p> Since this is a comprehensive article, we have added the table of contents for easier navigation:</p> <ol style="text-align: justify;"> <li><a href="#id1">What is WordPress Multisite?</a></li> <li><a href="#id2">Pros of using a WordPress multisite network</a></li> <li><a href="#id3">Cons of using a WordPress multisite network</a></li> <li><a href="#id4">Who needs a WordPress multisite network?</a></li> <li><a href="#id5">Requirements for a WordPress multisite network</a></li> <li><a href="#id6">Choosing a domain structure for your multisite network</a></li> <li><a href="#id7">Setting up wildcard subdomains</a></li> <li><a href="#id8">Enabling WordPress multisite network feature</a></li> <li><a href="#id9">Setting up your WordPress multisite network</a></li> <li><a href="#id10">Configuring network settings</a></li> <li><a href="#id11">Opening your multisite network for registrations</a></li> <li><a href="#id12">New site settings</a></li> <li><a href="#id13">Upload settings for your multisite network</a></li> <li><a href="#id14">Plugin menu settings</a></li> <li><a href="#id15">Adding new sites to your WordPress multisite network</a></li> <li><a href="#id16">Adding themes and plugins to your multisite network</a></li> <li><a href="#id17">Troubleshooting WordPress multisite issues</a></li> </ol> <h4 id="multisite" style="text-align: justify;"><a id="id1"></a>What is WordPress Multisite Network?</h4> A WordPress <a title="Multisite (MU)" href="https://techvhow.com/what-is-a-multisite-network-in-wordpress_1025/">Multisite</a> network allows you to run and manage multiple WordPress sites or blogs from a single WordPress installation.</p> It enables you to create new sites instantly and manage them using the same username and password. You can even allow other users to signup and create their own blogs on your domain.</p> The WordPress multisite network comes with advanced settings that you can use to customize each website / blog on your network.</p> [click_to_tweet tweet="A #WordPress #Multisite #network allows you to run and manage multiple #WordPress #sites or #blogs from a single #WordPress #installation." quote="A WordPress Multisite network allows you to run and manage multiple WordPress sites or blogs from a single WordPress installation." theme="style6"] <strong id="pros"><a id="id2"></a>Pros of Using a WordPress Multisite Network</strong></p> In many situations, a WordPress multisite network can be more useful than managing multiple standalone WordPress sites. Here are some of the advantages of using a WordPress multisite network:</p> <ol style="text-align: justify;"> <li>As the network administrator, you can easily manage multiple sites from a single dashboard. .</li> <li>Each site on the network can have its own admins. The site admins will have the capabilities to manage only their own website.</li> <li>You can install plugins / themes and activate them for multiple sites with one download.</li> <li>Multisite network also makes it easier for you to manage updates. You only need to update your WordPress, plugins, or themes on one “master” install.</li> </ol> <strong id="cons"><a id="id3"></a>Cons of Using a WordPress Multisite Network</strong></p> Creating a WordPress multisite network is not always helpful in managing multiple sites. Here are some of the disadvantages that you should keep in mind before setting up a multisite network.</p> <ol style="text-align: justify;"> <li>All sites on the network share the same resources. This means that when your network is down, all other sites go down as well.</li> <li>It’s not easy to manage traffic and server resources for the beginner level users. In case, one of your websites gets unexpected traffic, then it will affect all other websites on the network.</li> <li>If one website gets hacked, then this means all sites on your network will get hacked.</li> <li>Some WordPress plugins may not work well on a multisite network.</li> <li>WordPress multisite network is not properly supported by all web hosting providers which limits your options. We will talk more about this later in the article.</li> </ol> <h4 id="whoneeds" style="text-align: justify;"><a id="id4"></a>Who needs a WordPress multisite network?</h4> Just because you manage multiple WordPress websites does not mean you need to start using a multisite network.</p> There are third party tools like ManageWP or InfiniteWP that you can use to manage all your WordPress sites under one roof.</p> Here are some scenarios when creating a multisite network makes sense:</p> <ol style="text-align: justify;"> <li>A magazine website with different sections managed by different teams.</li> <li>A business website with sub-sites for different locations and branches.</li> <li>Government or non-profit websites can use WordPress multisite for different departments, locations, and regions.</li> <li>Your own network of blogs running on multiple subdomains.</li> <li>Schools and colleges allowing students to create their own blogs on school servers.</li> </ol> <h4 id="requirements" style="text-align: justify;"><a id="id5"></a>Requirements for a WordPress Multisite Network</h4> All websites on a WordPress multisite network share the same server resources. This means that the most important thing you will need is a good WordPress hosting.</p> If you are planning on having just a couple of websites with low traffic, then you can probably get away with shared hosting.</p> However, due to the nature of multisite network, you’d need VPS hosting or a dedicated server as your sites grow.</p> We recommend <a class="thirstylink" title="Bluehost" href="https://techvhow.com/refer/bluehost/" target="_blank" rel="nofollow noopener">Bluehost</a> because they offer both shared hosting and VPS/Dedicated servers, and they are also one of the official WordPress hosting partners.</p> If you’re looking for an alternative, then <a title="SiteGround" href="https://techvhow.com/refer/siteground/" target="_blank" rel="nofollow noopener">SiteGround</a> and WP Engine provide excellent service for WordPress multisite network.</p> Apart from web hosting, you will need the basic knowledge of how to install WordPress and editing files using FTP.</p> [click_to_tweet tweet="All #websites on a #WordPress #multisite #network share the same #server resources." quote="All websites on a WordPress multisite network share the same server resources." theme="style6"] <h4 id="domain" style="text-align: justify;"><a id="id6"></a>Choosing a Domain Structure for your Multisite Network</h4> On a WordPress multisite network, you can add new sites using either subdomains or sub-directories.</p> <strong>Example of subdomain:</strong> http://site1.example.com</p> <strong>Example of sub-directory:</strong> http://example.com/site1/</p> If you choose subdomains, then you will have to configure wildcard subdomains on your server. We will show you how to do that in the next step.</p> On the other hand, if you choose sub-directories or path based URLs for sites on your network, then the only thing you need to do is enable pretty permalinks on your root site.</p> <h4 id="wildcard" style="text-align: justify;"><a id="id7"></a>Setting Up Wildcard Subdomains</h4> If you decide to use subdomains for websites on your multisite network, then you will need to setup wildcard subdomains for your multisite network.</p> To do that, first you need to login to your WordPress hosting account’s cPanel dashboard. After that you need to scroll down to the ‘Domains’ section and then click on ‘Subdomains’.</p> <a class="thirstylink" title="Bluehost" href="https://techvhow.com/refer/bluehost/" target="_blank" rel="nofollow noopener"><center><img class="size-full wp-image-44884 aligncenter" title="Subdomains in cPanel dashboard" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/subdomains-cpanel.png" alt="Subdomains in cPanel dashboard" width="550" height="244" /></center><br/></a></p> <strong>Note:</strong> Depending on your web hosting service, your cPanel dashboard may look slightly different than the screenshot above. This screenshot is from the cPanel on <a class="thirstylink" title="Bluehost" href="https://techvhow.com/refer/bluehost/" target="_blank" rel="nofollow noopener">Bluehost</a>.</p> On the next page, you need to enter the * sign in the subdomain field and select your main domain from the drop-down menu.</p> <center><img class="size-full wp-image-44885 aligncenter" title="Adding wildcard subdomain" src="https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/wildcard-subdomain.png" alt="Adding wildcard subdomain" width="550" height="293" /></center><br/></p> Cpanel will automatically detect the document root and will display it in the field below. Now click on the ‘Create’ button to add your wildcard subdomain.</p> <h4 id="enabling" style="text-align: justify;"><a id="id8"></a>Enabling WordPress Multisite Network Feature</h4> Multisite Network feature comes built-in with each WordPress installation. All you need to do is install and setup WordPress like you normally would. After that, you just need to enable the multisite feature.</p> You can also enable the multisite feature on any existing WordPress site. Before you enable multisite, don’t forget to create a complete backup of your WordPress site.</p> To enable Multisite, connect to your site using a FTP client or cPanel file manager, and open the wp-config.php file for editing.</p> You need to add the following code to your wp-config.php file just before the /* That’s all, stop editing! Happy blogging. */ line.</p> <div style="text-align: justify;"> <div id="highlighter_593331" class="syntaxhighlighter php"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div></td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="php comments">/* Multisite */</code></div> <div class="line number2 index1 alt1"><code class="php plain">define( </code><code class="php string">'WP_ALLOW_MULTISITE'</code><code class="php plain">, true );</code></div> </div></td> </tr> </tbody> </table> </div> </div> Once you are done, you can save and upload your wp-config.php file back to the server.</p> This code simply enables the multisite feature on your WordPress site. Once enabled, you will still need to setup the multisite network.</p> <h4 id="settingup" style="text-align: justify;"><a id="id9"></a>Setting Up Your WordPress Multisite Network</h4> Now that you have successfully enabled the Multisite Network feature on your WordPress site, it is time to set up your network.</p> If you are setting up a mutlisite network on an existing WordPress website, then you will need to deactivate all plugins on your site.</p> Simply visit the <strong>Plugins » Installed Plugins</strong> page and select all plugins. You need to select ‘Deactivate’ from the ‘Bulk Actions’ dropdown menu and then click on the ‘Apply’ button.</p> <center><img class="size-full wp-image-58298 aligncenter" title="Deactivate plugins" src="https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/deactiveplugins.jpg" alt="Deactivate plugins" width="550" height="350" /></center><br/></p> You can now head over to <strong>Tools » Network Setup</strong> page to configure your multisite network.</p> <center><img class="size-full wp-image-44888 aligncenter" title="WordPress multisite network setup" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/networksetup.png" alt="WordPress multisite network setup" width="550" height="393" /></center><br/></p> On the network setup screen, you will see a notice that you need Apache’s mod_rewrite module installed on your server. This module is installed and enabled on all the best WordPress hosting providers.</p> The next thing you need to do is to tell WordPress what kind of domain structure you will be using for sites in your network, e.g. Subdomains or Sub-directories.</p> After that, you would need to provide a title for your network and make sure that the email address in the Network admin email is correct.</p> Click on the install button to continue.</p> WordPress will now show you some code that you need to add to your wp-config.php and .htaccess file respectively.</p> <center><img class="size-full wp-image-44889 aligncenter" title="Add code to wp-config and .htaccess files" src="https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/networksetup2.png" alt="Add code to wp-config and .htaccess files" width="550" height="424" /></center><br/></p> You can use an FTP client or file manager in the cPanel to copy and paste the code in these two files.</p> After that you will need to re-login to your WordPress site to access the multisite network.</p> <h4 id="config" style="text-align: justify;"><a id="id10"></a>Configuring Network Settings</h4> Now that you have setup the multisite network, it is time to configure network settings.</p> You need to switch to the ‘Network Dashboard’ to change network settings, add new sites, and configure other settings.</p> When you take your mouse over to the ‘My Sites’ menu in the admin toolbar, a flydown popup will appear. Click on the <strong>Network Admin » Dashboard</strong>.</p> <center><img class="size-full wp-image-44890 aligncenter" title="Network admin dashboard" src="https://cdn3.wpbeginner.com/wp-content/uploads/2017/06/networkadmin.png" alt="Network admin dashboard" width="550" height="256" /></center><br/></p> This will take you to the multisite network dashboard. You will notice that there are new menu items to manage your multisite network. You will also see a “Right Now” dashboard widget that allows you to create a new site and add new users.</p> <center><img class="size-full wp-image-44891 aligncenter" title="Network dashboard" src="https://cdn.wpbeginner.com/wp-content/uploads/2017/06/networkdashboard.png" alt="Network dashboard" width="550" height="338" /></center><br/></p> To configure network settings, you need to click on the ‘Settings’ link in the admin sidebar.</p> The first option on network settings page is to set your site title and admin email address. These fields will be filled automatically with the network title and admin email you entered during setup.</p> <center><img class="size-full wp-image-44892 aligncenter" title="Network settings" src="https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/netsettings.png" alt="Network settings" width="550" height="226" /></center><br/></p> <strong id="registrations"><a id="id11"></a>Opening Your Multisite Network for Registrations</strong></p> The ‘Registration Settings’ section on the network settings page is probably the most important setting in your network setup.</p> By default, both user and site registrations are disabled on the network.</p> You can choose to open your site for user registration, or allow existing users to create new sites, or allow both user and site registration.</p> <center><img class="size-full wp-image-44893 aligncenter" title="WordPress multisite registration settings" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/registrationsettings.png" alt="WordPress multisite registration settings" width="550" height="232" /></center><br/></p> If you are opening your multisite network to registration, then you can check the box next to ‘Registration Notification’ option to receive email notifications every time a new user or site is registered.</p> If you want to allow individual site administrators to add new users on their sites, then you can check the box next to ‘Add New Users’ option.</p> <center><img class="size-full wp-image-44894 aligncenter" title="Registration options" src="https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/registeroptions.png" alt="Registration options" width="550" height="293" /></center><br/></p> Limited Email Registration option allows you to limit site or user registration to email addresses from specific domains. This is particularly useful if you only want to allow people from your own organization to register and create users or sites.</p> Similarly, you can also ban certain domains from registration.</p> <strong id="newsite"><a id="id12"></a>New Site Settings</strong></p> The ‘New Site Settings’ section allows you to configure default options for new sites created on your multisite network. You can modify the welcome emails and the contents of first default post, page, and comment in these settings.</p> <center><img class="size-full wp-image-44895 aligncenter" title="New site settings" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/newsitesettings.png" alt="New site settings" width="550" height="327" /></center><br/></p> As a network administrator, you can change these settings anytime.</p> <strong id="upload"><a id="id13"></a>Upload Settings for Your Multisite Network</strong></p> It is important for you to keep an eye on the usage of your server resources. Under the Upload Settings section, you can limit the total amount of space a site can use for uploads.</p> The default value is 100 MB which is probably good for at least 100 photo uploads. You can increase or decrease this space depending on how much disk space you have.</p> <center><img class="size-full wp-image-44896 aligncenter" title="Upload settings" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/uploadsettings.png" alt="Upload settings" width="550" height="248" /></center><br/></p> The default upload file types are images, audio, video, and pdf files. You can add additional file types if you want like doc, docx, odt, etc.</p> After that, you can choose a file size limit, so that users can’t upload insanely large files to the server.</p> <strong id="pluginmenu"><a id="id14"></a>Plugin Menu Settings</strong></p> Next, you can jump to the menu settings. It will allow you to enable the administrative menu for the plugins section on your network sites.</p> <center><img class="size-full wp-image-44897 aligncenter" title="Show or hide plugins menu to site admins" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/pluginmenu.png" alt="Show or hide plugins menu to site admins" width="550" height="191" /></center><br/></p> Enabling this will show plugins menu to respective site admins. They can activate or deactivate a plugin on their individual sites, but they cannot install new plugins.</p> Once you are satisfied with all the configuration settings, make sure to click on the ‘Save Changes’ button.</p> <h4 id="newsites" style="text-align: justify;"><a id="id15"></a>Adding New Sites to Your WordPress Multisite Network</h4> To add a new site to your WordPress multisite network, simply click on ‘Sites’ under <strong>My Sites » Network Admin</strong> menu in the admin toolbar.</p> <center><img class="size-full wp-image-44898 aligncenter" title="Adding new sites to your WordPress multisite network" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/addsites.png" alt="Adding new sites to your WordPress multisite network" width="550" height="199" /></center><br/></p> This will show you a list of sites on your current multisite installation. By default, you have your primary site listed as the only site in your WordPress multisite network.</p> To add a new site, click on the ‘Add New’ button at the top.</p> <center><img class="size-full wp-image-44899 aligncenter" title="Add new site" src="https://cdn3.wpbeginner.com/wp-content/uploads/2017/06/addnewsite.png" alt="Add new site" width="550" height="274" /></center><br/></p> On the ‘Add New Site’ page, you need to provide the site’s address. You don’t need to type the full address, just the part you want to use as subdomain or sub-directory.</p> Next, you need to add a site title, and enter the site admin’s email address.</p> <center><img class="size-full wp-image-44900 aligncenter" title="Adding new site details" src="https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/newsitepage.png" alt="Adding new site details" width="550" height="350" /></center><br/></p> You can add an admin email address other than the one that you are currently using to manage your multisite network.</p> If the email address is not currently in use by another user, then WordPress will create a new user and send the username and password to the email address you enter.</p> Once you are done, click on the ‘Add Site’ button.</p> A new site will be added to your WordPress multisite network. As the network admin, you will receive a new site registration email as well.</p> If you created a new user, then that user will receive an email with instructions to set a new password and login.</p> <h4 id="themesplugins" style="text-align: justify;"><a id="id16"></a>Adding Themes and Plugins to Your Multisite Network</h4> By default, individual site administrators in a multisite network cannot install themes and plugins on their own.</p> As the network admin, you can install the respective plugins and themes, so it’s available for all sites on your network.</p> <strong>Installing themes for your multisite network</strong></p> To add themes, go to <strong>My Sites » Network Admin » Themes</strong> page.</p> <center><img class="size-full wp-image-44901 aligncenter" title="Installed themes on your WordPress multisite network" src="https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/installedthemes.png" alt="Installed themes on your WordPress multisite network" width="550" height="337" /></center><br/></p> On this page, you will see a list of currently installed themes on your WordPress multisite.</p> You can make a theme available to other sites by clicking on ‘Network Enable’ option under that theme. You can also disable a theme by clicking on ‘Network Disable’ link under the theme. Note: Network Disable option will only appear when the theme is enabled.</p> To add a new theme, you need to click on the ‘Add New’ button at the top of your screen and then install a WordPress theme as you would normally do.</p> Once the new theme is installed, you will be able to make it available to other sites on your network with the ‘Network Enable’ option.</p> If you need recommendations on which themes to make available to your network, take a look at our picks of the best WordPress themes that you can use.</p> <ul style="text-align: justify;"> <li><a class="thirstylink" title="ZigZagPress Themes" href="https://techvhow.com/refer/zigzagpress-themes/" target="_blank" rel="nofollow noopener">Best WordPress blog themes</a></li> <li><a class="thirstylink" title="Imagely Photography Themes" href="https://techvhow.com/refer/imagely-photography-themes/" target="_blank" rel="nofollow noopener">Best WordPress photography themes</a></li> <li><a class="thirstylink" title="ZigZagPress Themes" href="https://techvhow.com/refer/zigzagpress-themes/" target="_blank" rel="nofollow noopener">Best WordPress multi-purpose themes</a></li> </ul> <strong>Installing plugins for your multisite network</strong></p> Similarly, you can visit <strong>My Sites » Network Admin » Plugins</strong> page to install plugins and click on the ‘Network Activate’ link below each plugin to activate them on your multisite network.</p> <center><img class="size-full wp-image-44902 aligncenter" title="Network activate plugins on a WordPress multisite" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/networkactplugins.png" alt="Network activate plugins on a WordPress multisite" width="550" height="321" /></center><br/></p> Following are a few essential WordPress plugins that we recommend for every website:</p> <ul style="text-align: justify;"> <li><a title="WPForms" href="https://wpforms.com/">WPForms</a> – It is the best WordPress contact form plugin and allows you to quickly create beautiful forms using simple drag and drop form builder.</li> <li><a title="Yoast SEO" href="https://wordpress.org/plugins/wordpress-seo" target="_blank" rel="noopener nofollow">Yoast SEO</a> – It is the most comprehensive WordPress SEO plugin on the market and will help you get more visitors from search engines.</li> <li><a title="SeedProd" href="https://www.seedprod.com/">SeedProd</a> – Site admins may want to see a coming soon page as they work on their sites. SeedProd allows them to add beautiful coming soon and maintainence mode landing pages</li> <li><a title="WP Mail SMTP" href="https://wordpress.org/plugins/wp-mail-smtp/" target="_blank" rel="noopener nofollow">WP Mail SMTP</a> – WP Mail SMTP helps you fix WordPress not sending email issue by using SMTP server to send crucial multisite registration and notification emails.</li> </ul> For more plugin recommendations, see our list of the essential WordPress plugins for all websites.</p> <strong>Note:</strong> If you have enabled the Plugins Menu option for site admins in the ‘Network Settings’ previously, then the site administrators can activate or deactivate installed plugins on their own. Site admins cannot delete or install a new plugin on their own.</p> <h4 id="issues" style="text-align: justify;"><a id="id17"></a>Troubleshooting WordPress Multisite Issues</h4> Most common issues with WordPress multisite network setup occur due to incorrect configuration of wildcard subdomains. Make sure that your web host supports wildcard subdomains.</p> Another common issue is that when using WordPress multisite with sub-directories, some users are unable to login to the admin area of their sites after they add the required code in wp-config.php file.</p> To fix this, try replacing</p> <div style="text-align: justify;"> <div id="highlighter_509724" class="syntaxhighlighter php"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div></td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="php plain">define(</code><code class="php string">'SUBDOMAIN_INSTALL'</code><code class="php plain">, false);</code></div> </div></td> </tr> </tbody> </table> </div> </div> line in wp-config.php file with</p> <div style="text-align: justify;"> <div id="highlighter_827771" class="syntaxhighlighter php"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div></td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="php plain">define(</code><code class="php string">'SUBDOMAIN_INSTALL'</code><code class="php plain">, </code><code class="php string">'false'</code><code class="php plain">);</code></div> </div></td> </tr> </tbody> </table> </div> </div> Another issue that you may came across is not being able to find users who registered on your network but didn’t get the activation email. To fix this issue, see our guide on how to find pending unconfirmed users in WordPress.</p> Later at some point, you or another site owner may want to export a site from multisite to its own WordPress install. This can be easily done. For step by step instructions see our guide on how to move a site from WordPress multisite to single install.</p> We hope this article helped you learn how to install and setup WordPress multisite network. You may also want to see our step by step WordPress security guide to protect and keep your WordPress multisite secure.</p> If you liked this article, then please subscribe to our <a title="WPBeginner on YouTube" href="http://youtube.com/wpbeginner?sub_confirmation=1" target="_blank" rel="nofollow noopener">YouTube Channel</a> for WordPress video tutorials. You can also find us on <a title="WPBeginner on Twitter" href="http://twitter.com/wpbeginner" target="_blank" rel="nofollow noopener">Twitter</a> and <a title="WPBeginner on Facebook" href="https://www.facebook.com/wpbeginner" target="_blank" rel="nofollow noopener">Facebook</a>.</p> <br>Posted from my blog <br><center>Original Link: https://techvhow.com/how-to-install-and-setup-wordpress-multisite-network_1028/</center> |
| json metadata | {"community":"steempress","app":"steempress/1.4","image":[""],"tags":["installation","multisite","multisitenetwork","wordpress","wordpressmultisite"],"original_link":"https://techvhow.com/how-to-install-and-setup-wordpress-multisite-network_1028/"} |
| Transaction Info | Block #28964524/Trx 1b4251e0ac79e8e3211fca0dc0ceef2b3d72fe56 |
View Raw JSON Data
{
"trx_id": "1b4251e0ac79e8e3211fca0dc0ceef2b3d72fe56",
"block": 28964524,
"trx_in_block": 2,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T17:04:00",
"op": [
"comment",
{
"parent_author": "",
"parent_permlink": "installation",
"author": "techvhow",
"permlink": "howtoinstallandsetupwordpressmultisitenetwork-ikeaxc8ory",
"title": "How to Install and Setup WordPress Multisite Network",
"body": "<center>https://techvhow.com/wp-content/uploads/2018/12/wordpress-multisite-functionality.jpg</center> <br/><p>Do you want to setup a WordPress multisite network? WordPress comes with a built-in capability to create multiple websites using the same WordPress installation. In this article, we will show you how to properly install and setup a WordPress multisite network.</p>\r\n[click_to_tweet tweet=\"Do you want to setup a #WordPress #multisite #network?\" quote=\"Do you want to setup a WordPress multisite network?\" theme=\"style6\"]\r\n<center><img class=\"size-full wp-image-44913 aligncenter\" title=\"How to install and setup WordPress multisite network\" src=\"https://cdn3.wpbeginner.com/wp-content/uploads/2017/06/wpmultisite-1.png\" alt=\"How to install and setup WordPress multisite network\" width=\"550\" height=\"340\" /></center><br/></p>\r\nSince this is a comprehensive article, we have added the table of contents for easier navigation:</p>\r\n\r\n<ol style=\"text-align: justify;\">\r\n <li><a href=\"#id1\">What is WordPress Multisite?</a></li>\r\n <li><a href=\"#id2\">Pros of using a WordPress multisite network</a></li>\r\n <li><a href=\"#id3\">Cons of using a WordPress multisite network</a></li>\r\n <li><a href=\"#id4\">Who needs a WordPress multisite network?</a></li>\r\n <li><a href=\"#id5\">Requirements for a WordPress multisite network</a></li>\r\n <li><a href=\"#id6\">Choosing a domain structure for your multisite network</a></li>\r\n <li><a href=\"#id7\">Setting up wildcard subdomains</a></li>\r\n <li><a href=\"#id8\">Enabling WordPress multisite network feature</a></li>\r\n <li><a href=\"#id9\">Setting up your WordPress multisite network</a></li>\r\n <li><a href=\"#id10\">Configuring network settings</a></li>\r\n <li><a href=\"#id11\">Opening your multisite network for registrations</a></li>\r\n <li><a href=\"#id12\">New site settings</a></li>\r\n <li><a href=\"#id13\">Upload settings for your multisite network</a></li>\r\n <li><a href=\"#id14\">Plugin menu settings</a></li>\r\n <li><a href=\"#id15\">Adding new sites to your WordPress multisite network</a></li>\r\n <li><a href=\"#id16\">Adding themes and plugins to your multisite network</a></li>\r\n <li><a href=\"#id17\">Troubleshooting WordPress multisite issues</a></li>\r\n</ol>\r\n<h4 id=\"multisite\" style=\"text-align: justify;\"><a id=\"id1\"></a>What is WordPress Multisite Network?</h4>\r\nA WordPress <a title=\"Multisite (MU)\" href=\"https://techvhow.com/what-is-a-multisite-network-in-wordpress_1025/\">Multisite</a> network allows you to run and manage multiple WordPress sites or blogs from a single WordPress installation.</p>\r\nIt enables you to create new sites instantly and manage them using the same username and password. You can even allow other users to signup and create their own blogs on your domain.</p>\r\nThe WordPress multisite network comes with advanced settings that you can use to customize each website / blog on your network.</p>\r\n[click_to_tweet tweet=\"A #WordPress #Multisite #network allows you to run and manage multiple #WordPress #sites or #blogs from a single #WordPress #installation.\" quote=\"A WordPress Multisite network allows you to run and manage multiple WordPress sites or blogs from a single WordPress installation.\" theme=\"style6\"]\r\n<strong id=\"pros\"><a id=\"id2\"></a>Pros of Using a WordPress Multisite Network</strong></p>\r\nIn many situations, a WordPress multisite network can be more useful than managing multiple standalone WordPress sites. Here are some of the advantages of using a WordPress multisite network:</p>\r\n\r\n<ol style=\"text-align: justify;\">\r\n <li>As the network administrator, you can easily manage multiple sites from a single dashboard.\r\n.</li>\r\n <li>Each site on the network can have its own admins. The site admins will have the capabilities to manage only their own website.</li>\r\n <li>You can install plugins / themes and activate them for multiple sites with one download.</li>\r\n <li>Multisite network also makes it easier for you to manage updates. You only need to update your WordPress, plugins, or themes on one “master” install.</li>\r\n</ol>\r\n<strong id=\"cons\"><a id=\"id3\"></a>Cons of Using a WordPress Multisite Network</strong></p>\r\nCreating a WordPress multisite network is not always helpful in managing multiple sites. Here are some of the disadvantages that you should keep in mind before setting up a multisite network.</p>\r\n\r\n<ol style=\"text-align: justify;\">\r\n <li>All sites on the network share the same resources. This means that when your network is down, all other sites go down as well.</li>\r\n <li>It’s not easy to manage traffic and server resources for the beginner level users. In case, one of your websites gets unexpected traffic, then it will affect all other websites on the network.</li>\r\n <li>If one website gets hacked, then this means all sites on your network will get hacked.</li>\r\n <li>Some WordPress plugins may not work well on a multisite network.</li>\r\n <li>WordPress multisite network is not properly supported by all web hosting providers which limits your options. We will talk more about this later in the article.</li>\r\n</ol>\r\n<h4 id=\"whoneeds\" style=\"text-align: justify;\"><a id=\"id4\"></a>Who needs a WordPress multisite network?</h4>\r\nJust because you manage multiple WordPress websites does not mean you need to start using a multisite network.</p>\r\nThere are third party tools like ManageWP or InfiniteWP that you can use to manage all your WordPress sites under one roof.</p>\r\nHere are some scenarios when creating a multisite network makes sense:</p>\r\n\r\n<ol style=\"text-align: justify;\">\r\n <li>A magazine website with different sections managed by different teams.</li>\r\n <li>A business website with sub-sites for different locations and branches.</li>\r\n <li>Government or non-profit websites can use WordPress multisite for different departments, locations, and regions.</li>\r\n <li>Your own network of blogs running on multiple subdomains.</li>\r\n <li>Schools and colleges allowing students to create their own blogs on school servers.</li>\r\n</ol>\r\n<h4 id=\"requirements\" style=\"text-align: justify;\"><a id=\"id5\"></a>Requirements for a WordPress Multisite Network</h4>\r\nAll websites on a WordPress multisite network share the same server resources. This means that the most important thing you will need is a good WordPress hosting.</p>\r\nIf you are planning on having just a couple of websites with low traffic, then you can probably get away with shared hosting.</p>\r\nHowever, due to the nature of multisite network, you’d need VPS hosting or a dedicated server as your sites grow.</p>\r\nWe recommend <a class=\"thirstylink\" title=\"Bluehost\" href=\"https://techvhow.com/refer/bluehost/\" target=\"_blank\" rel=\"nofollow noopener\">Bluehost</a> because they offer both shared hosting and VPS/Dedicated servers, and they are also one of the official WordPress hosting partners.</p>\r\nIf you’re looking for an alternative, then <a title=\"SiteGround\" href=\"https://techvhow.com/refer/siteground/\" target=\"_blank\" rel=\"nofollow noopener\">SiteGround</a> and WP Engine provide excellent service for WordPress multisite network.</p>\r\nApart from web hosting, you will need the basic knowledge of how to install WordPress and editing files using FTP.</p>\r\n[click_to_tweet tweet=\"All #websites on a #WordPress #multisite #network share the same #server resources.\" quote=\"All websites on a WordPress multisite network share the same server resources.\" theme=\"style6\"]\r\n<h4 id=\"domain\" style=\"text-align: justify;\"><a id=\"id6\"></a>Choosing a Domain Structure for your Multisite Network</h4>\r\nOn a WordPress multisite network, you can add new sites using either subdomains or sub-directories.</p>\r\n<strong>Example of subdomain:</strong>\r\nhttp://site1.example.com</p>\r\n<strong>Example of sub-directory:</strong>\r\nhttp://example.com/site1/</p>\r\nIf you choose subdomains, then you will have to configure wildcard subdomains on your server. We will show you how to do that in the next step.</p>\r\nOn the other hand, if you choose sub-directories or path based URLs for sites on your network, then the only thing you need to do is enable pretty permalinks on your root site.</p>\r\n\r\n<h4 id=\"wildcard\" style=\"text-align: justify;\"><a id=\"id7\"></a>Setting Up Wildcard Subdomains</h4>\r\nIf you decide to use subdomains for websites on your multisite network, then you will need to setup wildcard subdomains for your multisite network.</p>\r\nTo do that, first you need to login to your WordPress hosting account’s cPanel dashboard. After that you need to scroll down to the ‘Domains’ section and then click on ‘Subdomains’.</p>\r\n<a class=\"thirstylink\" title=\"Bluehost\" href=\"https://techvhow.com/refer/bluehost/\" target=\"_blank\" rel=\"nofollow noopener\"><center><img class=\"size-full wp-image-44884 aligncenter\" title=\"Subdomains in cPanel dashboard\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/subdomains-cpanel.png\" alt=\"Subdomains in cPanel dashboard\" width=\"550\" height=\"244\" /></center><br/></a></p>\r\n<strong>Note:</strong> Depending on your web hosting service, your cPanel dashboard may look slightly different than the screenshot above. This screenshot is from the cPanel on <a class=\"thirstylink\" title=\"Bluehost\" href=\"https://techvhow.com/refer/bluehost/\" target=\"_blank\" rel=\"nofollow noopener\">Bluehost</a>.</p>\r\nOn the next page, you need to enter the * sign in the subdomain field and select your main domain from the drop-down menu.</p>\r\n<center><img class=\"size-full wp-image-44885 aligncenter\" title=\"Adding wildcard subdomain\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/wildcard-subdomain.png\" alt=\"Adding wildcard subdomain\" width=\"550\" height=\"293\" /></center><br/></p>\r\nCpanel will automatically detect the document root and will display it in the field below. Now click on the ‘Create’ button to add your wildcard subdomain.</p>\r\n\r\n<h4 id=\"enabling\" style=\"text-align: justify;\"><a id=\"id8\"></a>Enabling WordPress Multisite Network Feature</h4>\r\nMultisite Network feature comes built-in with each WordPress installation. All you need to do is install and setup WordPress like you normally would. After that, you just need to enable the multisite feature.</p>\r\nYou can also enable the multisite feature on any existing WordPress site. Before you enable multisite, don’t forget to create a complete backup of your WordPress site.</p>\r\nTo enable Multisite, connect to your site using a FTP client or cPanel file manager, and open the wp-config.php file for editing.</p>\r\nYou need to add the following code to your wp-config.php file just before the /* That’s all, stop editing! Happy blogging. */ line.</p>\r\n\r\n<div style=\"text-align: justify;\">\r\n<div id=\"highlighter_593331\" class=\"syntaxhighlighter php\">\r\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td class=\"gutter\">\r\n<div class=\"line number1 index0 alt2\">1</div>\r\n<div class=\"line number2 index1 alt1\">2</div></td>\r\n<td class=\"code\">\r\n<div class=\"container\">\r\n<div class=\"line number1 index0 alt2\"><code class=\"php comments\">/* Multisite */</code></div>\r\n<div class=\"line number2 index1 alt1\"><code class=\"php plain\">define( </code><code class=\"php string\">'WP_ALLOW_MULTISITE'</code><code class=\"php plain\">, true );</code></div>\r\n</div></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n</div>\r\n</div>\r\nOnce you are done, you can save and upload your wp-config.php file back to the server.</p>\r\nThis code simply enables the multisite feature on your WordPress site. Once enabled, you will still need to setup the multisite network.</p>\r\n\r\n<h4 id=\"settingup\" style=\"text-align: justify;\"><a id=\"id9\"></a>Setting Up Your WordPress Multisite Network</h4>\r\nNow that you have successfully enabled the Multisite Network feature on your WordPress site, it is time to set up your network.</p>\r\nIf you are setting up a mutlisite network on an existing WordPress website, then you will need to deactivate all plugins on your site.</p>\r\nSimply visit the <strong>Plugins » Installed Plugins</strong> page and select all plugins. You need to select ‘Deactivate’ from the ‘Bulk Actions’ dropdown menu and then click on the ‘Apply’ button.</p>\r\n<center><img class=\"size-full wp-image-58298 aligncenter\" title=\"Deactivate plugins\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2018/12/deactiveplugins.jpg\" alt=\"Deactivate plugins\" width=\"550\" height=\"350\" /></center><br/></p>\r\nYou can now head over to <strong>Tools » Network Setup</strong> page to configure your multisite network.</p>\r\n<center><img class=\"size-full wp-image-44888 aligncenter\" title=\"WordPress multisite network setup\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/networksetup.png\" alt=\"WordPress multisite network setup\" width=\"550\" height=\"393\" /></center><br/></p>\r\nOn the network setup screen, you will see a notice that you need Apache’s mod_rewrite module installed on your server. This module is installed and enabled on all the best WordPress hosting providers.</p>\r\nThe next thing you need to do is to tell WordPress what kind of domain structure you will be using for sites in your network, e.g. Subdomains or Sub-directories.</p>\r\nAfter that, you would need to provide a title for your network and make sure that the email address in the Network admin email is correct.</p>\r\nClick on the install button to continue.</p>\r\nWordPress will now show you some code that you need to add to your wp-config.php and .htaccess file respectively.</p>\r\n<center><img class=\"size-full wp-image-44889 aligncenter\" title=\"Add code to wp-config and .htaccess files\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/networksetup2.png\" alt=\"Add code to wp-config and .htaccess files\" width=\"550\" height=\"424\" /></center><br/></p>\r\nYou can use an FTP client or file manager in the cPanel to copy and paste the code in these two files.</p>\r\nAfter that you will need to re-login to your WordPress site to access the multisite network.</p>\r\n\r\n<h4 id=\"config\" style=\"text-align: justify;\"><a id=\"id10\"></a>Configuring Network Settings</h4>\r\nNow that you have setup the multisite network, it is time to configure network settings.</p>\r\nYou need to switch to the ‘Network Dashboard’ to change network settings, add new sites, and configure other settings.</p>\r\nWhen you take your mouse over to the ‘My Sites’ menu in the admin toolbar, a flydown popup will appear. Click on the <strong>Network Admin » Dashboard</strong>.</p>\r\n<center><img class=\"size-full wp-image-44890 aligncenter\" title=\"Network admin dashboard\" src=\"https://cdn3.wpbeginner.com/wp-content/uploads/2017/06/networkadmin.png\" alt=\"Network admin dashboard\" width=\"550\" height=\"256\" /></center><br/></p>\r\nThis will take you to the multisite network dashboard. You will notice that there are new menu items to manage your multisite network. You will also see a “Right Now” dashboard widget that allows you to create a new site and add new users.</p>\r\n<center><img class=\"size-full wp-image-44891 aligncenter\" title=\"Network dashboard\" src=\"https://cdn.wpbeginner.com/wp-content/uploads/2017/06/networkdashboard.png\" alt=\"Network dashboard\" width=\"550\" height=\"338\" /></center><br/></p>\r\nTo configure network settings, you need to click on the ‘Settings’ link in the admin sidebar.</p>\r\nThe first option on network settings page is to set your site title and admin email address. These fields will be filled automatically with the network title and admin email you entered during setup.</p>\r\n<center><img class=\"size-full wp-image-44892 aligncenter\" title=\"Network settings\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/netsettings.png\" alt=\"Network settings\" width=\"550\" height=\"226\" /></center><br/></p>\r\n<strong id=\"registrations\"><a id=\"id11\"></a>Opening Your Multisite Network for Registrations</strong></p>\r\nThe ‘Registration Settings’ section on the network settings page is probably the most important setting in your network setup.</p>\r\nBy default, both user and site registrations are disabled on the network.</p>\r\nYou can choose to open your site for user registration, or allow existing users to create new sites, or allow both user and site registration.</p>\r\n<center><img class=\"size-full wp-image-44893 aligncenter\" title=\"WordPress multisite registration settings\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/registrationsettings.png\" alt=\"WordPress multisite registration settings\" width=\"550\" height=\"232\" /></center><br/></p>\r\nIf you are opening your multisite network to registration, then you can check the box next to ‘Registration Notification’ option to receive email notifications every time a new user or site is registered.</p>\r\nIf you want to allow individual site administrators to add new users on their sites, then you can check the box next to ‘Add New Users’ option.</p>\r\n<center><img class=\"size-full wp-image-44894 aligncenter\" title=\"Registration options\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/registeroptions.png\" alt=\"Registration options\" width=\"550\" height=\"293\" /></center><br/></p>\r\nLimited Email Registration option allows you to limit site or user registration to email addresses from specific domains. This is particularly useful if you only want to allow people from your own organization to register and create users or sites.</p>\r\nSimilarly, you can also ban certain domains from registration.</p>\r\n<strong id=\"newsite\"><a id=\"id12\"></a>New Site Settings</strong></p>\r\nThe ‘New Site Settings’ section allows you to configure default options for new sites created on your multisite network. You can modify the welcome emails and the contents of first default post, page, and comment in these settings.</p>\r\n<center><img class=\"size-full wp-image-44895 aligncenter\" title=\"New site settings\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/newsitesettings.png\" alt=\"New site settings\" width=\"550\" height=\"327\" /></center><br/></p>\r\nAs a network administrator, you can change these settings anytime.</p>\r\n<strong id=\"upload\"><a id=\"id13\"></a>Upload Settings for Your Multisite Network</strong></p>\r\nIt is important for you to keep an eye on the usage of your server resources. Under the Upload Settings section, you can limit the total amount of space a site can use for uploads.</p>\r\nThe default value is 100 MB which is probably good for at least 100 photo uploads. You can increase or decrease this space depending on how much disk space you have.</p>\r\n<center><img class=\"size-full wp-image-44896 aligncenter\" title=\"Upload settings\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/uploadsettings.png\" alt=\"Upload settings\" width=\"550\" height=\"248\" /></center><br/></p>\r\nThe default upload file types are images, audio, video, and pdf files. You can add additional file types if you want like doc, docx, odt, etc.</p>\r\nAfter that, you can choose a file size limit, so that users can’t upload insanely large files to the server.</p>\r\n<strong id=\"pluginmenu\"><a id=\"id14\"></a>Plugin Menu Settings</strong></p>\r\nNext, you can jump to the menu settings. It will allow you to enable the administrative menu for the plugins section on your network sites.</p>\r\n<center><img class=\"size-full wp-image-44897 aligncenter\" title=\"Show or hide plugins menu to site admins\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/pluginmenu.png\" alt=\"Show or hide plugins menu to site admins\" width=\"550\" height=\"191\" /></center><br/></p>\r\nEnabling this will show plugins menu to respective site admins. They can activate or deactivate a plugin on their individual sites, but they cannot install new plugins.</p>\r\nOnce you are satisfied with all the configuration settings, make sure to click on the ‘Save Changes’ button.</p>\r\n\r\n<h4 id=\"newsites\" style=\"text-align: justify;\"><a id=\"id15\"></a>Adding New Sites to Your WordPress Multisite Network</h4>\r\nTo add a new site to your WordPress multisite network, simply click on ‘Sites’ under <strong>My Sites » Network Admin</strong> menu in the admin toolbar.</p>\r\n<center><img class=\"size-full wp-image-44898 aligncenter\" title=\"Adding new sites to your WordPress multisite network\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/addsites.png\" alt=\"Adding new sites to your WordPress multisite network\" width=\"550\" height=\"199\" /></center><br/></p>\r\nThis will show you a list of sites on your current multisite installation. By default, you have your primary site listed as the only site in your WordPress multisite network.</p>\r\nTo add a new site, click on the ‘Add New’ button at the top.</p>\r\n<center><img class=\"size-full wp-image-44899 aligncenter\" title=\"Add new site\" src=\"https://cdn3.wpbeginner.com/wp-content/uploads/2017/06/addnewsite.png\" alt=\"Add new site\" width=\"550\" height=\"274\" /></center><br/></p>\r\nOn the ‘Add New Site’ page, you need to provide the site’s address. You don’t need to type the full address, just the part you want to use as subdomain or sub-directory.</p>\r\nNext, you need to add a site title, and enter the site admin’s email address.</p>\r\n<center><img class=\"size-full wp-image-44900 aligncenter\" title=\"Adding new site details\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/newsitepage.png\" alt=\"Adding new site details\" width=\"550\" height=\"350\" /></center><br/></p>\r\nYou can add an admin email address other than the one that you are currently using to manage your multisite network.</p>\r\nIf the email address is not currently in use by another user, then WordPress will create a new user and send the username and password to the email address you enter.</p>\r\nOnce you are done, click on the ‘Add Site’ button.</p>\r\nA new site will be added to your WordPress multisite network. As the network admin, you will receive a new site registration email as well.</p>\r\nIf you created a new user, then that user will receive an email with instructions to set a new password and login.</p>\r\n\r\n<h4 id=\"themesplugins\" style=\"text-align: justify;\"><a id=\"id16\"></a>Adding Themes and Plugins to Your Multisite Network</h4>\r\nBy default, individual site administrators in a multisite network cannot install themes and plugins on their own.</p>\r\nAs the network admin, you can install the respective plugins and themes, so it’s available for all sites on your network.</p>\r\n<strong>Installing themes for your multisite network</strong></p>\r\nTo add themes, go to <strong>My Sites » Network Admin » Themes</strong> page.</p>\r\n<center><img class=\"size-full wp-image-44901 aligncenter\" title=\"Installed themes on your WordPress multisite network\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2017/06/installedthemes.png\" alt=\"Installed themes on your WordPress multisite network\" width=\"550\" height=\"337\" /></center><br/></p>\r\nOn this page, you will see a list of currently installed themes on your WordPress multisite.</p>\r\nYou can make a theme available to other sites by clicking on ‘Network Enable’ option under that theme. You can also disable a theme by clicking on ‘Network Disable’ link under the theme. Note: Network Disable option will only appear when the theme is enabled.</p>\r\nTo add a new theme, you need to click on the ‘Add New’ button at the top of your screen and then install a WordPress theme as you would normally do.</p>\r\nOnce the new theme is installed, you will be able to make it available to other sites on your network with the ‘Network Enable’ option.</p>\r\nIf you need recommendations on which themes to make available to your network, take a look at our picks of the best WordPress themes that you can use.</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li><a class=\"thirstylink\" title=\"ZigZagPress Themes\" href=\"https://techvhow.com/refer/zigzagpress-themes/\" target=\"_blank\" rel=\"nofollow noopener\">Best WordPress blog themes</a></li>\r\n <li><a class=\"thirstylink\" title=\"Imagely Photography Themes\" href=\"https://techvhow.com/refer/imagely-photography-themes/\" target=\"_blank\" rel=\"nofollow noopener\">Best WordPress photography themes</a></li>\r\n <li><a class=\"thirstylink\" title=\"ZigZagPress Themes\" href=\"https://techvhow.com/refer/zigzagpress-themes/\" target=\"_blank\" rel=\"nofollow noopener\">Best WordPress multi-purpose themes</a></li>\r\n</ul>\r\n<strong>Installing plugins for your multisite network</strong></p>\r\nSimilarly, you can visit <strong>My Sites » Network Admin » Plugins</strong> page to install plugins and click on the ‘Network Activate’ link below each plugin to activate them on your multisite network.</p>\r\n<center><img class=\"size-full wp-image-44902 aligncenter\" title=\"Network activate plugins on a WordPress multisite\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/06/networkactplugins.png\" alt=\"Network activate plugins on a WordPress multisite\" width=\"550\" height=\"321\" /></center><br/></p>\r\nFollowing are a few essential WordPress plugins that we recommend for every website:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li><a title=\"WPForms\" href=\"https://wpforms.com/\">WPForms</a> – It is the best WordPress contact form plugin and allows you to quickly create beautiful forms using simple drag and drop form builder.</li>\r\n <li><a title=\"Yoast SEO\" href=\"https://wordpress.org/plugins/wordpress-seo\" target=\"_blank\" rel=\"noopener nofollow\">Yoast SEO</a> – It is the most comprehensive WordPress SEO plugin on the market and will help you get more visitors from search engines.</li>\r\n <li><a title=\"SeedProd\" href=\"https://www.seedprod.com/\">SeedProd</a> – Site admins may want to see a coming soon page as they work on their sites. SeedProd allows them to add beautiful coming soon and maintainence mode landing pages</li>\r\n <li><a title=\"WP Mail SMTP\" href=\"https://wordpress.org/plugins/wp-mail-smtp/\" target=\"_blank\" rel=\"noopener nofollow\">WP Mail SMTP</a> – WP Mail SMTP helps you fix WordPress not sending email issue by using SMTP server to send crucial multisite registration and notification emails.</li>\r\n</ul>\r\nFor more plugin recommendations, see our list of the essential WordPress plugins for all websites.</p>\r\n<strong>Note:</strong> If you have enabled the Plugins Menu option for site admins in the ‘Network Settings’ previously, then the site administrators can activate or deactivate installed plugins on their own. Site admins cannot delete or install a new plugin on their own.</p>\r\n\r\n<h4 id=\"issues\" style=\"text-align: justify;\"><a id=\"id17\"></a>Troubleshooting WordPress Multisite Issues</h4>\r\nMost common issues with WordPress multisite network setup occur due to incorrect configuration of wildcard subdomains. Make sure that your web host supports wildcard subdomains.</p>\r\nAnother common issue is that when using WordPress multisite with sub-directories, some users are unable to login to the admin area of their sites after they add the required code in wp-config.php file.</p>\r\nTo fix this, try replacing</p>\r\n\r\n<div style=\"text-align: justify;\">\r\n<div id=\"highlighter_509724\" class=\"syntaxhighlighter php\">\r\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td class=\"gutter\">\r\n<div class=\"line number1 index0 alt2\">1</div></td>\r\n<td class=\"code\">\r\n<div class=\"container\">\r\n<div class=\"line number1 index0 alt2\"><code class=\"php plain\">define(</code><code class=\"php string\">'SUBDOMAIN_INSTALL'</code><code class=\"php plain\">, false);</code></div>\r\n</div></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n</div>\r\n</div>\r\nline in wp-config.php file with</p>\r\n\r\n<div style=\"text-align: justify;\">\r\n<div id=\"highlighter_827771\" class=\"syntaxhighlighter php\">\r\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td class=\"gutter\">\r\n<div class=\"line number1 index0 alt2\">1</div></td>\r\n<td class=\"code\">\r\n<div class=\"container\">\r\n<div class=\"line number1 index0 alt2\"><code class=\"php plain\">define(</code><code class=\"php string\">'SUBDOMAIN_INSTALL'</code><code class=\"php plain\">, </code><code class=\"php string\">'false'</code><code class=\"php plain\">);</code></div>\r\n</div></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n</div>\r\n</div>\r\nAnother issue that you may came across is not being able to find users who registered on your network but didn’t get the activation email. To fix this issue, see our guide on how to find pending unconfirmed users in WordPress.</p>\r\nLater at some point, you or another site owner may want to export a site from multisite to its own WordPress install. This can be easily done. For step by step instructions see our guide on how to move a site from WordPress multisite to single install.</p>\r\nWe hope this article helped you learn how to install and setup WordPress multisite network. You may also want to see our step by step WordPress security guide to protect and keep your WordPress multisite secure.</p>\r\nIf you liked this article, then please subscribe to our <a title=\"WPBeginner on YouTube\" href=\"http://youtube.com/wpbeginner?sub_confirmation=1\" target=\"_blank\" rel=\"nofollow noopener\">YouTube Channel</a> for WordPress video tutorials. You can also find us on <a title=\"WPBeginner on Twitter\" href=\"http://twitter.com/wpbeginner\" target=\"_blank\" rel=\"nofollow noopener\">Twitter</a> and <a title=\"WPBeginner on Facebook\" href=\"https://www.facebook.com/wpbeginner\" target=\"_blank\" rel=\"nofollow noopener\">Facebook</a>.</p> <br>Posted from my blog\r\n<br><center>Original Link: https://techvhow.com/how-to-install-and-setup-wordpress-multisite-network_1028/</center> ",
"json_metadata": "{\"community\":\"steempress\",\"app\":\"steempress/1.4\",\"image\":[\"\"],\"tags\":[\"installation\",\"multisite\",\"multisitenetwork\",\"wordpress\",\"wordpressmultisite\"],\"original_link\":\"https://techvhow.com/how-to-install-and-setup-wordpress-multisite-network_1028/\"}"
}
]
}2018/12/28 15:04:09
2018/12/28 15:04:09
| parent author | techvhow |
| parent permlink | whatisamultisitenetworkinwordpress-4b2npnh8du |
| author | cheetah |
| permlink | cheetah-re-techvhowwhatisamultisitenetworkinwordpress-4b2npnh8du |
| title | |
| body | Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post! If you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ). |
| json metadata | |
| Transaction Info | Block #28962128/Trx a5e120b7962bb0ace4c2521e01f51b1836ce03fd |
View Raw JSON Data
{
"trx_id": "a5e120b7962bb0ace4c2521e01f51b1836ce03fd",
"block": 28962128,
"trx_in_block": 22,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T15:04:09",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "whatisamultisitenetworkinwordpress-4b2npnh8du",
"author": "cheetah",
"permlink": "cheetah-re-techvhowwhatisamultisitenetworkinwordpress-4b2npnh8du",
"title": "",
"body": "Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post!\nIf you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ).",
"json_metadata": ""
}
]
}cheetahflagged (-0.08%) @techvhow / whatisamultisitenetworkinwordpress-4b2npnh8du2018/12/28 15:04:06
cheetahflagged (-0.08%) @techvhow / whatisamultisitenetworkinwordpress-4b2npnh8du
2018/12/28 15:04:06
| voter | cheetah |
| author | techvhow |
| permlink | whatisamultisitenetworkinwordpress-4b2npnh8du |
| weight | -8 (-0.08%) |
| Transaction Info | Block #28962127/Trx efe9c1daa6e8cb63b1e699bfd40b5d7d0a9a9134 |
View Raw JSON Data
{
"trx_id": "efe9c1daa6e8cb63b1e699bfd40b5d7d0a9a9134",
"block": 28962127,
"trx_in_block": 9,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T15:04:06",
"op": [
"vote",
{
"voter": "cheetah",
"author": "techvhow",
"permlink": "whatisamultisitenetworkinwordpress-4b2npnh8du",
"weight": -8
}
]
}techvhowupvoted (100.00%) @techvhow / whatisamultisitenetworkinwordpress-4b2npnh8du2018/12/28 15:03:57
techvhowupvoted (100.00%) @techvhow / whatisamultisitenetworkinwordpress-4b2npnh8du
2018/12/28 15:03:57
| voter | techvhow |
| author | techvhow |
| permlink | whatisamultisitenetworkinwordpress-4b2npnh8du |
| weight | 10000 (100.00%) |
| Transaction Info | Block #28962124/Trx 7ce411b7ff77fcfa8e4f480b50ccd9177634282e |
View Raw JSON Data
{
"trx_id": "7ce411b7ff77fcfa8e4f480b50ccd9177634282e",
"block": 28962124,
"trx_in_block": 17,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T15:03:57",
"op": [
"vote",
{
"voter": "techvhow",
"author": "techvhow",
"permlink": "whatisamultisitenetworkinwordpress-4b2npnh8du",
"weight": 10000
}
]
}techvhowupdated options for whatisamultisitenetworkinwordpress-4b2npnh8du2018/12/28 15:03:57
techvhowupdated options for whatisamultisitenetworkinwordpress-4b2npnh8du
2018/12/28 15:03:57
| author | techvhow |
| permlink | whatisamultisitenetworkinwordpress-4b2npnh8du |
| max accepted payout | 1000000.000 SBD |
| percent steem dollars | 10000 |
| allow votes | true |
| allow curation rewards | true |
| extensions | [[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]] |
| Transaction Info | Block #28962124/Trx 7ce411b7ff77fcfa8e4f480b50ccd9177634282e |
View Raw JSON Data
{
"trx_id": "7ce411b7ff77fcfa8e4f480b50ccd9177634282e",
"block": 28962124,
"trx_in_block": 17,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T15:03:57",
"op": [
"comment_options",
{
"author": "techvhow",
"permlink": "whatisamultisitenetworkinwordpress-4b2npnh8du",
"max_accepted_payout": "1000000.000 SBD",
"percent_steem_dollars": 10000,
"allow_votes": true,
"allow_curation_rewards": true,
"extensions": [
[
0,
{
"beneficiaries": [
{
"account": "steempress",
"weight": 1500
}
]
}
]
]
}
]
}techvhowpublished a new post: whatisamultisitenetworkinwordpress-4b2npnh8du2018/12/28 15:03:57
techvhowpublished a new post: whatisamultisitenetworkinwordpress-4b2npnh8du
2018/12/28 15:03:57
| parent author | |
| parent permlink | multisite |
| author | techvhow |
| permlink | whatisamultisitenetworkinwordpress-4b2npnh8du |
| title | What is a Multisite Network in Wordpress |
| body | <center>https://techvhow.com/wp-content/uploads/2018/12/multisite-wordpress-1024x574.png</center> <br/><p>Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Available since WordPress version 3.0, Multisite is a continuation of WPMU or WordPress Multiuser project. WordPress MultiUser project was discontinued and its features were included into WordPress core.</p> [click_to_tweet tweet="#Multisite is a #WordPress feature which allows users to create a #network of #sites on a single #WordPress #installation" quote="Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation" theme="style3"] <h4>WordPress Multisite Network Features</h4> <ul style="text-align: justify;"> <li>You can run a network of multiple WordPress blogs and websites from a single WordPress installation.</li> <li>You can have a network of subdomains like http://john.example.com or directories like http://www.example.com/john/.</li> <li>Open up your WordPress Multisite Network for other users to create an account and get their own WordPress blogs.</li> <li>As a Super Admin you can install themes and plugins and make them available to all other sites on the network. However, other site admins on the network will not have the capability to install themes or plugins</li> <li>As Super Admin you can change make changes to themes for all websites. Website Admins can not make changes to their themes.</li> </ul> [click_to_tweet tweet="You can run a #network of multiple #WordPress #blogs and #websites from a single #WordPress #installation" quote="You can run a network of multiple WordPress blogs and websites from a single WordPress installation" theme="style3"] How to enable Multisite Network in WordPress</h4> First thing you need to do is to <a title="How to Install WordPress – Complete WordPress Installation Tutorial" href="https://www.wpbeginner.com/how-to-install-wordpress/" target="_blank" rel="noopener">install WordPress</a>. After that connect to your website using an FTP client like FileZilla. Edit the file <code>wp-config.php</code>, and add the following line just before <em>That’s all, stop editing! Happy blogging.</em></p> <div style="text-align: justify;"> <div id="highlighter_152961" class="syntaxhighlighter php"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div></td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="php comments">/* Multisite */</code></div> <div class="line number2 index1 alt1"><code class="php plain">define(</code><code class="php string">'WP_ALLOW_MULTISITE'</code><code class="php plain">, true);</code></div> </div></td> </tr> </tbody> </table> </div> </div> Save your <code>wp-config.php</code> file and log in to your WordPress website. Go to <strong>Tools » Network Setup</strong>. This is the place where you will configure and set up your WordPress Multisite Network:</p> <center><img class="size-full wp-image-13392 aligncenter" title="Setting up a WordPress Multisite Network" src="https://cdn4.wpbeginner.com/wp-content/uploads/2013/05/create-wp-network1.png" alt="Setting up a WordPress Multisite Network" width="520" height="320" /></center><br/></p> On the network set up screen, you need to choose whether you want network sites to be on their own subdomains or sub-directories. Choose wisely because you can not change it later. If you choose subdomains, then you will have to change your DNS settings for domain mapping. We will get to that part later.</p> In the network details section, give your network a name and an admin address. Click on Install button.</p> On the next screen, WordPress will provide you some code that you need to add to wp-config.php and .htaccess file. Both files are located in your WordPress root directory. Connect to your website using an FTP client and open these files and paste the code provided by WordPress.</p> <center><img class="size-full wp-image-13394 aligncenter" title="Configuring WordPress Multisite Network" src="https://cdn.wpbeginner.com/wp-content/uploads/2013/05/create-wp-multisite.png" alt="Configuring WordPress Multisite Network" width="520" height="320" /></center><br/></p> Once you have successfully updated both files. You will have to login again to your WordPress admin area. After the login you will see WordPress Multisite Network menu on top in the WordPress admin bar.</p> <center><img class="size-full wp-image-13395 aligncenter" title="WordPress Multisite Network menu in the admin bar" src="https://cdn4.wpbeginner.com/wp-content/uploads/2013/05/network-admin-menu.png" alt="WordPress Multisite Network menu in the admin bar" width="520" height="320" /></center><br/></p> Enabling Sub-Domains in Multisite by Adding Wildcard Subdomain</h4> You’ll need to create a subdomain with ‘<strong>*</strong>‘ as the subdomain name. For example, if your WordPress is installed at www.example.com then you need to create a subdomain *.example.com. However, this subdomain should point to the same directory where your WordPress is installed. We will show you how to create a wildcard subdomain in cPanel.</p> Log in to your cPanel dashboard and then under the Domains section click on Subdomains. On the next screen simply enter * in the subdomain field. Make sure that the document root field is pointing to the directory where you have WordPress installed. This is the directory where wp-config.php file resides. Hit the create button to add the subdomain.</p> <center><img class="size-full wp-image-13398 aligncenter" title="Creating Wildcard Subdomain for WordPress Multisite Network with subdomains" src="https://cdn3.wpbeginner.com/wp-content/uploads/2013/05/wildcard-subdomain.png" alt="Creating Wildcard Subdomain for WordPress Multisite Network with subdomains" width="520" height="179" /></center><br/></p> WordPress Multisite Network Settings</h4> Take your mouse over to My Sites in WordPress admin bar and then click on Dashboard. This is the dashboard for your Multisite network. You can add or delete sites, install plugins and themes, and manage users from here.</p> <center><img class="size-full wp-image-13401 aligncenter" title="WordPress Multisite Network Admin Dashboard" src="https://cdn2.wpbeginner.com/wp-content/uploads/2013/05/wp-multisite-dashboard.png" alt="WordPress Multisite Network Admin Dashboard" width="520" height="320" /></center><br/></p> To manage your Multisite network settings. Go to <strong>Settings » Network Settings</strong>. This is the page where you can open up your website for registration. You can allow users to create accounts and create sites. However, you can leave registration disabled if you want to manually add users and sites yourself.</p> <center><img class="size-full wp-image-13402 aligncenter" title="Network settings screen" src="https://cdn.wpbeginner.com/wp-content/uploads/2013/05/multisite-settings.png" alt="Network settings screen" width="520" height="320" /></center><br/></p> Among other settings you can edit the emails sent by WordPress when a user creates a new site. You can change the text of default post, page and comment added by WordPress on new sites. Just remember that the settings here will affect all sites and users on your website so you need to be careful.</p> Managing Sites in WordPress Multisite Network</h4> Sites in a Multisite WordPress can be managed from Sites screen under the Multisite Dashboard. Among these settings, you can not only add or delete, but also deactivate and archive sites.</p> <center><img class="size-full wp-image-13407 aligncenter" src="https://cdn3.wpbeginner.com/wp-content/uploads/2013/05/managing-sites-multisite.png" alt="Managing sites in a WordPress multisite network" width="520" height="320" /></center><br/></p> When a Multisite site is deactivated, it becomes invisible to the visitors and the site admin as well. Any one visiting a deactivated website see the message <em>“This user has elected to delete their account and the content is no longer available.”</em></p> An archived site is visible only to Super Admin. The site admin and other users or visitors to the site will see the message <em>“This site has been archived or suspended.”</em></p> Super Admin can also mark a site as spam, which will make the site invisible to everyone, including the site admin. Deleting a site permanently removes it from the network.</p> <br>Posted from my blog <br><center>Original Link: https://techvhow.com/what-is-a-multisite-network-in-wordpress_1025/</center> |
| json metadata | {"community":"steempress","app":"steempress/1.4","image":[""],"tags":["multisite","multisitenetwork","wordpress","wordpressmultisite"],"original_link":"https://techvhow.com/what-is-a-multisite-network-in-wordpress_1025/"} |
| Transaction Info | Block #28962124/Trx 7ce411b7ff77fcfa8e4f480b50ccd9177634282e |
View Raw JSON Data
{
"trx_id": "7ce411b7ff77fcfa8e4f480b50ccd9177634282e",
"block": 28962124,
"trx_in_block": 17,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-28T15:03:57",
"op": [
"comment",
{
"parent_author": "",
"parent_permlink": "multisite",
"author": "techvhow",
"permlink": "whatisamultisitenetworkinwordpress-4b2npnh8du",
"title": "What is a Multisite Network in Wordpress",
"body": "<center>https://techvhow.com/wp-content/uploads/2018/12/multisite-wordpress-1024x574.png</center> <br/><p>Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Available since WordPress version 3.0, Multisite is a continuation of WPMU or WordPress Multiuser project. WordPress MultiUser project was discontinued and its features were included into WordPress core.</p>\r\n[click_to_tweet tweet=\"#Multisite is a #WordPress feature which allows users to create a #network of #sites on a single #WordPress #installation\" quote=\"Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation\" theme=\"style3\"]\r\n<h4>WordPress Multisite Network Features</h4>\r\n<ul style=\"text-align: justify;\">\r\n <li>You can run a network of multiple WordPress blogs and websites from a single WordPress installation.</li>\r\n <li>You can have a network of subdomains like http://john.example.com or directories like http://www.example.com/john/.</li>\r\n <li>Open up your WordPress Multisite Network for other users to create an account and get their own WordPress blogs.</li>\r\n <li>As a Super Admin you can install themes and plugins and make them available to all other sites on the network. However, other site admins on the network will not have the capability to install themes or plugins</li>\r\n <li>As Super Admin you can change make changes to themes for all websites. Website Admins can not make changes to their themes.</li>\r\n</ul>\r\n[click_to_tweet tweet=\"You can run a #network of multiple #WordPress #blogs and #websites from a single #WordPress #installation\" quote=\"You can run a network of multiple WordPress blogs and websites from a single WordPress installation\" theme=\"style3\"]\r\nHow to enable Multisite Network in WordPress</h4>\r\nFirst thing you need to do is to <a title=\"How to Install WordPress – Complete WordPress Installation Tutorial\" href=\"https://www.wpbeginner.com/how-to-install-wordpress/\" target=\"_blank\" rel=\"noopener\">install WordPress</a>. After that connect to your website using an FTP client like FileZilla. Edit the file <code>wp-config.php</code>, and add the following line just before <em>That’s all, stop editing! Happy blogging.</em></p>\r\n\r\n<div style=\"text-align: justify;\">\r\n<div id=\"highlighter_152961\" class=\"syntaxhighlighter php\">\r\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td class=\"gutter\">\r\n<div class=\"line number1 index0 alt2\">1</div>\r\n<div class=\"line number2 index1 alt1\">2</div></td>\r\n<td class=\"code\">\r\n<div class=\"container\">\r\n<div class=\"line number1 index0 alt2\"><code class=\"php comments\">/* Multisite */</code></div>\r\n<div class=\"line number2 index1 alt1\"><code class=\"php plain\">define(</code><code class=\"php string\">'WP_ALLOW_MULTISITE'</code><code class=\"php plain\">, true);</code></div>\r\n</div></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n</div>\r\n</div>\r\nSave your <code>wp-config.php</code> file and log in to your WordPress website. Go to <strong>Tools » Network Setup</strong>. This is the place where you will configure and set up your WordPress Multisite Network:</p>\r\n<center><img class=\"size-full wp-image-13392 aligncenter\" title=\"Setting up a WordPress Multisite Network\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2013/05/create-wp-network1.png\" alt=\"Setting up a WordPress Multisite Network\" width=\"520\" height=\"320\" /></center><br/></p>\r\nOn the network set up screen, you need to choose whether you want network sites to be on their own subdomains or sub-directories. Choose wisely because you can not change it later. If you choose subdomains, then you will have to change your DNS settings for domain mapping. We will get to that part later.</p>\r\nIn the network details section, give your network a name and an admin address. Click on Install button.</p>\r\nOn the next screen, WordPress will provide you some code that you need to add to wp-config.php and .htaccess file. Both files are located in your WordPress root directory. Connect to your website using an FTP client and open these files and paste the code provided by WordPress.</p>\r\n<center><img class=\"size-full wp-image-13394 aligncenter\" title=\"Configuring WordPress Multisite Network\" src=\"https://cdn.wpbeginner.com/wp-content/uploads/2013/05/create-wp-multisite.png\" alt=\"Configuring WordPress Multisite Network\" width=\"520\" height=\"320\" /></center><br/></p>\r\nOnce you have successfully updated both files. You will have to login again to your WordPress admin area. After the login you will see WordPress Multisite Network menu on top in the WordPress admin bar.</p>\r\n<center><img class=\"size-full wp-image-13395 aligncenter\" title=\"WordPress Multisite Network menu in the admin bar\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2013/05/network-admin-menu.png\" alt=\"WordPress Multisite Network menu in the admin bar\" width=\"520\" height=\"320\" /></center><br/></p>\r\n\r\nEnabling Sub-Domains in Multisite by Adding Wildcard Subdomain</h4>\r\nYou’ll need to create a subdomain with ‘<strong>*</strong>‘ as the subdomain name. For example, if your WordPress is installed at www.example.com then you need to create a subdomain *.example.com. However, this subdomain should point to the same directory where your WordPress is installed. We will show you how to create a wildcard subdomain in cPanel.</p>\r\nLog in to your cPanel dashboard and then under the Domains section click on Subdomains. On the next screen simply enter * in the subdomain field. Make sure that the document root field is pointing to the directory where you have WordPress installed. This is the directory where wp-config.php file resides. Hit the create button to add the subdomain.</p>\r\n<center><img class=\"size-full wp-image-13398 aligncenter\" title=\"Creating Wildcard Subdomain for WordPress Multisite Network with subdomains\" src=\"https://cdn3.wpbeginner.com/wp-content/uploads/2013/05/wildcard-subdomain.png\" alt=\"Creating Wildcard Subdomain for WordPress Multisite Network with subdomains\" width=\"520\" height=\"179\" /></center><br/></p>\r\n\r\nWordPress Multisite Network Settings</h4>\r\nTake your mouse over to My Sites in WordPress admin bar and then click on Dashboard. This is the dashboard for your Multisite network. You can add or delete sites, install plugins and themes, and manage users from here.</p>\r\n<center><img class=\"size-full wp-image-13401 aligncenter\" title=\"WordPress Multisite Network Admin Dashboard\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2013/05/wp-multisite-dashboard.png\" alt=\"WordPress Multisite Network Admin Dashboard\" width=\"520\" height=\"320\" /></center><br/></p>\r\nTo manage your Multisite network settings. Go to <strong>Settings » Network Settings</strong>. This is the page where you can open up your website for registration. You can allow users to create accounts and create sites. However, you can leave registration disabled if you want to manually add users and sites yourself.</p>\r\n<center><img class=\"size-full wp-image-13402 aligncenter\" title=\"Network settings screen\" src=\"https://cdn.wpbeginner.com/wp-content/uploads/2013/05/multisite-settings.png\" alt=\"Network settings screen\" width=\"520\" height=\"320\" /></center><br/></p>\r\nAmong other settings you can edit the emails sent by WordPress when a user creates a new site. You can change the text of default post, page and comment added by WordPress on new sites. Just remember that the settings here will affect all sites and users on your website so you need to be careful.</p>\r\n\r\nManaging Sites in WordPress Multisite Network</h4>\r\nSites in a Multisite WordPress can be managed from Sites screen under the Multisite Dashboard. Among these settings, you can not only add or delete, but also deactivate and archive sites.</p>\r\n<center><img class=\"size-full wp-image-13407 aligncenter\" src=\"https://cdn3.wpbeginner.com/wp-content/uploads/2013/05/managing-sites-multisite.png\" alt=\"Managing sites in a WordPress multisite network\" width=\"520\" height=\"320\" /></center><br/></p>\r\nWhen a Multisite site is deactivated, it becomes invisible to the visitors and the site admin as well. Any one visiting a deactivated website see the message <em>“This user has elected to delete their account and the content is no longer available.”</em></p>\r\nAn archived site is visible only to Super Admin. The site admin and other users or visitors to the site will see the message <em>“This site has been archived or suspended.”</em></p>\r\nSuper Admin can also mark a site as spam, which will make the site invisible to everyone, including the site admin. Deleting a site permanently removes it from the network.</p> <br>Posted from my blog\r\n<br><center>Original Link: https://techvhow.com/what-is-a-multisite-network-in-wordpress_1025/</center> ",
"json_metadata": "{\"community\":\"steempress\",\"app\":\"steempress/1.4\",\"image\":[\"\"],\"tags\":[\"multisite\",\"multisitenetwork\",\"wordpress\",\"wordpressmultisite\"],\"original_link\":\"https://techvhow.com/what-is-a-multisite-network-in-wordpress_1025/\"}"
}
]
}2018/12/23 21:30:57
2018/12/23 21:30:57
| parent author | techvhow |
| parent permlink | honormagic2unboxinghands-onsliderwithsixcameras-zyblk5ij2h |
| author | mikehammelton |
| permlink | re-techvhow-honormagic2unboxinghands-onsliderwithsixcameras-zyblk5ij2h-20181223t213057060z |
| title | |
| body | [Honor](https://repairmobile.ru/phones/Honor/) is cool smartphone! It’s fact! |
| json metadata | {"tags":["android"],"links":["https://repairmobile.ru/phones/Honor/"],"app":"steemit/0.1"} |
| Transaction Info | Block #28825917/Trx 5c94c99622b28931ab392ad53fc389510c7767c1 |
View Raw JSON Data
{
"trx_id": "5c94c99622b28931ab392ad53fc389510c7767c1",
"block": 28825917,
"trx_in_block": 28,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-23T21:30:57",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "honormagic2unboxinghands-onsliderwithsixcameras-zyblk5ij2h",
"author": "mikehammelton",
"permlink": "re-techvhow-honormagic2unboxinghands-onsliderwithsixcameras-zyblk5ij2h-20181223t213057060z",
"title": "",
"body": "[Honor](https://repairmobile.ru/phones/Honor/) is cool smartphone! It’s fact!",
"json_metadata": "{\"tags\":[\"android\"],\"links\":[\"https://repairmobile.ru/phones/Honor/\"],\"app\":\"steemit/0.1\"}"
}
]
}techvhowreceived 0.017 STEEM, 0.022 SP author reward for @techvhow / debunkingmousemyths-n0ayiwpnlj2018/12/22 17:51:00
techvhowreceived 0.017 STEEM, 0.022 SP author reward for @techvhow / debunkingmousemyths-n0ayiwpnlj
2018/12/22 17:51:00
| author | techvhow |
| permlink | debunkingmousemyths-n0ayiwpnlj |
| sbd payout | 0.000 SBD |
| steem payout | 0.017 STEEM |
| vesting payout | 36.199689 VESTS |
| Transaction Info | Block #28792737/Virtual Operation #5 |
View Raw JSON Data
{
"trx_id": "0000000000000000000000000000000000000000",
"block": 28792737,
"trx_in_block": 4294967295,
"op_in_trx": 0,
"virtual_op": 5,
"timestamp": "2018-12-22T17:51:00",
"op": [
"author_reward",
{
"author": "techvhow",
"permlink": "debunkingmousemyths-n0ayiwpnlj",
"sbd_payout": "0.000 SBD",
"steem_payout": "0.017 STEEM",
"vesting_payout": "36.199689 VESTS"
}
]
}steempressreceived 0.004 SP benefactor reward from @techvhow2018/12/22 17:51:00
steempressreceived 0.004 SP benefactor reward from @techvhow
2018/12/22 17:51:00
| benefactor | steempress |
| author | techvhow |
| permlink | debunkingmousemyths-n0ayiwpnlj |
| sbd payout | 0.000 SBD |
| steem payout | 0.003 STEEM |
| vesting payout | 6.033281 VESTS |
| Transaction Info | Block #28792737/Virtual Operation #4 |
View Raw JSON Data
{
"trx_id": "0000000000000000000000000000000000000000",
"block": 28792737,
"trx_in_block": 4294967295,
"op_in_trx": 0,
"virtual_op": 4,
"timestamp": "2018-12-22T17:51:00",
"op": [
"comment_benefactor_reward",
{
"benefactor": "steempress",
"author": "techvhow",
"permlink": "debunkingmousemyths-n0ayiwpnlj",
"sbd_payout": "0.000 SBD",
"steem_payout": "0.003 STEEM",
"vesting_payout": "6.033281 VESTS"
}
]
}2018/12/21 15:17:18
2018/12/21 15:17:18
| parent author | techvhow |
| parent permlink | howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em |
| author | cheetah |
| permlink | cheetah-re-techvhowhowtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em |
| title | |
| body | Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post! If you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ). |
| json metadata | |
| Transaction Info | Block #28760876/Trx 0ce7ca11c6a88ecf5c78a06c7395ba5a750c41e9 |
View Raw JSON Data
{
"trx_id": "0ce7ca11c6a88ecf5c78a06c7395ba5a750c41e9",
"block": 28760876,
"trx_in_block": 0,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-21T15:17:18",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em",
"author": "cheetah",
"permlink": "cheetah-re-techvhowhowtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em",
"title": "",
"body": "Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post!\nIf you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ).",
"json_metadata": ""
}
]
}cheetahflagged (-0.08%) @techvhow / howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em2018/12/21 15:17:12
cheetahflagged (-0.08%) @techvhow / howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em
2018/12/21 15:17:12
| voter | cheetah |
| author | techvhow |
| permlink | howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em |
| weight | -8 (-0.08%) |
| Transaction Info | Block #28760874/Trx e287d257a3b150cebee7d50ab5f1d9a84432021e |
View Raw JSON Data
{
"trx_id": "e287d257a3b150cebee7d50ab5f1d9a84432021e",
"block": 28760874,
"trx_in_block": 23,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-21T15:17:12",
"op": [
"vote",
{
"voter": "cheetah",
"author": "techvhow",
"permlink": "howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em",
"weight": -8
}
]
}techvhowupvoted (100.00%) @techvhow / howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em2018/12/21 15:17:06
techvhowupvoted (100.00%) @techvhow / howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em
2018/12/21 15:17:06
| voter | techvhow |
| author | techvhow |
| permlink | howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em |
| weight | 10000 (100.00%) |
| Transaction Info | Block #28760872/Trx 26c07d4855fa2b78a7445b4bb863116d54bdd9a8 |
View Raw JSON Data
{
"trx_id": "26c07d4855fa2b78a7445b4bb863116d54bdd9a8",
"block": 28760872,
"trx_in_block": 25,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-21T15:17:06",
"op": [
"vote",
{
"voter": "techvhow",
"author": "techvhow",
"permlink": "howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em",
"weight": 10000
}
]
}techvhowupdated options for howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em2018/12/21 15:17:06
techvhowupdated options for howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em
2018/12/21 15:17:06
| author | techvhow |
| permlink | howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em |
| max accepted payout | 1000000.000 SBD |
| percent steem dollars | 10000 |
| allow votes | true |
| allow curation rewards | true |
| extensions | [[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]] |
| Transaction Info | Block #28760872/Trx 26c07d4855fa2b78a7445b4bb863116d54bdd9a8 |
View Raw JSON Data
{
"trx_id": "26c07d4855fa2b78a7445b4bb863116d54bdd9a8",
"block": 28760872,
"trx_in_block": 25,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-21T15:17:06",
"op": [
"comment_options",
{
"author": "techvhow",
"permlink": "howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em",
"max_accepted_payout": "1000000.000 SBD",
"percent_steem_dollars": 10000,
"allow_votes": true,
"allow_curation_rewards": true,
"extensions": [
[
0,
{
"beneficiaries": [
{
"account": "steempress",
"weight": 1500
}
]
}
]
]
}
]
}techvhowpublished a new post: howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em2018/12/21 15:17:06
techvhowpublished a new post: howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em
2018/12/21 15:17:06
| parent author | |
| parent permlink | maxmegamenu |
| author | techvhow |
| permlink | howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em |
| title | How to Add a Mega Menu on Your WordPress Site (Step by Step) |
| body | <center>https://techvhow.com/wp-content/uploads/2018/12/Max-Mega-Menu-Screenshot.jpg</center> <br/><p>Recently one of our readers asked if it’s possible to add a mega menu to your WordPress site? Mega Menus allow you to add multi-column drop down menus to your navigation with rich media such as images and videos. In this article, we will show you how to easily add a mega menu to your WordPress site.</p> <center><img class="size-full wp-image-49015 aligncenter" title="How to Add a Mega Menu in WordPress" src="https://cdn.wpbeginner.com/wp-content/uploads/2017/12/megamenu.png" alt="How to Add a Mega Menu in WordPress" width="550" height="340" /></center><br/></p> <h4>Why and Who Should Add Mega Menu in WordPress?</h4> Mega Menus are particularly helpful for websites with a lot of content. This allows website owners to show more items in their top menu.</p> [click_to_tweet tweet="#Mega #Menus allow you to add #multi-column drop down #menus to your #navigation with rich #media such as #images and #videos." quote="Mega Menus allow you to add multi-column drop down menus to your navigation with rich media such as images and videos." theme="style3"] Popular websites like Reuters, Buzzfeed, and Starbucks use mega menus to display highly engaging and interactive navigation menus.</p> <center><img class="size-full wp-image-49004 aligncenter" title="Starbucks website showing a mega menu" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/starbucks-megamenu.jpg" alt="Starbucks website showing a mega menu" width="550" height="344" /></center><br/></p> While default WordPress navigation menus let you add drop-down sub-menus and even add image icons next to each item, sometimes you just need a mega menu.</p> Let’s take a look at how to easily add a mega menu to your WordPress website.</p> Video Tutorial</h4> <div class="fluid-width-video-wrapper" style="text-align: center;"><iframe id="fitvid938170" class="youtube-player" src="https://www.youtube.com/embed/wCS2R5U9LCg?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent" frameborder="0" allowfullscreen="allowfullscreen" data-mce-fragment="1"></iframe></div> <div class="yt-sbscrb-bar" style="text-align: justify;"></div> Adding a Mega Menu in WordPress</h4> First thing you need to do is install and activate the <a title="Max Mega Menu" href="https://wordpress.org/plugins/megamenu/" target="_blank" rel="nofollow noopener">Max Mega Menu</a> plugin. It is the best free mega menu WordPress plugin available in the market. For more details, see our step by step guide on how to install a WordPress plugin.</p> Upon activation, the plugin will add a new menu item, Mega Menu, to your WordPress admin menu. Clicking on it will take you to the plugin’s settings page.</p> <center><img class="size-full wp-image-49007 aligncenter" title="Mega Menu settings" src="https://cdn3.wpbeginner.com/wp-content/uploads/2017/12/megamenu-settings.png" alt="Mega Menu settings" width="550" height="287" /></center><br/></p> The default settings will work for most websites. However, you will need to change the menu colors, so they match the colors used by your WordPress theme’s navigation menu container.</p> To find out which colors are used in your theme, you can use the Inspect tool in your browser.</p> <center><img class="size-full wp-image-49010 aligncenter" title="Using inspect tool to find out navigation bar colors" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/inspectcolors.png" alt="Using inspect tool to find out navigation bar colors" width="550" height="316" /></center><br/></p> Once you get the color hex code, you can paste it in a text file to use later.</p> Next, you need to visit the mega menu settings page, click on the ‘Menu Themes’ tab and then click on ‘Menu Bar’ section.</p> <center><img class="size-full wp-image-49008 aligncenter" title="menubarcolors" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/menubarcolors.png" alt="Menu bar colors" width="550" height="352" /></center><br/></p> Here you can replace the background color used by mega menu to match your theme’s navigation menu container.</p> Don’t forget to click on the save changes button to store your settings.</p> Now that we have configured the mega menu settings, let’s go ahead and create our mega menu.</p> First you need to visit the <strong>Appearance » Menus</strong> page and then add top level items to your navigation. For detailed instructions see our beginner’s guide on creating navigation menus in WordPress.</p> Next, on the Menus screen you need to enable mega menu by checking the box under ‘Max Mega Menu Settings’.</p> <center><img class="size-full wp-image-49012 aligncenter" title="Enable mega menu" src="https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/enablemegamenu.png" alt="Enable mega menu" width="550" height="360" /></center><br/></p> After that you need to take your mouse to a menu item, and you will see a “Mega Menu” button appear on the menu tab.</p> Clicking on the button will bring up a popup. Here you can add any WordPress widget to your mega menu and select the number of columns you want to display.</p> <center><img class="size-full wp-image-49013 aligncenter" title="Adding widgets to your mega menu" src="https://cdn4.wpbeginner.com/wp-content/uploads/2017/12/megamenu-widgets.png" alt="Adding widgets to your mega menu" width="550" height="348" /></center><br/></p> You can also click on the wrench icon on a widget to edit the widget settings. Don’t forget to click on the save button to store your widget settings.</p> Once you are done, you can close the popup and visit your website to see the mega menu in action.</p> <center><img class="size-full wp-image-49001 aligncenter" title="Mega menu preview" src="https://cdn4.wpbeginner.com/wp-content/uploads/2017/12/megamenupreview.gif" alt="Mega menu preview" width="550" height="309" /></center><br/></p> We hope this article helped you learn how to add a mega menu in WordPress. You may also want to see our guide on how to speed up WordPress and boost performance for beginners.</p> If you liked this article, then please subscribe to our <a title="WPBeginner on YouTube" href="http://youtube.com/wpbeginner?sub_confirmation=1" target="_blank" rel="nofollow noopener">YouTube Channel</a> for WordPress video tutorials. You can also find us on <a title="WPBeginner on Twitter" href="http://twitter.com/techvhow" target="_blank" rel="nofollow noopener">Twitter</a> and <a title="WPBeginner on Facebook" href="https://www.facebook.com/techvhow" target="_blank" rel="nofollow noopener">Facebook</a>.</p> <br>Posted from my blog <br><center>Original Link: https://techvhow.com/how-to-add-a-mega-menu-on-your-wordpress-site-step-by-step_1020/</center> |
| json metadata | {"community":"steempress","app":"steempress/1.4","image":[""],"tags":["maxmegamenu","megamenu","menu","stepbystepguide","wordpress"],"original_link":"https://techvhow.com/how-to-add-a-mega-menu-on-your-wordpress-site-step-by-step_1020/"} |
| Transaction Info | Block #28760872/Trx 26c07d4855fa2b78a7445b4bb863116d54bdd9a8 |
View Raw JSON Data
{
"trx_id": "26c07d4855fa2b78a7445b4bb863116d54bdd9a8",
"block": 28760872,
"trx_in_block": 25,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-21T15:17:06",
"op": [
"comment",
{
"parent_author": "",
"parent_permlink": "maxmegamenu",
"author": "techvhow",
"permlink": "howtoaddamegamenuonyourwordpresssitestepbystep-u6a51hx1em",
"title": "How to Add a Mega Menu on Your WordPress Site (Step by Step)",
"body": "<center>https://techvhow.com/wp-content/uploads/2018/12/Max-Mega-Menu-Screenshot.jpg</center> <br/><p>Recently one of our readers asked if it’s possible to add a mega menu to your WordPress site? Mega Menus allow you to add multi-column drop down menus to your navigation with rich media such as images and videos. In this article, we will show you how to easily add a mega menu to your WordPress site.</p>\r\n<center><img class=\"size-full wp-image-49015 aligncenter\" title=\"How to Add a Mega Menu in WordPress\" src=\"https://cdn.wpbeginner.com/wp-content/uploads/2017/12/megamenu.png\" alt=\"How to Add a Mega Menu in WordPress\" width=\"550\" height=\"340\" /></center><br/></p>\r\n\r\n<h4>Why and Who Should Add Mega Menu in WordPress?</h4>\r\nMega Menus are particularly helpful for websites with a lot of content. This allows website owners to show more items in their top menu.</p>\r\n[click_to_tweet tweet=\"#Mega #Menus allow you to add #multi-column drop down #menus to your #navigation with rich #media such as #images and #videos.\" quote=\"Mega Menus allow you to add multi-column drop down menus to your navigation with rich media such as images and videos.\" theme=\"style3\"]\r\nPopular websites like Reuters, Buzzfeed, and Starbucks use mega menus to display highly engaging and interactive navigation menus.</p>\r\n<center><img class=\"size-full wp-image-49004 aligncenter\" title=\"Starbucks website showing a mega menu\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/starbucks-megamenu.jpg\" alt=\"Starbucks website showing a mega menu\" width=\"550\" height=\"344\" /></center><br/></p>\r\nWhile default WordPress navigation menus let you add drop-down sub-menus and even add image icons next to each item, sometimes you just need a mega menu.</p>\r\nLet’s take a look at how to easily add a mega menu to your WordPress website.</p>\r\n\r\nVideo Tutorial</h4>\r\n<div class=\"fluid-width-video-wrapper\" style=\"text-align: center;\"><iframe id=\"fitvid938170\" class=\"youtube-player\" src=\"https://www.youtube.com/embed/wCS2R5U9LCg?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"></iframe></div>\r\n<div class=\"yt-sbscrb-bar\" style=\"text-align: justify;\"></div>\r\nAdding a Mega Menu in WordPress</h4>\r\nFirst thing you need to do is install and activate the <a title=\"Max Mega Menu\" href=\"https://wordpress.org/plugins/megamenu/\" target=\"_blank\" rel=\"nofollow noopener\">Max Mega Menu</a> plugin. It is the best free mega menu WordPress plugin available in the market. For more details, see our step by step guide on how to install a WordPress plugin.</p>\r\nUpon activation, the plugin will add a new menu item, Mega Menu, to your WordPress admin menu. Clicking on it will take you to the plugin’s settings page.</p>\r\n<center><img class=\"size-full wp-image-49007 aligncenter\" title=\"Mega Menu settings\" src=\"https://cdn3.wpbeginner.com/wp-content/uploads/2017/12/megamenu-settings.png\" alt=\"Mega Menu settings\" width=\"550\" height=\"287\" /></center><br/></p>\r\nThe default settings will work for most websites. However, you will need to change the menu colors, so they match the colors used by your WordPress theme’s navigation menu container.</p>\r\nTo find out which colors are used in your theme, you can use the Inspect tool in your browser.</p>\r\n<center><img class=\"size-full wp-image-49010 aligncenter\" title=\"Using inspect tool to find out navigation bar colors\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/inspectcolors.png\" alt=\"Using inspect tool to find out navigation bar colors\" width=\"550\" height=\"316\" /></center><br/></p>\r\nOnce you get the color hex code, you can paste it in a text file to use later.</p>\r\nNext, you need to visit the mega menu settings page, click on the ‘Menu Themes’ tab and then click on ‘Menu Bar’ section.</p>\r\n<center><img class=\"size-full wp-image-49008 aligncenter\" title=\"menubarcolors\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/menubarcolors.png\" alt=\"Menu bar colors\" width=\"550\" height=\"352\" /></center><br/></p>\r\nHere you can replace the background color used by mega menu to match your theme’s navigation menu container.</p>\r\nDon’t forget to click on the save changes button to store your settings.</p>\r\nNow that we have configured the mega menu settings, let’s go ahead and create our mega menu.</p>\r\nFirst you need to visit the <strong>Appearance » Menus</strong> page and then add top level items to your navigation. For detailed instructions see our beginner’s guide on creating navigation menus in WordPress.</p>\r\nNext, on the Menus screen you need to enable mega menu by checking the box under ‘Max Mega Menu Settings’.</p>\r\n<center><img class=\"size-full wp-image-49012 aligncenter\" title=\"Enable mega menu\" src=\"https://cdn2.wpbeginner.com/wp-content/uploads/2017/12/enablemegamenu.png\" alt=\"Enable mega menu\" width=\"550\" height=\"360\" /></center><br/></p>\r\nAfter that you need to take your mouse to a menu item, and you will see a “Mega Menu” button appear on the menu tab.</p>\r\nClicking on the button will bring up a popup. Here you can add any WordPress widget to your mega menu and select the number of columns you want to display.</p>\r\n<center><img class=\"size-full wp-image-49013 aligncenter\" title=\"Adding widgets to your mega menu\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2017/12/megamenu-widgets.png\" alt=\"Adding widgets to your mega menu\" width=\"550\" height=\"348\" /></center><br/></p>\r\nYou can also click on the wrench icon on a widget to edit the widget settings. Don’t forget to click on the save button to store your widget settings.</p>\r\nOnce you are done, you can close the popup and visit your website to see the mega menu in action.</p>\r\n<center><img class=\"size-full wp-image-49001 aligncenter\" title=\"Mega menu preview\" src=\"https://cdn4.wpbeginner.com/wp-content/uploads/2017/12/megamenupreview.gif\" alt=\"Mega menu preview\" width=\"550\" height=\"309\" /></center><br/></p>\r\nWe hope this article helped you learn how to add a mega menu in WordPress. You may also want to see our guide on how to speed up WordPress and boost performance for beginners.</p>\r\nIf you liked this article, then please subscribe to our <a title=\"WPBeginner on YouTube\" href=\"http://youtube.com/wpbeginner?sub_confirmation=1\" target=\"_blank\" rel=\"nofollow noopener\">YouTube Channel</a> for WordPress video tutorials. You can also find us on <a title=\"WPBeginner on Twitter\" href=\"http://twitter.com/techvhow\" target=\"_blank\" rel=\"nofollow noopener\">Twitter</a> and <a title=\"WPBeginner on Facebook\" href=\"https://www.facebook.com/techvhow\" target=\"_blank\" rel=\"nofollow noopener\">Facebook</a>.</p> <br>Posted from my blog\r\n<br><center>Original Link: https://techvhow.com/how-to-add-a-mega-menu-on-your-wordpress-site-step-by-step_1020/</center> ",
"json_metadata": "{\"community\":\"steempress\",\"app\":\"steempress/1.4\",\"image\":[\"\"],\"tags\":[\"maxmegamenu\",\"megamenu\",\"menu\",\"stepbystepguide\",\"wordpress\"],\"original_link\":\"https://techvhow.com/how-to-add-a-mega-menu-on-your-wordpress-site-step-by-step_1020/\"}"
}
]
}2018/12/20 15:16:12
2018/12/20 15:16:12
| parent author | techvhow |
| parent permlink | enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c |
| author | cheetah |
| permlink | cheetah-re-techvhowenablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c |
| title | |
| body | Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post! If you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ). |
| json metadata | |
| Transaction Info | Block #28732065/Trx b63b30d27a3e34956c527da1629e4f59777c635e |
View Raw JSON Data
{
"trx_id": "b63b30d27a3e34956c527da1629e4f59777c635e",
"block": 28732065,
"trx_in_block": 0,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-20T15:16:12",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c",
"author": "cheetah",
"permlink": "cheetah-re-techvhowenablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c",
"title": "",
"body": "Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post!\nIf you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ).",
"json_metadata": ""
}
]
}cheetahflagged (-0.08%) @techvhow / enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c2018/12/20 15:16:06
cheetahflagged (-0.08%) @techvhow / enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c
2018/12/20 15:16:06
| voter | cheetah |
| author | techvhow |
| permlink | enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c |
| weight | -8 (-0.08%) |
| Transaction Info | Block #28732063/Trx d07e552d359c775b7a96d67667ee6f72fee79c35 |
View Raw JSON Data
{
"trx_id": "d07e552d359c775b7a96d67667ee6f72fee79c35",
"block": 28732063,
"trx_in_block": 4,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-20T15:16:06",
"op": [
"vote",
{
"voter": "cheetah",
"author": "techvhow",
"permlink": "enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c",
"weight": -8
}
]
}techvhowupvoted (100.00%) @techvhow / enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c2018/12/20 15:15:54
techvhowupvoted (100.00%) @techvhow / enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c
2018/12/20 15:15:54
| voter | techvhow |
| author | techvhow |
| permlink | enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c |
| weight | 10000 (100.00%) |
| Transaction Info | Block #28732059/Trx e71fe6402e24dd5c4feab6b80ade639d0f729fb3 |
View Raw JSON Data
{
"trx_id": "e71fe6402e24dd5c4feab6b80ade639d0f729fb3",
"block": 28732059,
"trx_in_block": 13,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-20T15:15:54",
"op": [
"vote",
{
"voter": "techvhow",
"author": "techvhow",
"permlink": "enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c",
"weight": 10000
}
]
}techvhowupdated options for enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c2018/12/20 15:15:54
techvhowupdated options for enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c
2018/12/20 15:15:54
| author | techvhow |
| permlink | enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c |
| max accepted payout | 1000000.000 SBD |
| percent steem dollars | 10000 |
| allow votes | true |
| allow curation rewards | true |
| extensions | [[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]] |
| Transaction Info | Block #28732059/Trx e71fe6402e24dd5c4feab6b80ade639d0f729fb3 |
View Raw JSON Data
{
"trx_id": "e71fe6402e24dd5c4feab6b80ade639d0f729fb3",
"block": 28732059,
"trx_in_block": 13,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-20T15:15:54",
"op": [
"comment_options",
{
"author": "techvhow",
"permlink": "enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c",
"max_accepted_payout": "1000000.000 SBD",
"percent_steem_dollars": 10000,
"allow_votes": true,
"allow_curation_rewards": true,
"extensions": [
[
0,
{
"beneficiaries": [
{
"account": "steempress",
"weight": 1500
}
]
}
]
]
}
]
}techvhowpublished a new post: enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c2018/12/20 15:15:54
techvhowpublished a new post: enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c
2018/12/20 15:15:54
| parent author | |
| parent permlink | certificate |
| author | techvhow |
| permlink | enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c |
| title | Enabling HTTPS Without Sacrificing Your Web Performance |
| body | <center>https://techvhow.com/wp-content/uploads/2018/12/1_h-tWf5VhmWvQmF6dBHvkbQ.jpg</center> <br/><p>A fast website is a <a href="http://zoompf.com/business-case">crucial component</a> of a great user experience. So much so that a few years ago Google announced that they were <a href="http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html">using page load time as a factor in search engine rankings</a>. More recently, Google also announced that they would be <a href="http://googlewebmastercentral.blogspot.com/2014/08/https-as-ranking-signal.html">favoring websites that use Transport Layer Security (TLS)</a> in its search rankings. TLS <a href="http://en.wikipedia.org/wiki/Transport_Layer_Security">encrypts a website's traffic</a> preventing <a href="http://www.infosecurity-magazine.com/news/china-accused-mitm-attacks-against/">other</a> <a href="https://www.nsa.gov/">entities</a> from monitoring its communications. However, adding this protection introduces more complexity to your website and how it communicates with your visitors, potentially slowing things down and negatively affecting the user experience. In this blog post, I will show you how to implement TLS on your website while keeping it fast and responsive.</p> [click_to_tweet tweet="A fast #website is a crucial component of a great user experience (#UX). #Goolge used to use it in #page-ranking #algorithms." quote="A fast website is a crucial component of a great user experience. Goolge used to use it in page ranking algorithms." theme="style3"] <h3>Conventions and disclaimers</h3> Before we start, a quick note on naming. Beside TLS, you may have also heard the term SSL. <a href="http://en.wikipedia.org/wiki/Transport_Layer_Security">SSL was the original encrypted connection protocol</a> created by Netscape in the mid '90s. TLS is the industry standard protocol that grew out of SSL and has continued to evolve and improve while development of SSL has ceased. In the past, SSL and TLS have been largely interchangeable terms. However, the final version of SSL, SSLv3, was <a href="http://en.wikipedia.org/wiki/POODLE">recently found to be not secure</a>. All versions of SSL now have known security problems and no one should be using any version of SSL. To avoid confusion, we will not mention SSL again, and will talk exclusively about TLS.</p> Additionally, while TLS does help protect your websites's visitors from eavesdroppers, it does not magically make your site <em>"secure"</em> from security flaws like <a href="http://en.wikipedia.org/wiki/Cross-site_scripting">cross-site scripting</a> or <a href="http://en.wikipedia.org/wiki/SQL_injection">SQL injection</a>. If you store personal data or conduct commerce through your website, you should explore <a href="http://en.wikipedia.org/wiki/Web_application_security">more rigorous web application security options</a>.</p> Finally, any type of guide, tutorial, or how-to post on security is highly time sensitive. Attackers are constantly evolving and new attacks are always discovered. Advice about optimizing TLS performance from even 2 years ago, such as <a href="https://community.qualys.com/blogs/securitylabs/2013/03/19/rc4-in-tls-is-broken-now-what">using RC4</a>, would today <a href="http://zoompf.com/blog/2012/09/explaining-the-crime-weakness-in-spdy-and-ssl">leave your site unsecured</a>. You should always maintain vigilance and make sure you <a href="http://calendar.perfplanet.com/2011/advice-on-trusting-advice/">trust your sources</a>.</p> TLS Areas that need TLC</h3> There are 2 areas of TLS that can harbor performance problems:</p> <ol style="text-align: justify;"> <li><strong>Encrypting the data</strong>. Data sent back and forth between visiting web browsers and your web server must be encrypted and decrypted. If not configured properly, your page load times can become much slower than unencrypted traffic.</li> <li><strong>Establishing a secure connection</strong>. There are several steps that must occur before a browser establishes a secured connection to your website: identities must be confirmed, algorithms must be selected, and keys must be exchanged. This is known as the <em>TLS Handshake, </em>and it can have a significant impact on your site performance.</li> </ol> We need to give each of these areas some Tender Loving Care (TLC) to optimize for performance. Let's discuss each in detail.</p> Optimizing Data Encryption</h3> When you use TLS, you are adding another 2 steps to the process of how a browser and web server communicate. The sender has to work to encrypt the data before transmitting it, and the receiver has to decrypt the data before it can process it. Since these operations are occurring on all of your web traffic all of the time, you want this exchange to be as efficient as possible.</p> There are a <a href="https://www.openssl.org/docs/apps/ciphers.html#CIPHER_SUITE_NAMES">large number of ciphers</a> that can be used to perform this encryption/decryption. Some, such as 3DES, were originally designed to be <a href="http://en.wikipedia.org/wiki/Data_Encryption_Standard#Description">implemented in hardware</a> and can perform slowly when implemented in software on your computer or phone's browser. Others, such as AES, are so popular that CPU makers like Intel have added <a href="http://en.wikipedia.org/wiki/AES_instruction_set">dedicated instructions</a> to their chips to make them run faster.</p> A decade ago, TLS data encryption added significant overhead. Today, <a href="http://en.wikipedia.org/wiki/Moore%27s_law">Moore's law</a> and dedicated support for certain ciphers in CPUs has <a href="https://istlsfastyet.com/">essentially eliminated this overhead</a>, provided you select the right cipher. The consensus from both security engineers and administrators that run large TLS websites is <a href="https://wiki.mozilla.org/Security/Server_Side_TLS#Prioritization_logic">to use AES, with 128 bit keys</a>. We can see from the chart below that AES running on a CPU that supports built-in AES instructions (denoted by the label AES-NI) is by far the fastest cipher you can use.</p> <center><img class="aligncenter" src="https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2bf460046.93030219.png" alt="chart" width="709" height="709" /></center><br/></p> Specifying which cipher and options to use can be quite challenging and intimidating. Luckily, Mozilla<a href="https://wiki.mozilla.org/Security/Server_Side_TLS">maintains an excellent page</a> with example cipher configurations to ensure fast and secure connections. These example configurations work with all browsers, and they default to using the faster algorithms like AES. These are constantly updated when new security threats come out, and I highly suggest following their guidance.</p> As mentioned, to get the most out of AES, your web server will need to use a CPU that supports the dedicated AES instructions known as <a href="http://en.wikipedia.org/wiki/AES_instruction_set">AES-NI</a>. Most server-grade CPUs made in the last 5 years, such as Intel's Xeon line, support AES-NI. However, older virtualized servers and cloud servers often don't support these instructions. Amazon's M1 class of EC2 instances does not support AES-NI, whereas Amazon's <a href="http://aws.amazon.com/ec2/instance-types/">current class of M3 instances</a> do. If you are using a hosted service, check with your hosting provider about what TLS options they support and whether your hosting computer supports AES-NI.</p> In short, by configuring your web server to use AES ciphers and terminating your TLS connections on a machine with CPU with support for AES-NI instructions, you can effectively mitigate the performance penalty of data encryption.</p> <h4>Optimization Checklist</h4> <ul style="text-align: justify;"> <li>Enable AES as your preferred cipher, following <a href="https://wiki.mozilla.org/Security/Server_Side_TLS">Mozilla's guidelines</a>.</li> <li>Verify that web server is running on a system with a CPU that supports AES-NI instructions.</li> </ul> Optimizing the TLS Handshake</h3> The TLS handshake is the process that the browser and server follow to decide how to communicate and create the secured connection. Some of the things that happen during the handshake are:</p> <ul style="text-align: justify;"> <li>Confirming the identity of the server, and possibly the client</li> <li>Telling each other what ciphers, signatures, and other options each party supports, and agreeing on which to use</li> <li>Creating and exchanging keys to be used later during data encryption</li> </ul> The TLS handshake is shown in this rather technical-looking diagram:</p> <center><img class="aligncenter" src="https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c02a6ae8.19272371.png" alt="handshake" width="1200" height="675" /></center><br/></p> Don't worry. While there are a lot of details in the diagram, the takeaway is that a full TLS handshake involves 2 round trips between the client and the server. Because of the <a href="http://zoompf.com/blog/2011/12/i-dont-care-how-big-yours-is">difference between latency and bandwidth</a>, a faster internet connection doesn't make these round trips any faster. This handshake will typically take between 250 milliseconds to half a second, but it can take longer.</p> At first, a half-second might not sound like a lot of time. The primary performance problem with the TLS handshake is not how long it takes, it is when the handshake happens. Since TLS handshakes are part of creating the secure connection, they have to happen before any data can be exchanged. Look at the waterfall diagram below: (if you need help, check out <a href="http://zoompf.com/blog/2013/10/x-ray-your-website-performance-a-beginners-guide-to-waterfall-charts">how to read a webpage waterfall chart.</a>)</p> <a href="https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c0b995b2.56964025.png"><center><img class="aligncenter" src="https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c0b995b2.56964025.png" alt="TLS head of line" width="951" height="455" /></center><br/></a></p> The TLS handshake, shown in purple for each step here, is adding 750 ms of delay to the time it takes to get the initial HTML page. In this example, getting the HTML page over TLS takes twice as long as getting the same page over an unencrypted connection! Worse, the browser can't do anything else until it gets this initial HTML page. It cannot be downloading other resources in parallel, like CSS files or images, because it hasn't gotten that initial HTML page telling them about the other resources. This is true with every secured webpage you visit: The browser is blocked from getting that first HTML response. Unfortunately, the TLS handshake increases the amount of time where the browser can't do anything, slowing down your site performance.</p> Also, remember the TLS handshakes happen at the start of every new HTTP connection. Since browsers download resources in parallel, this means that a visiting browser will create multiple TLS connections and have to wait for multiple handshakes to complete, even with visiting a single page!</p> Unfortunately, there is not a lot of extra or unnecessary data that we can optimize during the TLS handshake. The primary aspect we can optimize is the <em>"confirming the identity of the server"</em> step. To do this, the browser looks at something called the certificate chain.</p> The certificate chain</h3> When you visit <code>https://www.example.com</code>, how do you know you are really talking to <em>www.example.com</em>? TLS certificates solve this problem. You receive a certificate telling your browser <em>"yes, this is www.example.com. trust me."</em> But how do you know you can trust the certificate the server sent?</p> This is where the certificate chain comes in. Your certificate will be digitally signed by some other entity's certificate, which essentially says <em>"example.com is cool, I vouch for it, here is my certificate."</em>This is called an intermediate certificate. Browsers come with a built in a list of a thousand or so certificates that they trust. If the browser happens to trust this intermediate certificate, we are done. However, it's possible the browser doesn't trust your website's certificate, or the intermediate certificate.</p> What happens then? Simple! The browser will then look to see who signed the intermediate certificate, and who signed that one, and so on... Basically the browser will "walk" up this chain of certificates, seeing who is vouching for who, until it finds a certificate of someone it trusts from that built-in list mentioned above.</p> The certificate chain looks something like this:</p> <center><img class="aligncenter" src="https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c152a7a7.68453761.png" alt="cert-chain-app.zoompf.com" width="476" height="270" /></center><br/></p> Here we see a certificate for my website <code>app.zoompf.com</code>. My certificate was signed by the certificate by <em>"DigiCert Secure Server CA."</em> The browser does not trust this certificate since it's not in its pre-built list. However, the "DigiCert Secure Server CA" certificate was in turn signed by the "DigiCert Global Root CA" certificate, which is in that list and is thus trusted. So in this case, my certificate chain length is 3.</p> You can optimize your site performance by making this certificate chain as short as possible, since validating each certificate in the chain takes extra time. Additional certificates also means more data that has to be exchanged while establishing the secured connection. The browser might even need to make additional requests to download other immediate certificates, or to check that each certificate in the chain is still valid and hasn't been revoked.</p> <strong>When shopping for an TLS certificate, ask the vendor</strong>:</p> <ul style="text-align: justify;"> <li>What certificate will be used to sign your certificate, and how long will the certificate chain be?</li> <li>Will they include their intermediate certificate bundled with your certificate, so the browser won't have to wait downloading other certificates while walking up the certificate chain?</li> <li>Do they support <a href="http://en.wikipedia.org/wiki/OCSP_stapling">OCSP stapling</a>, to reduce the time needed to check for revoked certificates?</li> </ul> I recommend purchasing your certificate from a large, well known vendor. These tend to offer better support and features like OCSP. They are also more likely to have their root certificates trusted by the browser and thus have a shorter certificate chain length. You can learn more about <a href="http://zoompf.com/blog/2014/06/ssl-performance-diary-1-the-certificate-chain">how to test your certificate chain here.</a></p> Optimization checklist</h4> <ol style="text-align: justify;"> <li>Minimize the length of your certificate chain.</li> <li>Verify that any immediate certificates are bundled with your certificate.</li> <li>Get a certificate that supports OCSP, if possible.</li> </ol> Avoiding full TLS handshakes</h3> At its heart, the TLS handshake is about the client and the server verifying each other, agreeing on a common set of ciphers and security options, and then continuing the conversation using those options. It seems silly that a client and a server that have recently communicated before need to go through this full process over and over again. Imagine this scenario: You are visiting a blog like this one over TLS. Multiple TLS connections with multiple handshakes were made to download all the content. In a few minutes, you click a link to read a different page on this site, which causes your browser to do multiple TLS handshakes all over again.</p> This is where TLS session resumption comes in. Basically, TLS session resumption allows a client to say, <em>"Hey server, we communicated a little while ago and did so using the following TLS options... Is it OK to start talking again using those same options?"</em> <strong>This is a huge improvement</strong> on performance. A full TLS handshake requires 2 round trips to create the secure connection. TLS session resumptions allows us to do it with 1 round trip.</p> The great thing about session resumption is that it is basically a free short-cut. When the client asks the server, <em>"can we use these previously agreed upon settings?"</em>, it does so as part of the first round trip in setting up a full TLS handshake. If the server agrees, great, the short cut is followed and no further handshaking is necessary. If, for whatever reason, the server doesn't agree to the session resumption request, the TLS handshake continues as normal and completes in 2 round trips. There's no reason not to use session resumption.</p> There are 2 different mechanisms to implement TLS resumption. The first is <em>Session Identifiers</em> and the second is <em>Session Tickets</em>. They both do the same thing. The <a href="http://crypto.stackexchange.com/questions/15209/compare-rfc-5246-sessionid-re-use-versus-rfc-5077-session-resumption">difference between them</a> is primarily which side has to keep track of the previously agreed upon options. All web browsers support both, but some web servers, like Microsoft's IIS, only support session identifiers. Session identifiers are a slightly older mechanism, and can potentially expose your site to Denial of Service attacks. Enabling either session identifiers or sessions tickets is done via your web server configuration, and is quite easy. Consult with your administrator about getting these options enabled.</p> Optimization checklist</h4> <ol style="text-align: justify;"> <li>Enable TLS resumption on your web servers.</li> <li>If possible, avoid using session identifiers to reduce your exposure to Denial of Service attacks.</li> </ol> Other TLS Options</h3> There are several other TLS options and nuances we are glossing over: What asymmetric algorithm should you use? What key exchange protocol should you use? What key size should you use for your symmetric cipher? Should you be using <a href="http://en.wikipedia.org/wiki/Forward_secrecy">perfect forward secrecy</a>? These are important decisions from a security perspective, and everyone's needs are different. From a performance perspective, these are largely moot. It is best to leave these choices to whomever manages your server, or to follow advice from Mozilla on the page linked above.</p> Minimizing TLS handshakes altogether</h3> As we have seen, the TLS handshakes, while necessary, can have an impact on your performance:</p> <ul style="text-align: justify;"> <li>They can delay the download of critical responses like the initial HTML page.</li> <li>They can happen multiple times on a single page.</li> <li>There isn't much we can do to optimize them.</li> </ul> While session resumption can cut the delay of a TLS handshake in half, it is still best to avoid TLS handshakes altogether. You can do this by minimizing how many HTTP connections a browser makes when visiting your website. Luckily, many traditional front-end performance optimizations that you should be doing anyway can help. This makes front-end performance optimizations even more important on sites secured with TLS. <strong>Let's focus on 4 optimizations that are particularly relevant for sites using TLS</strong>.</p> 1. Persistent connections</h4> Persistent connections allow HTTP to make multiple requests over a single HTTP connection. Persistent connections allow the browser to load the page faster because it can make requests more quickly. But it can also cut down on the number of TLS handshakes. Consider this waterfall, which we looked at before:</p> <a href="https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c0b995b2.56964025.png"><center><img class="aligncenter" src="https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c0b995b2.56964025.png" alt="TLS head of line" width="951" height="455" /></center><br/></a></p> See how virtually every HTTP request has a purple section? This purple section is the TLS handshake. Why does it keep happening? Because the web server is explicitly closing the HTTP connection, and thus the underlying TLS connection, with every response. We can see this with the<code>Connection: close</code> response header, as shown below:</p> <center><img class="aligncenter" src="https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c1c0d9a4.24873739.png" alt="ssl-connection-close" width="619" height="358" /></center><br/></p> This is terrible for performance in general, but especially bad for a site using TLS. Your website should be using persistent connections.</p> 2. Domain sharding</h4> <a href="http://calendar.perfplanet.com/2013/reducing-domain-sharding/">Domain sharding</a> is a technique to trick a visiting browser into downloading resources from your website more quickly. It works by having a single web server with different hostnames. For example, your site might be named <code>example.com</code>, but configured to resolve the names <code>static1.example.com</code> and <code>static2.example.com</code> to the same server. Since browsers allow only a limited number of HTTP connections to a single hostname at the same time, using multiple hostnames trick the browser into downloading more content in parallel.</p> The problem with domain sharding is that the browser doesn't know that <code>example.com</code>, <code>static1.example.com</code>, and <code>static2.example.com</code> are all the same server. It will make new HTTP connections to each hostname, and have to do a full TLS handshake each time. In our example, we are potentially doing 3 times the number of TLS handshakes because of our sharded hostnames. Additionally, session resumption information for connections on one hostname cannot be used by connections to another hostname, even though under the covers all these names refer to the same server.</p> The net result is that increased number of TLS handshakes caused by domain sharding may offset any advantage gained from downloading more content in parallel. In fact, sharding a TLS-protected website might actually make it slower. This is especially true if you follow the next two pieces of advice, which will reduce the number of items that need to be requested at all.</p> 3. Combining CSS and JavaScript files</h4> <a href="https://developer.yahoo.com/performance/rules.html">Combining multiple CSS or JavaScript files</a> into one or two primary files is a huge front-end performance optimization. Browsers can download one 100 KB file faster than 10 10-KB files. The advantage for TLS sites is that if you are making fewer requests, you are less likely to need additional HTTP connections that will require a resumed or full TLS handshake.</p> 4. Caching resources</h4> The fastest request is one the browser doesn't have to make. Caching might be the best front-end performance optimization you can make. If I just visited your site, and I'm looking at a second page, there is no reason to download your logo a second time. If you don't use caching, the browser must check with your website if it is OK to use logo image it has previously downloaded. This is called a conditional request, and it's <a href="https://devcenter.heroku.com/articles/increasing-application-performance-with-http-cache-headers">bad for performance</a>. Because of the difference between bandwidth and latency, even if you don't actually download anything from the server, simple sending a request to ask if it is OK to use a logo takes almost as long as just downloading the logo again.</p> Conditional requests are bad for TLS. You are forcing the browser to create more HTTP connections, and thus perform more TLS handshakes, just to check if the content is still valid. Caching your static resources like images, CSS and JavaScript will have a big benefit and can prevent these additional connections.</p> Optimization checklist</h4> <ul style="text-align: justify;"> <li>Enable persistent connections. Ensure your application or CMS is not prematurely closing HTTP connections.</li> <li>Use tools like <a href="http://www.webpagetest.org/">WebPageTest</a> to see if domain sharding will actually improve performance for your TLS enabled website.</li> <li>Combine multiple JavaScrpt and CSS files into bundles where appropriate.</li> <li>Cache your static resources for 5 minutes, even if you don't have a file versioning system in place.</li> <li>If you have the infrastructure and processes in place, <a href="http://www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/">use far-future caching with a file versioning system</a> that changes the URLs of your resources when they change.</li> <li><a href="http://zoompf.com/free">Test your site</a> to ensure you are properly implementing front-end performance optimizations.</li> </ul> Summary</h3> Google is now favoring websites that are secured using TLS in search engine rankings. TLS can have an impact on performance and this article has shown you the steps you can take to minimize the impact.</p> The data encryption overhead for secure connections is largely a problem of the past, thanks to faster CPUs with built-in support for AES cipher operations. The TLS handshake can be optimized by keeping your certificate chain short by purchasing your certificate from a large, well known vendor whose signing certificates on the trusted list instead of web browser. You can speed up subsequent TLS handshakes by enabling session resumption on your server. You can avoid many TLS handshakes all together by implementing common front-end performance optimizations like persistent connections and caching, and avoiding tricks like domain sharding. You can also use <a href="http://zoompf.com/free">Zoompf's free performance report</a> to ensure your website is using AES and is properly implementing the suggested front-end performance optimizations.</p> In our next blog post we will discuss with intersection of security and performance that Google is creating with its new SPDY protocol.</p> <br>Posted from my blog <br><center>Original Link: https://techvhow.com/enabling-https-without-sacrificing-your-web-performance_1015/</center> |
| json metadata | {"community":"steempress","app":"steempress/1.4","image":[""],"tags":["certificate","cryptography","encryption","https","security"],"original_link":"https://techvhow.com/enabling-https-without-sacrificing-your-web-performance_1015/"} |
| Transaction Info | Block #28732059/Trx e71fe6402e24dd5c4feab6b80ade639d0f729fb3 |
View Raw JSON Data
{
"trx_id": "e71fe6402e24dd5c4feab6b80ade639d0f729fb3",
"block": 28732059,
"trx_in_block": 13,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-20T15:15:54",
"op": [
"comment",
{
"parent_author": "",
"parent_permlink": "certificate",
"author": "techvhow",
"permlink": "enablinghttpswithoutsacrificingyourwebperformance-hp3h81dz7c",
"title": "Enabling HTTPS Without Sacrificing Your Web Performance",
"body": "<center>https://techvhow.com/wp-content/uploads/2018/12/1_h-tWf5VhmWvQmF6dBHvkbQ.jpg</center> <br/><p>A fast website is a <a href=\"http://zoompf.com/business-case\">crucial component</a> of a great user experience. So much so that a few years ago Google announced that they were <a href=\"http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html\">using page load time as a factor in search engine rankings</a>. More recently, Google also announced that they would be <a href=\"http://googlewebmastercentral.blogspot.com/2014/08/https-as-ranking-signal.html\">favoring websites that use Transport Layer Security (TLS)</a> in its search rankings. TLS <a href=\"http://en.wikipedia.org/wiki/Transport_Layer_Security\">encrypts a website's traffic</a> preventing <a href=\"http://www.infosecurity-magazine.com/news/china-accused-mitm-attacks-against/\">other</a> <a href=\"https://www.nsa.gov/\">entities</a> from monitoring its communications. However, adding this protection introduces more complexity to your website and how it communicates with your visitors, potentially slowing things down and negatively affecting the user experience. In this blog post, I will show you how to implement TLS on your website while keeping it fast and responsive.</p>\r\n[click_to_tweet tweet=\"A fast #website is a crucial component of a great user experience (#UX). #Goolge used to use it in #page-ranking #algorithms.\" quote=\"A fast website is a crucial component of a great user experience. Goolge used to use it in page ranking algorithms.\" theme=\"style3\"]\r\n<h3>Conventions and disclaimers</h3>\r\nBefore we start, a quick note on naming. Beside TLS, you may have also heard the term SSL. <a href=\"http://en.wikipedia.org/wiki/Transport_Layer_Security\">SSL was the original encrypted connection protocol</a> created by Netscape in the mid '90s. TLS is the industry standard protocol that grew out of SSL and has continued to evolve and improve while development of SSL has ceased. In the past, SSL and TLS have been largely interchangeable terms. However, the final version of SSL, SSLv3, was <a href=\"http://en.wikipedia.org/wiki/POODLE\">recently found to be not secure</a>. All versions of SSL now have known security problems and no one should be using any version of SSL. To avoid confusion, we will not mention SSL again, and will talk exclusively about TLS.</p>\r\nAdditionally, while TLS does help protect your websites's visitors from eavesdroppers, it does not magically make your site <em>\"secure\"</em> from security flaws like <a href=\"http://en.wikipedia.org/wiki/Cross-site_scripting\">cross-site scripting</a> or <a href=\"http://en.wikipedia.org/wiki/SQL_injection\">SQL injection</a>. If you store personal data or conduct commerce through your website, you should explore <a href=\"http://en.wikipedia.org/wiki/Web_application_security\">more rigorous web application security options</a>.</p>\r\nFinally, any type of guide, tutorial, or how-to post on security is highly time sensitive. Attackers are constantly evolving and new attacks are always discovered. Advice about optimizing TLS performance from even 2 years ago, such as <a href=\"https://community.qualys.com/blogs/securitylabs/2013/03/19/rc4-in-tls-is-broken-now-what\">using RC4</a>, would today <a href=\"http://zoompf.com/blog/2012/09/explaining-the-crime-weakness-in-spdy-and-ssl\">leave your site unsecured</a>. You should always maintain vigilance and make sure you <a href=\"http://calendar.perfplanet.com/2011/advice-on-trusting-advice/\">trust your sources</a>.</p>\r\n\r\nTLS Areas that need TLC</h3>\r\nThere are 2 areas of TLS that can harbor performance problems:</p>\r\n\r\n<ol style=\"text-align: justify;\">\r\n <li><strong>Encrypting the data</strong>. Data sent back and forth between visiting web browsers and your web server must be encrypted and decrypted. If not configured properly, your page load times can become much slower than unencrypted traffic.</li>\r\n <li><strong>Establishing a secure connection</strong>. There are several steps that must occur before a browser establishes a secured connection to your website: identities must be confirmed, algorithms must be selected, and keys must be exchanged. This is known as the <em>TLS Handshake, </em>and it can have a significant impact on your site performance.</li>\r\n</ol>\r\nWe need to give each of these areas some Tender Loving Care (TLC) to optimize for performance. Let's discuss each in detail.</p>\r\n\r\nOptimizing Data Encryption</h3>\r\nWhen you use TLS, you are adding another 2 steps to the process of how a browser and web server communicate. The sender has to work to encrypt the data before transmitting it, and the receiver has to decrypt the data before it can process it. Since these operations are occurring on all of your web traffic all of the time, you want this exchange to be as efficient as possible.</p>\r\nThere are a <a href=\"https://www.openssl.org/docs/apps/ciphers.html#CIPHER_SUITE_NAMES\">large number of ciphers</a> that can be used to perform this encryption/decryption. Some, such as 3DES, were originally designed to be <a href=\"http://en.wikipedia.org/wiki/Data_Encryption_Standard#Description\">implemented in hardware</a> and can perform slowly when implemented in software on your computer or phone's browser. Others, such as AES, are so popular that CPU makers like Intel have added <a href=\"http://en.wikipedia.org/wiki/AES_instruction_set\">dedicated instructions</a> to their chips to make them run faster.</p>\r\nA decade ago, TLS data encryption added significant overhead. Today, <a href=\"http://en.wikipedia.org/wiki/Moore%27s_law\">Moore's law</a> and dedicated support for certain ciphers in CPUs has <a href=\"https://istlsfastyet.com/\">essentially eliminated this overhead</a>, provided you select the right cipher. The consensus from both security engineers and administrators that run large TLS websites is <a href=\"https://wiki.mozilla.org/Security/Server_Side_TLS#Prioritization_logic\">to use AES, with 128 bit keys</a>. We can see from the chart below that AES running on a CPU that supports built-in AES instructions (denoted by the label AES-NI) is by far the fastest cipher you can use.</p>\r\n<center><img class=\"aligncenter\" src=\"https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2bf460046.93030219.png\" alt=\"chart\" width=\"709\" height=\"709\" /></center><br/></p>\r\nSpecifying which cipher and options to use can be quite challenging and intimidating. Luckily, Mozilla<a href=\"https://wiki.mozilla.org/Security/Server_Side_TLS\">maintains an excellent page</a> with example cipher configurations to ensure fast and secure connections. These example configurations work with all browsers, and they default to using the faster algorithms like AES. These are constantly updated when new security threats come out, and I highly suggest following their guidance.</p>\r\nAs mentioned, to get the most out of AES, your web server will need to use a CPU that supports the dedicated AES instructions known as <a href=\"http://en.wikipedia.org/wiki/AES_instruction_set\">AES-NI</a>. Most server-grade CPUs made in the last 5 years, such as Intel's Xeon line, support AES-NI. However, older virtualized servers and cloud servers often don't support these instructions. Amazon's M1 class of EC2 instances does not support AES-NI, whereas Amazon's <a href=\"http://aws.amazon.com/ec2/instance-types/\">current class of M3 instances</a> do. If you are using a hosted service, check with your hosting provider about what TLS options they support and whether your hosting computer supports AES-NI.</p>\r\nIn short, by configuring your web server to use AES ciphers and terminating your TLS connections on a machine with CPU with support for AES-NI instructions, you can effectively mitigate the performance penalty of data encryption.</p>\r\n\r\n<h4>Optimization Checklist</h4>\r\n<ul style=\"text-align: justify;\">\r\n <li>Enable AES as your preferred cipher, following <a href=\"https://wiki.mozilla.org/Security/Server_Side_TLS\">Mozilla's guidelines</a>.</li>\r\n <li>Verify that web server is running on a system with a CPU that supports AES-NI instructions.</li>\r\n</ul>\r\nOptimizing the TLS Handshake</h3>\r\nThe TLS handshake is the process that the browser and server follow to decide how to communicate and create the secured connection. Some of the things that happen during the handshake are:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>Confirming the identity of the server, and possibly the client</li>\r\n <li>Telling each other what ciphers, signatures, and other options each party supports, and agreeing on which to use</li>\r\n <li>Creating and exchanging keys to be used later during data encryption</li>\r\n</ul>\r\nThe TLS handshake is shown in this rather technical-looking diagram:</p>\r\n<center><img class=\"aligncenter\" src=\"https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c02a6ae8.19272371.png\" alt=\"handshake\" width=\"1200\" height=\"675\" /></center><br/></p>\r\nDon't worry. While there are a lot of details in the diagram, the takeaway is that a full TLS handshake involves 2 round trips between the client and the server. Because of the <a href=\"http://zoompf.com/blog/2011/12/i-dont-care-how-big-yours-is\">difference between latency and bandwidth</a>, a faster internet connection doesn't make these round trips any faster. This handshake will typically take between 250 milliseconds to half a second, but it can take longer.</p>\r\nAt first, a half-second might not sound like a lot of time. The primary performance problem with the TLS handshake is not how long it takes, it is when the handshake happens. Since TLS handshakes are part of creating the secure connection, they have to happen before any data can be exchanged. Look at the waterfall diagram below: (if you need help, check out <a href=\"http://zoompf.com/blog/2013/10/x-ray-your-website-performance-a-beginners-guide-to-waterfall-charts\">how to read a webpage waterfall chart.</a>)</p>\r\n<a href=\"https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c0b995b2.56964025.png\"><center><img class=\"aligncenter\" src=\"https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c0b995b2.56964025.png\" alt=\"TLS head of line\" width=\"951\" height=\"455\" /></center><br/></a></p>\r\nThe TLS handshake, shown in purple for each step here, is adding 750 ms of delay to the time it takes to get the initial HTML page. In this example, getting the HTML page over TLS takes twice as long as getting the same page over an unencrypted connection! Worse, the browser can't do anything else until it gets this initial HTML page. It cannot be downloading other resources in parallel, like CSS files or images, because it hasn't gotten that initial HTML page telling them about the other resources. This is true with every secured webpage you visit: The browser is blocked from getting that first HTML response. Unfortunately, the TLS handshake increases the amount of time where the browser can't do anything, slowing down your site performance.</p>\r\nAlso, remember the TLS handshakes happen at the start of every new HTTP connection. Since browsers download resources in parallel, this means that a visiting browser will create multiple TLS connections and have to wait for multiple handshakes to complete, even with visiting a single page!</p>\r\nUnfortunately, there is not a lot of extra or unnecessary data that we can optimize during the TLS handshake. The primary aspect we can optimize is the <em>\"confirming the identity of the server\"</em> step. To do this, the browser looks at something called the certificate chain.</p>\r\n\r\nThe certificate chain</h3>\r\nWhen you visit <code>https://www.example.com</code>, how do you know you are really talking to <em>www.example.com</em>? TLS certificates solve this problem. You receive a certificate telling your browser <em>\"yes, this is www.example.com. trust me.\"</em> But how do you know you can trust the certificate the server sent?</p>\r\nThis is where the certificate chain comes in. Your certificate will be digitally signed by some other entity's certificate, which essentially says <em>\"example.com is cool, I vouch for it, here is my certificate.\"</em>This is called an intermediate certificate. Browsers come with a built in a list of a thousand or so certificates that they trust. If the browser happens to trust this intermediate certificate, we are done. However, it's possible the browser doesn't trust your website's certificate, or the intermediate certificate.</p>\r\nWhat happens then? Simple! The browser will then look to see who signed the intermediate certificate, and who signed that one, and so on... Basically the browser will \"walk\" up this chain of certificates, seeing who is vouching for who, until it finds a certificate of someone it trusts from that built-in list mentioned above.</p>\r\nThe certificate chain looks something like this:</p>\r\n<center><img class=\"aligncenter\" src=\"https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c152a7a7.68453761.png\" alt=\"cert-chain-app.zoompf.com\" width=\"476\" height=\"270\" /></center><br/></p>\r\nHere we see a certificate for my website <code>app.zoompf.com</code>. My certificate was signed by the certificate by <em>\"DigiCert Secure Server CA.\"</em> The browser does not trust this certificate since it's not in its pre-built list. However, the \"DigiCert Secure Server CA\" certificate was in turn signed by the \"DigiCert Global Root CA\" certificate, which is in that list and is thus trusted. So in this case, my certificate chain length is 3.</p>\r\nYou can optimize your site performance by making this certificate chain as short as possible, since validating each certificate in the chain takes extra time. Additional certificates also means more data that has to be exchanged while establishing the secured connection. The browser might even need to make additional requests to download other immediate certificates, or to check that each certificate in the chain is still valid and hasn't been revoked.</p>\r\n<strong>When shopping for an TLS certificate, ask the vendor</strong>:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>What certificate will be used to sign your certificate, and how long will the certificate chain be?</li>\r\n <li>Will they include their intermediate certificate bundled with your certificate, so the browser won't have to wait downloading other certificates while walking up the certificate chain?</li>\r\n <li>Do they support <a href=\"http://en.wikipedia.org/wiki/OCSP_stapling\">OCSP stapling</a>, to reduce the time needed to check for revoked certificates?</li>\r\n</ul>\r\nI recommend purchasing your certificate from a large, well known vendor. These tend to offer better support and features like OCSP. They are also more likely to have their root certificates trusted by the browser and thus have a shorter certificate chain length. You can learn more about <a href=\"http://zoompf.com/blog/2014/06/ssl-performance-diary-1-the-certificate-chain\">how to test your certificate chain here.</a></p>\r\n\r\nOptimization checklist</h4>\r\n<ol style=\"text-align: justify;\">\r\n <li>Minimize the length of your certificate chain.</li>\r\n <li>Verify that any immediate certificates are bundled with your certificate.</li>\r\n <li>Get a certificate that supports OCSP, if possible.</li>\r\n</ol>\r\nAvoiding full TLS handshakes</h3>\r\nAt its heart, the TLS handshake is about the client and the server verifying each other, agreeing on a common set of ciphers and security options, and then continuing the conversation using those options. It seems silly that a client and a server that have recently communicated before need to go through this full process over and over again. Imagine this scenario: You are visiting a blog like this one over TLS. Multiple TLS connections with multiple handshakes were made to download all the content. In a few minutes, you click a link to read a different page on this site, which causes your browser to do multiple TLS handshakes all over again.</p>\r\nThis is where TLS session resumption comes in. Basically, TLS session resumption allows a client to say, <em>\"Hey server, we communicated a little while ago and did so using the following TLS options... Is it OK to start talking again using those same options?\"</em> <strong>This is a huge improvement</strong> on performance. A full TLS handshake requires 2 round trips to create the secure connection. TLS session resumptions allows us to do it with 1 round trip.</p>\r\nThe great thing about session resumption is that it is basically a free short-cut. When the client asks the server, <em>\"can we use these previously agreed upon settings?\"</em>, it does so as part of the first round trip in setting up a full TLS handshake. If the server agrees, great, the short cut is followed and no further handshaking is necessary. If, for whatever reason, the server doesn't agree to the session resumption request, the TLS handshake continues as normal and completes in 2 round trips. There's no reason not to use session resumption.</p>\r\nThere are 2 different mechanisms to implement TLS resumption. The first is <em>Session Identifiers</em> and the second is <em>Session Tickets</em>. They both do the same thing. The <a href=\"http://crypto.stackexchange.com/questions/15209/compare-rfc-5246-sessionid-re-use-versus-rfc-5077-session-resumption\">difference between them</a> is primarily which side has to keep track of the previously agreed upon options. All web browsers support both, but some web servers, like Microsoft's IIS, only support session identifiers. Session identifiers are a slightly older mechanism, and can potentially expose your site to Denial of Service attacks. Enabling either session identifiers or sessions tickets is done via your web server configuration, and is quite easy. Consult with your administrator about getting these options enabled.</p>\r\n\r\nOptimization checklist</h4>\r\n<ol style=\"text-align: justify;\">\r\n <li>Enable TLS resumption on your web servers.</li>\r\n <li>If possible, avoid using session identifiers to reduce your exposure to Denial of Service attacks.</li>\r\n</ol>\r\nOther TLS Options</h3>\r\nThere are several other TLS options and nuances we are glossing over: What asymmetric algorithm should you use? What key exchange protocol should you use? What key size should you use for your symmetric cipher? Should you be using <a href=\"http://en.wikipedia.org/wiki/Forward_secrecy\">perfect forward secrecy</a>? These are important decisions from a security perspective, and everyone's needs are different. From a performance perspective, these are largely moot. It is best to leave these choices to whomever manages your server, or to follow advice from Mozilla on the page linked above.</p>\r\n\r\nMinimizing TLS handshakes altogether</h3>\r\nAs we have seen, the TLS handshakes, while necessary, can have an impact on your performance:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>They can delay the download of critical responses like the initial HTML page.</li>\r\n <li>They can happen multiple times on a single page.</li>\r\n <li>There isn't much we can do to optimize them.</li>\r\n</ul>\r\nWhile session resumption can cut the delay of a TLS handshake in half, it is still best to avoid TLS handshakes altogether. You can do this by minimizing how many HTTP connections a browser makes when visiting your website. Luckily, many traditional front-end performance optimizations that you should be doing anyway can help. This makes front-end performance optimizations even more important on sites secured with TLS. <strong>Let's focus on 4 optimizations that are particularly relevant for sites using TLS</strong>.</p>\r\n\r\n1. Persistent connections</h4>\r\nPersistent connections allow HTTP to make multiple requests over a single HTTP connection. Persistent connections allow the browser to load the page faster because it can make requests more quickly. But it can also cut down on the number of TLS handshakes. Consider this waterfall, which we looked at before:</p>\r\n<a href=\"https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c0b995b2.56964025.png\"><center><img class=\"aligncenter\" src=\"https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c0b995b2.56964025.png\" alt=\"TLS head of line\" width=\"951\" height=\"455\" /></center><br/></a></p>\r\nSee how virtually every HTTP request has a purple section? This purple section is the TLS handshake. Why does it keep happening? Because the web server is explicitly closing the HTTP connection, and thus the underlying TLS connection, with every response. We can see this with the<code>Connection: close</code> response header, as shown below:</p>\r\n<center><img class=\"aligncenter\" src=\"https://d2v4zi8pl64nxt.cloudfront.net/enabling-https-without-sacrificing-your-web-performance/544ff2c1c0d9a4.24873739.png\" alt=\"ssl-connection-close\" width=\"619\" height=\"358\" /></center><br/></p>\r\nThis is terrible for performance in general, but especially bad for a site using TLS. Your website should be using persistent connections.</p>\r\n\r\n2. Domain sharding</h4>\r\n<a href=\"http://calendar.perfplanet.com/2013/reducing-domain-sharding/\">Domain sharding</a> is a technique to trick a visiting browser into downloading resources from your website more quickly. It works by having a single web server with different hostnames. For example, your site might be named <code>example.com</code>, but configured to resolve the names <code>static1.example.com</code> and <code>static2.example.com</code> to the same server. Since browsers allow only a limited number of HTTP connections to a single hostname at the same time, using multiple hostnames trick the browser into downloading more content in parallel.</p>\r\nThe problem with domain sharding is that the browser doesn't know that <code>example.com</code>, <code>static1.example.com</code>, and <code>static2.example.com</code> are all the same server. It will make new HTTP connections to each hostname, and have to do a full TLS handshake each time. In our example, we are potentially doing 3 times the number of TLS handshakes because of our sharded hostnames. Additionally, session resumption information for connections on one hostname cannot be used by connections to another hostname, even though under the covers all these names refer to the same server.</p>\r\nThe net result is that increased number of TLS handshakes caused by domain sharding may offset any advantage gained from downloading more content in parallel. In fact, sharding a TLS-protected website might actually make it slower. This is especially true if you follow the next two pieces of advice, which will reduce the number of items that need to be requested at all.</p>\r\n\r\n3. Combining CSS and JavaScript files</h4>\r\n<a href=\"https://developer.yahoo.com/performance/rules.html\">Combining multiple CSS or JavaScript files</a> into one or two primary files is a huge front-end performance optimization. Browsers can download one 100 KB file faster than 10 10-KB files. The advantage for TLS sites is that if you are making fewer requests, you are less likely to need additional HTTP connections that will require a resumed or full TLS handshake.</p>\r\n\r\n4. Caching resources</h4>\r\nThe fastest request is one the browser doesn't have to make. Caching might be the best front-end performance optimization you can make. If I just visited your site, and I'm looking at a second page, there is no reason to download your logo a second time. If you don't use caching, the browser must check with your website if it is OK to use logo image it has previously downloaded. This is called a conditional request, and it's <a href=\"https://devcenter.heroku.com/articles/increasing-application-performance-with-http-cache-headers\">bad for performance</a>. Because of the difference between bandwidth and latency, even if you don't actually download anything from the server, simple sending a request to ask if it is OK to use a logo takes almost as long as just downloading the logo again.</p>\r\nConditional requests are bad for TLS. You are forcing the browser to create more HTTP connections, and thus perform more TLS handshakes, just to check if the content is still valid. Caching your static resources like images, CSS and JavaScript will have a big benefit and can prevent these additional connections.</p>\r\n\r\nOptimization checklist</h4>\r\n<ul style=\"text-align: justify;\">\r\n <li>Enable persistent connections. Ensure your application or CMS is not prematurely closing HTTP connections.</li>\r\n <li>Use tools like <a href=\"http://www.webpagetest.org/\">WebPageTest</a> to see if domain sharding will actually improve performance for your TLS enabled website.</li>\r\n <li>Combine multiple JavaScrpt and CSS files into bundles where appropriate.</li>\r\n <li>Cache your static resources for 5 minutes, even if you don't have a file versioning system in place.</li>\r\n <li>If you have the infrastructure and processes in place, <a href=\"http://www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/\">use far-future caching with a file versioning system</a> that changes the URLs of your resources when they change.</li>\r\n <li><a href=\"http://zoompf.com/free\">Test your site</a> to ensure you are properly implementing front-end performance optimizations.</li>\r\n</ul>\r\nSummary</h3>\r\nGoogle is now favoring websites that are secured using TLS in search engine rankings. TLS can have an impact on performance and this article has shown you the steps you can take to minimize the impact.</p>\r\nThe data encryption overhead for secure connections is largely a problem of the past, thanks to faster CPUs with built-in support for AES cipher operations. The TLS handshake can be optimized by keeping your certificate chain short by purchasing your certificate from a large, well known vendor whose signing certificates on the trusted list instead of web browser. You can speed up subsequent TLS handshakes by enabling session resumption on your server. You can avoid many TLS handshakes all together by implementing common front-end performance optimizations like persistent connections and caching, and avoiding tricks like domain sharding. You can also use <a href=\"http://zoompf.com/free\">Zoompf's free performance report</a> to ensure your website is using AES and is properly implementing the suggested front-end performance optimizations.</p>\r\nIn our next blog post we will discuss with intersection of security and performance that Google is creating with its new SPDY protocol.</p> <br>Posted from my blog\r\n<br><center>Original Link: https://techvhow.com/enabling-https-without-sacrificing-your-web-performance_1015/</center> ",
"json_metadata": "{\"community\":\"steempress\",\"app\":\"steempress/1.4\",\"image\":[\"\"],\"tags\":[\"certificate\",\"cryptography\",\"encryption\",\"https\",\"security\"],\"original_link\":\"https://techvhow.com/enabling-https-without-sacrificing-your-web-performance_1015/\"}"
}
]
}2018/12/19 17:39:42
2018/12/19 17:39:42
| voter | iflagtrash |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 2 (0.02%) |
| Transaction Info | Block #28706158/Trx 72e26e755ba7c627ad6f34671cb4d8eb4e64de0b |
View Raw JSON Data
{
"trx_id": "72e26e755ba7c627ad6f34671cb4d8eb4e64de0b",
"block": 28706158,
"trx_in_block": 11,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:42",
"op": [
"vote",
{
"voter": "iflagtrash",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 2
}
]
}2018/12/19 17:39:42
2018/12/19 17:39:42
| voter | randomthoughts |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 2 (0.02%) |
| Transaction Info | Block #28706158/Trx 72e26e755ba7c627ad6f34671cb4d8eb4e64de0b |
View Raw JSON Data
{
"trx_id": "72e26e755ba7c627ad6f34671cb4d8eb4e64de0b",
"block": 28706158,
"trx_in_block": 11,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:42",
"op": [
"vote",
{
"voter": "randomthoughts",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 2
}
]
}2018/12/19 17:39:42
2018/12/19 17:39:42
| voter | engagement |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 2 (0.02%) |
| Transaction Info | Block #28706158/Trx 72e26e755ba7c627ad6f34671cb4d8eb4e64de0b |
View Raw JSON Data
{
"trx_id": "72e26e755ba7c627ad6f34671cb4d8eb4e64de0b",
"block": 28706158,
"trx_in_block": 11,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:42",
"op": [
"vote",
{
"voter": "engagement",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 2
}
]
}2018/12/19 17:39:42
2018/12/19 17:39:42
| voter | ngc |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 2 (0.02%) |
| Transaction Info | Block #28706158/Trx 72e26e755ba7c627ad6f34671cb4d8eb4e64de0b |
View Raw JSON Data
{
"trx_id": "72e26e755ba7c627ad6f34671cb4d8eb4e64de0b",
"block": 28706158,
"trx_in_block": 11,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:42",
"op": [
"vote",
{
"voter": "ngc",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 2
}
]
}2018/12/19 17:39:42
2018/12/19 17:39:42
| voter | nextgencrypto |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 2 (0.02%) |
| Transaction Info | Block #28706158/Trx 72e26e755ba7c627ad6f34671cb4d8eb4e64de0b |
View Raw JSON Data
{
"trx_id": "72e26e755ba7c627ad6f34671cb4d8eb4e64de0b",
"block": 28706158,
"trx_in_block": 11,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:42",
"op": [
"vote",
{
"voter": "nextgencrypto",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 2
}
]
}2018/12/19 17:39:42
2018/12/19 17:39:42
| voter | thedelegator |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 2 (0.02%) |
| Transaction Info | Block #28706158/Trx 72e26e755ba7c627ad6f34671cb4d8eb4e64de0b |
View Raw JSON Data
{
"trx_id": "72e26e755ba7c627ad6f34671cb4d8eb4e64de0b",
"block": 28706158,
"trx_in_block": 11,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:42",
"op": [
"vote",
{
"voter": "thedelegator",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 2
}
]
}2018/12/19 17:39:42
2018/12/19 17:39:42
| voter | thecyclist |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 2 (0.02%) |
| Transaction Info | Block #28706158/Trx 72e26e755ba7c627ad6f34671cb4d8eb4e64de0b |
View Raw JSON Data
{
"trx_id": "72e26e755ba7c627ad6f34671cb4d8eb4e64de0b",
"block": 28706158,
"trx_in_block": 11,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:42",
"op": [
"vote",
{
"voter": "thecyclist",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 2
}
]
}2018/12/19 17:39:21
2018/12/19 17:39:21
| parent author | techvhow |
| parent permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| author | berniesanders |
| permlink | berniesanders-re-techvhowoneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| title | |
| body | I've given you an upvote and left you this amazing automated comment (since spamming the blockchain is now acceptable)!!<br><br><br>Vote for witness [nextgencrypto](https://steemconnect.com/sign/account-witness-vote?witness=nextgencrypto&approve=1)!! |
| json metadata | |
| Transaction Info | Block #28706151/Trx d92b0a2180ae9ec4a6477e07cc118dde85d91fa7 |
View Raw JSON Data
{
"trx_id": "d92b0a2180ae9ec4a6477e07cc118dde85d91fa7",
"block": 28706151,
"trx_in_block": 16,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:21",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"author": "berniesanders",
"permlink": "berniesanders-re-techvhowoneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"title": "",
"body": "I've given you an upvote and left you this amazing automated comment (since spamming the blockchain is now acceptable)!!<br><br><br>Vote for witness [nextgencrypto](https://steemconnect.com/sign/account-witness-vote?witness=nextgencrypto&approve=1)!!",
"json_metadata": ""
}
]
}2018/12/19 17:39:21
2018/12/19 17:39:21
| voter | berniesanders |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 2 (0.02%) |
| Transaction Info | Block #28706151/Trx 11c90ec10a00008ad1ce5974f4e6faea1c4d95f0 |
View Raw JSON Data
{
"trx_id": "11c90ec10a00008ad1ce5974f4e6faea1c4d95f0",
"block": 28706151,
"trx_in_block": 8,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:39:21",
"op": [
"vote",
{
"voter": "berniesanders",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 2
}
]
}2018/12/19 17:00:03
2018/12/19 17:00:03
| parent author | techvhow |
| parent permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| author | cheetah |
| permlink | cheetah-re-techvhowoneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| title | |
| body | Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post! If you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ). |
| json metadata | |
| Transaction Info | Block #28705365/Trx 5756c493b6a3ac4e8781e553882b82b0912d2b9f |
View Raw JSON Data
{
"trx_id": "5756c493b6a3ac4e8781e553882b82b0912d2b9f",
"block": 28705365,
"trx_in_block": 7,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T17:00:03",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"author": "cheetah",
"permlink": "cheetah-re-techvhowoneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"title": "",
"body": "Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post!\nIf you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ).",
"json_metadata": ""
}
]
}2018/12/19 16:59:57
2018/12/19 16:59:57
| voter | cheetah |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | -8 (-0.08%) |
| Transaction Info | Block #28705363/Trx d40e7a52430092bd1dbe5afbe35150d9b45e37f9 |
View Raw JSON Data
{
"trx_id": "d40e7a52430092bd1dbe5afbe35150d9b45e37f9",
"block": 28705363,
"trx_in_block": 13,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T16:59:57",
"op": [
"vote",
{
"voter": "cheetah",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": -8
}
]
}2018/12/19 16:59:42
2018/12/19 16:59:42
| voter | techvhow |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| weight | 10000 (100.00%) |
| Transaction Info | Block #28705358/Trx 059ca249f05bad02df8fa476275637fd902b10bd |
View Raw JSON Data
{
"trx_id": "059ca249f05bad02df8fa476275637fd902b10bd",
"block": 28705358,
"trx_in_block": 25,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T16:59:42",
"op": [
"vote",
{
"voter": "techvhow",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"weight": 10000
}
]
}2018/12/19 16:59:42
2018/12/19 16:59:42
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| max accepted payout | 1000000.000 SBD |
| percent steem dollars | 10000 |
| allow votes | true |
| allow curation rewards | true |
| extensions | [[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]] |
| Transaction Info | Block #28705358/Trx 059ca249f05bad02df8fa476275637fd902b10bd |
View Raw JSON Data
{
"trx_id": "059ca249f05bad02df8fa476275637fd902b10bd",
"block": 28705358,
"trx_in_block": 25,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T16:59:42",
"op": [
"comment_options",
{
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"max_accepted_payout": "1000000.000 SBD",
"percent_steem_dollars": 10000,
"allow_votes": true,
"allow_curation_rewards": true,
"extensions": [
[
0,
{
"beneficiaries": [
{
"account": "steempress",
"weight": 1500
}
]
}
]
]
}
]
}2018/12/19 16:59:42
2018/12/19 16:59:42
| parent author | |
| parent permlink | mclarenedition |
| author | techvhow |
| permlink | oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m |
| title | OnePlus 6T McLaren Edition with Warp Charge 30, 10GB RAM launched in India at Rs 50,999 |
| body | <center>https://techvhow.com/wp-content/uploads/2018/12/8846956b1776abc712445e30bc7bb26ca957ec54.jpeg</center> <br/>Next day after the global unveiling, OnePlus has finally launched its OnePlus 6T McLaren Edition smartphone in India. The new smartphone adds to the company’s existing lineup of OnePlus 6T devices but brings some new features to the table. One of the most noticeable changes come with the new handset’s design, which features the signature McLaren Papaya Orange colour accent that wraps around the phone’s bottom edge, fading into the black glass panel. Additionally, the pattern underneath the glass rear panel of the device is said to be based on McLaren’s carbon fiber, which has been used in the automotive company’s cars since 1981. There’s also 10GB RAM to go with the tagline of speed and the company’s partnership with McLaren. <h2><strong>OnePlus 6T McLaren Edition Specifications and Features </strong></h2> OnePlus has also introduced Warp Charge 30 technology with the OnePlus 6T McLaren Edition. When using the new 30W charging tech, the company claims that the 3700mAh battery on the special edition phone will be topped to 50 percent in just 20 minutes. However, we will surely test if the device can actually last for an entire day under our tests. The phone’s charging cable also gets a new Papaya Orange colour and the device itself will feature exclusive software animations, which are tuned to McLaren’s unique style and history. Coming to the hardware, the phone features almost the same internals as the standard OnePlus 6T. It sports a 6.41-inch full-HD+ AMOLED display with a 19.5:9 aspect ratio and runs on the octa-core Qualcomm Snapdragon 845 SoC. It comes with 10GB LPDDR4X RAM and 256GB of onboard storage. The device sports an in-display fingerprint sensor and OnePlus says that it can unlock the phone in 0.34 seconds and it also gets faster over time. In terms of optics, the handset sports a dual camera on the back where with a 16MP Sony IMX519 sensor with f/1.7 aperture and the secondary 20MP Sony IMX376K sensor with f/1.7 aperture. The device’s main camera is capable of shooting 4K videos at 60fps and supports Super Slow Motion Video recording as well, at 720p at 480fps and 1080p at 240fps. It also comes with OIS and EIS support and has a dual-LED flash module. On the front is a 16MP Sony IMX371 sensor with a f/2.0 aperture. <h2><strong>OnePlus 6T McLaren Edition price, availability and launch offers</strong></h2> The OnePlus 6T McLaren Edition’s price is set at Rs 50,999 in India and it will be available for purchase via the OnePlus Experience Store in Delhi from tomorrow, December 13. For those who want to buy the device online, it will go up for sale via Amazon.in and OnePlus’ official website from December 15. Coming to launch offers, OnePlus has announced several offers on the occasion of its 5th-anniversary celebrations. Buyers will get to avail some offers between December 15 to 24 on the new McLaren Edition and on other variants of the OnePlus 6T. There is also a Rs 2,000 cashback on all EMI transactions carried out using Axis bank credit it or debit cards across all offline and online platforms. When purchasing the phone online, there's also up to six months no-cost EMI, along with an additional Rs 3,000 off on exchange of any old OnePlus handset and INR 2000 off on exchange of other devices on Amazon.in, oneplus.in and all OnePlus exclusive offline stores. <br>Posted from my blog <br><center>Original Link: https://techvhow.com/oneplus-6t-mclaren-edition-with-warp-charge-30-10gb-ram-launched-in-india-at-rs-50999_1012/</center> |
| json metadata | {"community":"steempress","app":"steempress/1.4","image":[""],"tags":["mclarenedition","mclareneditionprice","mclareneditionspecifications","oneplus","oneplus6t"],"original_link":"https://techvhow.com/oneplus-6t-mclaren-edition-with-warp-charge-30-10gb-ram-launched-in-india-at-rs-50999_1012/"} |
| Transaction Info | Block #28705358/Trx 059ca249f05bad02df8fa476275637fd902b10bd |
View Raw JSON Data
{
"trx_id": "059ca249f05bad02df8fa476275637fd902b10bd",
"block": 28705358,
"trx_in_block": 25,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-19T16:59:42",
"op": [
"comment",
{
"parent_author": "",
"parent_permlink": "mclarenedition",
"author": "techvhow",
"permlink": "oneplus6tmclareneditionwithwarpcharge3010gbramlaunchedinindiaatrs50999-7hzhwxfq7m",
"title": "OnePlus 6T McLaren Edition with Warp Charge 30, 10GB RAM launched in India at Rs 50,999",
"body": "<center>https://techvhow.com/wp-content/uploads/2018/12/8846956b1776abc712445e30bc7bb26ca957ec54.jpeg</center> <br/>Next day after the global unveiling, OnePlus has finally launched its OnePlus 6T McLaren Edition smartphone in India. The new smartphone adds to the company’s existing lineup of OnePlus 6T devices but brings some new features to the table. One of the most noticeable changes come with the new handset’s design, which features the signature McLaren Papaya Orange colour accent that wraps around the phone’s bottom edge, fading into the black glass panel. Additionally, the pattern underneath the glass rear panel of the device is said to be based on McLaren’s carbon fiber, which has been used in the automotive company’s cars since 1981. There’s also 10GB RAM to go with the tagline of speed and the company’s partnership with McLaren.\r\n<h2><strong>OnePlus 6T McLaren Edition Specifications and Features </strong></h2>\r\nOnePlus has also introduced Warp Charge 30 technology with the OnePlus 6T McLaren Edition. When using the new 30W charging tech, the company claims that the 3700mAh battery on the special edition phone will be topped to 50 percent in just 20 minutes. However, we will surely test if the device can actually last for an entire day under our tests. The phone’s charging cable also gets a new Papaya Orange colour and the device itself will feature exclusive software animations, which are tuned to McLaren’s unique style and history.\r\n\r\nComing to the hardware, the phone features almost the same internals as the standard OnePlus 6T. It sports a 6.41-inch full-HD+ AMOLED display with a 19.5:9 aspect ratio and runs on the octa-core Qualcomm Snapdragon 845 SoC. It comes with 10GB LPDDR4X RAM and 256GB of onboard storage. The device sports an in-display fingerprint sensor and OnePlus says that it can unlock the phone in 0.34 seconds and it also gets faster over time.\r\n\r\nIn terms of optics, the handset sports a dual camera on the back where with a 16MP Sony IMX519 sensor with f/1.7 aperture and the secondary 20MP Sony IMX376K sensor with f/1.7 aperture. The device’s main camera is capable of shooting 4K videos at 60fps and supports Super Slow Motion Video recording as well, at 720p at 480fps and 1080p at 240fps. It also comes with OIS and EIS support and has a dual-LED flash module. On the front is a 16MP Sony IMX371 sensor with a f/2.0 aperture.\r\n<h2><strong>OnePlus 6T McLaren Edition price, availability and launch offers</strong></h2>\r\nThe OnePlus 6T McLaren Edition’s price is set at Rs 50,999 in India and it will be available for purchase via the OnePlus Experience Store in Delhi from tomorrow, December 13. For those who want to buy the device online, it will go up for sale via Amazon.in and OnePlus’ official website from December 15.\r\n\r\nComing to launch offers, OnePlus has announced several offers on the occasion of its 5th-anniversary celebrations. Buyers will get to avail some offers between December 15 to 24 on the new McLaren Edition and on other variants of the OnePlus 6T. There is also a Rs 2,000 cashback on all EMI transactions carried out using Axis bank credit it or debit cards across all offline and online platforms. When purchasing the phone online, there's also up to six months no-cost EMI, along with an additional Rs 3,000 off on exchange of any old OnePlus handset and INR 2000 off on exchange of other devices on Amazon.in, oneplus.in and all OnePlus exclusive offline stores. <br>Posted from my blog\r\n<br><center>Original Link: https://techvhow.com/oneplus-6t-mclaren-edition-with-warp-charge-30-10gb-ram-launched-in-india-at-rs-50999_1012/</center> ",
"json_metadata": "{\"community\":\"steempress\",\"app\":\"steempress/1.4\",\"image\":[\"\"],\"tags\":[\"mclarenedition\",\"mclareneditionprice\",\"mclareneditionspecifications\",\"oneplus\",\"oneplus6t\"],\"original_link\":\"https://techvhow.com/oneplus-6t-mclaren-edition-with-warp-charge-30-10gb-ram-launched-in-india-at-rs-50999_1012/\"}"
}
]
}raise-me-upupvoted (0.01%) @techvhow / 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua2018/12/18 16:44:42
raise-me-upupvoted (0.01%) @techvhow / 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua
2018/12/18 16:44:42
| voter | raise-me-up |
| author | techvhow |
| permlink | 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua |
| weight | 1 (0.01%) |
| Transaction Info | Block #28676299/Trx 4d83d6a4174e4c7746f1f3212d2cfce1051c3aa8 |
View Raw JSON Data
{
"trx_id": "4d83d6a4174e4c7746f1f3212d2cfce1051c3aa8",
"block": 28676299,
"trx_in_block": 12,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-18T16:44:42",
"op": [
"vote",
{
"voter": "raise-me-up",
"author": "techvhow",
"permlink": "12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua",
"weight": 1
}
]
}2018/12/18 16:31:15
2018/12/18 16:31:15
| parent author | techvhow |
| parent permlink | 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua |
| author | cheetah |
| permlink | cheetah-re-techvhow12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua |
| title | |
| body | Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post! If you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ). |
| json metadata | |
| Transaction Info | Block #28676031/Trx 5b7bd31888c2ef09e40349f12fa1d9ad65b6c5d5 |
View Raw JSON Data
{
"trx_id": "5b7bd31888c2ef09e40349f12fa1d9ad65b6c5d5",
"block": 28676031,
"trx_in_block": 1,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-18T16:31:15",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua",
"author": "cheetah",
"permlink": "cheetah-re-techvhow12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua",
"title": "",
"body": "Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post!\nIf you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ).",
"json_metadata": ""
}
]
}cheetahflagged (-0.08%) @techvhow / 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua2018/12/18 16:31:09
cheetahflagged (-0.08%) @techvhow / 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua
2018/12/18 16:31:09
| voter | cheetah |
| author | techvhow |
| permlink | 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua |
| weight | -8 (-0.08%) |
| Transaction Info | Block #28676029/Trx 710d01bfef49cac3ae2f1d8386b6f4cfb70783ab |
View Raw JSON Data
{
"trx_id": "710d01bfef49cac3ae2f1d8386b6f4cfb70783ab",
"block": 28676029,
"trx_in_block": 24,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-18T16:31:09",
"op": [
"vote",
{
"voter": "cheetah",
"author": "techvhow",
"permlink": "12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua",
"weight": -8
}
]
}techvhowupvoted (100.00%) @techvhow / 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua2018/12/18 16:30:57
techvhowupvoted (100.00%) @techvhow / 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua
2018/12/18 16:30:57
| voter | techvhow |
| author | techvhow |
| permlink | 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua |
| weight | 10000 (100.00%) |
| Transaction Info | Block #28676026/Trx 2394f844759360385d3d470f78ef9ba6f42e6422 |
View Raw JSON Data
{
"trx_id": "2394f844759360385d3d470f78ef9ba6f42e6422",
"block": 28676026,
"trx_in_block": 50,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-18T16:30:57",
"op": [
"vote",
{
"voter": "techvhow",
"author": "techvhow",
"permlink": "12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua",
"weight": 10000
}
]
}techvhowupdated options for 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua2018/12/18 16:30:57
techvhowupdated options for 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua
2018/12/18 16:30:57
| author | techvhow |
| permlink | 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua |
| max accepted payout | 1000000.000 SBD |
| percent steem dollars | 10000 |
| allow votes | true |
| allow curation rewards | true |
| extensions | [[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]] |
| Transaction Info | Block #28676026/Trx 2394f844759360385d3d470f78ef9ba6f42e6422 |
View Raw JSON Data
{
"trx_id": "2394f844759360385d3d470f78ef9ba6f42e6422",
"block": 28676026,
"trx_in_block": 50,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-18T16:30:57",
"op": [
"comment_options",
{
"author": "techvhow",
"permlink": "12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua",
"max_accepted_payout": "1000000.000 SBD",
"percent_steem_dollars": 10000,
"allow_votes": true,
"allow_curation_rewards": true,
"extensions": [
[
0,
{
"beneficiaries": [
{
"account": "steempress",
"weight": 1500
}
]
}
]
]
}
]
}techvhowpublished a new post: 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua2018/12/18 16:30:57
techvhowpublished a new post: 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua
2018/12/18 16:30:57
| parent author | |
| parent permlink | beaverbuilder |
| author | techvhow |
| permlink | 12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua |
| title | 12 Best Drag and Drop Page Builders for WordPress 2018 |
| body | <center>https://techvhow.com/wp-content/uploads/2018/12/pagebuildersandwich.jpg</center> <br/><div class="single-thumb" style="text-align: justify;">Drag and drop page builders have become immensely popular with WordPress users over the last couple of years. This should not come as a surprise.</div> <div class="content-inner"> <div class="entry-content"> <p>Page builders allow anyone to build stylish and professional looking articles and website designs using a user-friendly interface. It helps developers create pages quickly and helps beginners create stylish pages they could not create on their own.</p> As the name suggests, you can build pages using a drag and drop system. And since drag and drop page builders are WordPress plugins, they can be used with any WordPress theme.</p> The first solution I recall reviewing years ago was Visual Composer. It is still popular to this day, however the market has become a lot more competitive. This is, of course, great news for WordPress users.</p> [click_to_tweet tweet="The best drag and drop page builders that are available for the #WordPress platform" quote="The best drag and drop page builders that are available for the WordPress platform" theme="style3"] While the purpose of all of these page builders is the same (i.e. to help you create and style pages), they all work in different ways. It is down to you to determine which one fits your purpose.</p> Two key factors to look at are:</p> <ul style="text-align: justify;"> <li><strong>Modules</strong> – Drag and drop page builders offer their own unique modules (sometimes referred to as blocks, elements, or widgets). It is important that you choose a solution that has everything you need, whether that be tables, styling, media support, or whatever.</li> <li><strong>Interface</strong> – Many drag and drop builders take some time to understand how they work. However, some page builders with steep learning curves can prove to be the most efficient solution in the long term</li> </ul> In this article, I would like to share with you a collection of the best drag and drop page builders that are available for the WordPress platform.</p> <h2>1. BeaverBuilder</h2> <center><img class="aligncenter size-full wp-image-8198" src="https://cdn.athemes.com/wp-content/uploads/beaverbuilder.png" sizes="(max-width: 610px) 100vw, 610px" srcset="https://cdn.athemes.com/wp-content/uploads/beaverbuilder.png 610w, https://cdn.athemes.com/wp-content/uploads/beaverbuilder-320x121.png 320w" alt="BeaverBuilder" width="610" height="231" /></center><br/></p> Price: $99+</p> BeaverBuilder is a drag and drop page builder that comes with over 15 page templates to help you build pages. It also has native support for custom post types and for WooCommerce. An import and export tool is available for transferring layouts to other websites.</p> The plugin comes packaged with a complimentary WordPress theme. Over 20 responsive content modules are available and there is support for widgets and shortcodes too. This helps you insert any type of content into your website.</p> A standard license for BeaverBuilder costs $99 and can be used on an number of websites. The pro license retails at $199 and comes with the Beaver Builder theme. It also offers support for multisite.</p> <h3>Features</h3> <ul style="text-align: justify;"> <li>Live front-end editing</li> <li>Support for WordPress widgets and shortcodes</li> <li>Supports posts, pages, and custom post types</li> <li>Editor mode allows you to limit permissions of clients</li> <li>Uses a responsive design</li> <li>Support for WooCommerce, the translation plugin WPML, and WordPress Multisite (Pro and Agency plans)</li> <li>Built-in templating system</li> <li>Import and export functionality</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>User-interface loads quickly and is very simple to use</li> <li>WordPress widgets are supported</li> <li>Good variety of professionally designed predefined templates</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Content modules look quite plain</li> <li>No undo or redo buttons so if you want to undo a change, you need to revert back to the last save of your layout</li> <li>Many alternatives are cheaper to purchase</li> </ul> <strong>Rating: 8/10</strong></p> 2. Visual Composer</h2> <center><img class="aligncenter size-full wp-image-8223" src="https://cdn.athemes.com/wp-content/uploads/intense-site-builder.png" sizes="(max-width: 610px) 100vw, 610px" srcset="https://cdn.athemes.com/wp-content/uploads/intense-site-builder.png 610w, https://cdn.athemes.com/wp-content/uploads/intense-site-builder-239x180.png 239w" alt="Intense Site Builder" width="610" height="458" /></center><br/></p> Price – $34</p> Visual Composer is the best selling drag and drop page builder by a long way (it also holds the title of being the highest selling WordPress plugin on CodeCanyon). It is a feature packed page builder that allows you to style content in the frontend (i.e. your live website) or the backend (i.e. the post editor). The plugin is developer friendly and is responsive so all content looks great on mobile devices too.</p> Over 45 content modules are available in Visual Composer. This includes social media modules, post grids, media support, charts, and more. Widgets can be inserted into the content area too, which makes the possibilities of Visual Composer limitless. All modules can be styled using the included skin builder.</p> <center><img class="aligncenter size-full wp-image-8197" src="https://cdn.athemes.com/wp-content/uploads/visual-composer.png" sizes="(max-width: 610px) 100vw, 610px" srcset="https://cdn.athemes.com/wp-content/uploads/visual-composer.png 610w, https://cdn.athemes.com/wp-content/uploads/visual-composer-146x180.png 146w" alt="Visual Composer" width="610" height="750" /></center><br/></p> The core version of Visual Composer is fantastic, but you can extend it further by purchasing one of over 50 add ons that are available.</p> You may also consider the plugin Intense Site Builder, which retails at $30 on CodeCanyon. It offers 100+ shortcodes and 19 custom post types. 140+ animations and 5,000+ icons are also included.</p> Intense Site Builder does not use a drag and drop interface. However, if you have Visual Composer and Intense Site Builder installed, you can insert shortcodes from Intense Site Builder into the Visual Composer editor. It is a great way of extending the functionality of Visual Composer even further.</p> Features</h3> <ul style="text-align: justify;"> <li>Backend and frontend editor</li> <li>Good selection of content modules</li> <li>Intuitive templating system</li> <li>Stylish responsive design</li> <li>Support for posts, pages, and custom post types</li> <li>Support for Yoast SEO, WooCommerce, WordPress Multisite, translation plugins, and more</li> <li>Includes a versatile role manager and a shortcode mapper for third party shortcodes</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>Features a backend and frontend editor</li> <li>Boasts a huge amount of options, features, content modules, and premade layouts</li> <li>Support for over 150 unique Visual Composer addons greatly expands functionality</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Frontend editor is buggy</li> <li>The sheer amount of features makes the plugin feel bloated at times</li> <li>No native import and export functionality</li> </ul> <strong>Rating: 9/10</strong></p> 3. Divi Builder</h2> <center><img class="aligncenter size-full wp-image-268663" src="https://cdn.athemes.com/wp-content/uploads/divi-builder-1.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.athemes.com/wp-content/uploads/divi-builder-1.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/divi-builder-1-768x400.jpg 768w, https://cdn.athemes.com/wp-content/uploads/divi-builder-1-320x167.jpg 320w" alt="Divi Builder" width="1000" height="521" /></center><br/></p> Price: $89 Per Year for Elegant Themes Membership</p> Elegant Themes have always had a reputation for giving great value for money to their members. This continues to this day, however the company have changed their focus from releasing dozens of WordPress products every year to releasing just a few key products. This has allowed them to spend more time creating and refining their WordPress themes and plugins.</p> The end result of this change was Divi theme. Divi is one of the best selling all-in-one designs for WordPress. At the heart of Divi is a drag and drop page building feature called Divi Builder. Originally only available with Divi theme, Elegant Themes wisely released Divi Builder as a stand alone page builder in 2015.</p> Divi Builder contains over forty-six content modules. This includes pricing tables, post sliders, and email optin forms. The user-interface is displayed in your post editor and is really simple to understand. You can easily drag rows and columns into your page and you will find lots of useful options such as copy, paste, undo, and redo. You also have full control over margins and padding.</p> One of the best features of Divi Builder is the Divi library. It offers many pre-made layouts and it allows you to save layouts, sections, rows, and modules. These can then be used across your website.</p> Divi Builder is included in the Elegant Themes developer and lifetime access memberships. The developer license retails at $89 per year while the lifetime membership costs a one off fee of $249. Both licenses grant you access to all eighty-seven WordPress themes and six WordPress plugins.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend and backend editor</li> <li>Full responsive design</li> <li>Professional looking interface, content modules, and templates</li> <li>Support for posts, pages, and custom post types</li> <li>32 languages are supported</li> <li>Over 20 premade layouts are included</li> <li>Import and export functionality</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>Offers a backend editor and a frontend editor</li> <li>Beautifully designed interface, content modules, and templates</li> <li>Elegant Themes membership offers fantastic value for money</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>You are limited to the content modules available in Divi</li> <li>No option to buy Divi Builder on its own</li> <li>No way to remove data from the WordPress database when the plugin is deactivated</li> </ul> <strong>Rating: 9/10</strong></p> 4. Elementor Page Builder</h2> <center><img class="aligncenter size-full wp-image-571322" src="https://cdn.athemes.com/wp-content/uploads/elementor-interface.jpg" sizes="(max-width: 1200px) 100vw, 1200px" srcset="https://cdn.athemes.com/wp-content/uploads/elementor-interface.jpg 1200w, https://cdn.athemes.com/wp-content/uploads/elementor-interface-768x458.jpg 768w, https://cdn.athemes.com/wp-content/uploads/elementor-interface-302x180.jpg 302w, https://cdn.athemes.com/wp-content/uploads/elementor-interface-400x238.jpg 400w, https://cdn.athemes.com/wp-content/uploads/elementor-interface-540x322.jpg 540w" alt="Elementor User-Interface" width="1200" height="715" /></center><br/></p> Price: Free / $49+</p> Released in June 2016, Elementor has made a big impact in a short space of time by offering a feature set normally reserved to premium drag and drop page building solutions.</p> Elementor has a colourful user-interface that allows you to make changes to your website at the frontend. Twenty-eight elements are available in addition to the twelve default WordPress widgets. It supports third-party WordPress widgets too so you can use any of the thousands of widgets that are available for WordPress to add additional functionality.</p> The interface is easy to use and loads quickly and the included templating system lets you save your layouts and use them elsewhere on your website. Twenty premium templates are also included to help get you started.</p> Elementor Pro adds additional features such as a masonry layout, live custom CSS editing, support for WooCommerce, additional content modules for slides, MailChimp and Twitter, and a global option that lets you use a content module across multiple areas of your website. Pro users also get access to a host of professional templates.</p> A personal license for Elementor Pro retails at $49 and gives you one year of support and and updates. The business license costs $99 and increases support and updates from one website to three websites. The unlimited license that retails at $199 removes the website restriction.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend editing</li> <li>A mobile-friendly responsive design</li> <li>Built-in templating system that supports importing and exporting</li> <li>Support for posts, pages, and all custom post types</li> <li>Premade templates to help you get started</li> <li>Support for WooCommerce (Pro version) and translation plugins</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>An intuitive frontend editor that makes creating layouts a breeze</li> <li>Revision history lets you easily undo and redo changes</li> <li>Support for WordPress widgets</li> <li>Most major features are available in the free version</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Templating system needs to be refined</li> <li>No white label version available for developers</li> </ul> <strong>Rating: 9/10</strong></p> 5. Themify Builder</h2> <center><img class="aligncenter size-full wp-image-8199" src="https://cdn.athemes.com/wp-content/uploads/themify-builder1.png" sizes="(max-width: 610px) 100vw, 610px" srcset="https://cdn.athemes.com/wp-content/uploads/themify-builder1.png 610w, https://cdn.athemes.com/wp-content/uploads/themify-builder1-320x156.png 320w" alt="Themify Builder" width="610" height="298" /></center><br/></p> Price: $49</p> Themify Builder is a user-friendly drag and drop page builder that allows you to style content at the frontend or backend of your website. It offers a lot of tools for building pages quickly. Pre-built layouts allow you to quickly load a particular type of page and then modify it to suit your needs. Specific parts of a page can also be saved and used easily later and the import and export tool makes it easy to copy layouts to another website.</p> It has a lot of cool styling options such as video backgrounds, Google font support, and a wide range of animations. 16 content modules are available. This includes maps, sliders, videos, and portfolio items.</p> Themify Builder is responsive and developer friendly. It is available at $39 from Themify. 9 add ons are also available for the plugin that allow you to extend its functionality further.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend and backend editing</li> <li>Responsive design</li> <li>Over 40 predefined layouts</li> <li>Supports posts, pages, and custom post types</li> <li>Has support for major plugins such as WooCommerce, Yoast, WMPL, ~Contact Form 7, and more</li> <li>WordPress Multisite and localised languages are supported</li> <li>Uses its own built-in cache system to reduce server load and improve performance</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>Frontend editor and backend editor lets you edit pages wherever you like</li> <li>Interface has lots of useful features such as copy and paste, undo and redo, and import and export</li> <li>Features over 60 animations, a cool custom styling system, premade layouts and layouts designed by the community</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Not everyone will like the way the interface displays content modules at the bottom of the page</li> <li>The 22 additional content modules that are available for an additional $39 should be included in the core version</li> </ul> <strong>Rating: 8/10</strong></p> 6. ThriveThemes Content Builder</h2> <center><img class="aligncenter size-full wp-image-65473" src="https://cdn.athemes.com/wp-content/uploads/thrive-content-builder.jpg" sizes="(max-width: 610px) 100vw, 610px" srcset="https://cdn.athemes.com/wp-content/uploads/thrive-content-builder.jpg 610w, https://cdn.athemes.com/wp-content/uploads/thrive-content-builder-313x180.jpg 313w" alt="ThriveThemes Content Builder" width="610" height="351" /></center><br/></p> Price: $67+</p> ThriveThemes Content Builder is a quality frontend drag and drop builder that has a user-friendly editor. It was developed specifically for online marketers, therefore it has a lot of unique features.</p> A total of twelve content elements are available in Content Builder. All of these content elements are designed to help you create landing pages and sales pages. Elements include opt-in forms, video embedding, countdown timer, and a visual table builder.</p> The plugin can also be used to create home pages, professional blog posts, video pages, contact form pages, and more.</p> A single license for Content Builder retails at $67 and comes with unlimited updates and one year of support. A five license pack will set you back $97 while a fifteen license pack costs $147. If you want to use the plugin on your own websites and client's websites, you need to upgrade to the agency license at $588 per year ($47 per month).</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend editing</li> <li>Mobile-friendly responsive design</li> <li>Boasts many marketing features such as call to action boxes, lead generation tools and landing pages builder</li> <li>Built-in template system lets you save and load layouts</li> <li>Content module sidebar simplifies selecting style of modules</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>Features many unique content modules</li> <li>Comes packaged with its own suite of landing pages</li> <li>Revision history and undo and redo buttons makes correcting changes a breeze</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Plugin does not adhere to the GNU General Public License and cannot be used until you enter your license information</li> <li>Very few settings</li> <li>Lacks advanced features that are provided with other drag and drop page builders</li> </ul> <strong>Rating: 6/10</strong></p> 7. MotoPress</h2> <center><img class="aligncenter size-full wp-image-8202" src="https://cdn.athemes.com/wp-content/uploads/motopress.png" sizes="(max-width: 610px) 100vw, 610px" srcset="https://cdn.athemes.com/wp-content/uploads/motopress.png 610w, https://cdn.athemes.com/wp-content/uploads/motopress-300x135.png 300w, https://cdn.athemes.com/wp-content/uploads/motopress-320x142.png 320w" alt="MotoPress" width="610" height="272" /></center><br/></p> Price – Free / $29+</p> MotoPress is an easy to use drag and drop page builder that has responsive layouts that look good on any device. The plugin also supports custom post types.</p> Once you launch the MotoPress content editor, your post editor will be replaced with a visual interface that allows you select from up to six different categories. 20 modules, such as post grids, Google Maps, and sharing buttons, are available in the first five categories. The last category allows you to insert widgets.</p> A personal license for MotoPress costs $29 and offers support and updates for one year for one website. The business license costs $79 supports up yo five websites and the developer license at $139 supports unlimited websites</p> For more information about MotoPress, check out my recent review.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend editing</li> <li>Mobile-friendly responsive design</li> <li>Supports posts, pages and custom post types (MotoPress Pro only)</li> <li>30+ content modules</li> <li>Premium addons available that extend functionality further</li> <li>Style builder</li> <li>Predefined layouts</li> <li>Support for WordPress Multisite, WordPress translation plugins, WooCommerce, and more</li> <li>Available in 11 languages</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>Frontend user interface is fast loading and easy to use</li> <li>All content modules and most functionality is available in the free version of the plugin</li> <li>Only $28 to upgrade to MotoPress Pro</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Only default WordPress widgets are supported; widgets added from WordPress plugins are not made available</li> <li>The six predefined layouts that are provided are only available when your page is blank; they cannot be selected if your page has content</li> <li>Not as stylish as competing drag and drop page builders</li> </ul> <strong>Rating: 8/10</strong></p> 8. Page Builder by SiteOrigin</h2> <center><img class="size-full wp-image-8193 aligncenter" src="https://cdn.athemes.com/wp-content/uploads/siteorigin-panels.png" sizes="(max-width: 610px) 100vw, 610px" srcset="https://cdn.athemes.com/wp-content/uploads/siteorigin-panels.png 610w, https://cdn.athemes.com/wp-content/uploads/siteorigin-panels-320x140.png 320w" alt="Page Builder by SiteOrigin" width="610" height="267" /></center><br/></p> Price: Free</p> <a title="Page Builder by SiteOrigin" href="https://wordpress.org/plugins/siteorigin-panels/">Page Builder</a> is a fantastic free drag and drop page builder solution that helps you create multi row and multi column pages on your website.</p> The concept behind Page Builder is that you can use the plugin to insert WordPress widgets into your pages. Six basic widgets are included with the plugin to help you get started: Gallery, image, video, post loop, button, call to action, list, price box, animated image, and testimonial. A <a title="SiteOrigin Widgets Bundle" href="https://wordpress.org/plugins/so-widgets-bundle/" target="_blank" rel="noopener">SiteOrigin Widgets Bundle</a> can also be downloaded free of charge from WordPress.org to add more widgets to your disposal.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend and backend editing</li> <li>Responsive design</li> <li>Posts, pages, and custom post types are supported</li> <li>13 premade layouts included with plugin</li> <li>Selection of free themes are available that are optimised for Page Builder</li> <li>Supports 17 languages</li> <li>Free to download</li> <li>Premium addon bundle can be purchased for $29</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>Supports WordPress widgets</li> <li>History browser lets you undo changes easily</li> <li>Drag and drop interface runs smoothly</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Feels very basic compared to other alternatives</li> <li>Only a small selection of content modules (widgets) are provided with the core version of the plugin</li> <li>Not as many styling options are other drag and drop page builders</li> </ul> <strong>Rating: 6/10</strong></p> <a title="Live Composer" href="http://livecomposerplugin.com/" target="_blank" rel="noopener">9. Live Composer</a></h2> <center><img class="aligncenter size-full wp-image-8204" src="https://cdn.athemes.com/wp-content/uploads/livecomposer.png" sizes="(max-width: 610px) 100vw, 610px" srcset="https://cdn.athemes.com/wp-content/uploads/livecomposer.png 610w, https://cdn.athemes.com/wp-content/uploads/livecomposer-300x135.png 300w, https://cdn.athemes.com/wp-content/uploads/livecomposer-320x144.png 320w" alt="Live Composer" width="610" height="275" /></center><br/></p> Price: Free</p> <a title="Live Composer" href="http://livecomposerplugin.com/" target="_blank" rel="noopener">Live Composer</a> is a beautiful responsive drag and drop page builder that allows you to style pages using a frontend editor. The main editor is displayed at the bottom of each page. From here you can style your page, insert modules, and load and save templates. Once you are familiar with the interface, you will be able to create complex pages in minutes.</p> Over 30 content modules are available including an accordion post box, sliders, galleries, and comments. Widgets can also be inserted into the page. Modules can be used to build dedicated pages such as blog indexes, staff pages, and testimonial pages.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend editing</li> <li>Mobile-friendly responsive design</li> <li>Colourful user-interface</li> <li>Over 30 content modules are included</li> <li>Built-in templating system lets you save, load, import and export</li> <li>10 premade layouts provided with plugin</li> <li>WordPress widgets can be inserted with the use of sidebars</li> <li>100% free to download and use</li> <li>Small selection of extensions and designs available at very low prices (some are free)</li> <li>Sections, layouts, and pages, can be imported and exported</li> <li>Role manage and feature control lets you dictate what users can use features</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>Uses a quick loading colourful design</li> <li>Apart from a few affordable extensions, all functionality is available is available in this free to download WordPress plugin</li> <li>Support is provided free of charge with priority support available at $9 per ticket</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>An advertisement bar with affiliate links and news is displayed at the bottom of the live editor</li> <li>No options to uninstall plugin data</li> </ul> <strong>Rating: 8/10</strong></p> 10. Page Builder Sandwich</h2> <center><img class="aligncenter size-full wp-image-269516" src="https://cdn.athemes.com/wp-content/uploads/pagebuildersandwich.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.athemes.com/wp-content/uploads/pagebuildersandwich.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/pagebuildersandwich-768x528.jpg 768w, https://cdn.athemes.com/wp-content/uploads/pagebuildersandwich-262x180.jpg 262w" alt="Page Builder Sandwich" width="1000" height="688" /></center><br/></p> Price: Free / $39+</p> The bizarrely named Page Builder Sandwich is a premium frontend page builder solution that offers theme customisation and content building features.</p> The frontend editor lets you easily adjust styling such as text formatting and rows and columns. Where it falls behind many other page building solutions is its lack of built-in content modules. There are only around a dozen basic content modules including a table, carousel, and newsletter. Thankfully, the plugin supports widgets, which puts thousands of possible content options at your disposal.</p> Page Builder Sandwich is competitively priced. The personal license retails for $39 per year and gives support and updates for one year. Opting for the premium license at $89 per year allows support and updates for an unlimited number of websites.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend editing</li> <li>Mobile-friendly responsive design</li> <li>Supports posts, pages and custom post types</li> <li>Unique interface that displays a WYSIWYG editor at all times to help you make quick edits</li> <li>Shortcodes and WordPress widgets supported</li> <li>Global shortcode mapping</li> <li>Four languages supported</li> <li>Pro version offers 10 page templates and over 40 premade sections</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>User interface runs smoothly and the fixed WYSIWYG editor lets you format your content easily</li> <li>Useful undo and redo buttons are provided</li> <li>Support for WordPress widgets helps you extend functionality of available content modules</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Free version offers very few content modules and no premade templates</li> <li>No templating system to allow you to use save layouts and use them in other areas of your website</li> <li>Lacks advanced functionality available in other drag and drop page builders</li> </ul> <strong>Rating: 7/10</strong></p> 11. Conductor</h2> <center><img class="aligncenter size-full wp-image-268679" src="https://cdn.athemes.com/wp-content/uploads/conductorplugin.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.athemes.com/wp-content/uploads/conductorplugin.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/conductorplugin-768x432.jpg 768w, https://cdn.athemes.com/wp-content/uploads/conductorplugin-320x180.jpg 320w" alt="Conductor Plugin" width="1000" height="562" /></center><br/></p> Price: From $99</p> Conductor is a fantastic WordPress plugin that works in conjunction with the WordPress theme customizer to allow you to make changes to the frontend of your website.</p> It can be used to change page layouts, modify the look of WordPress templates, and insert widgets into content. The plugin is more suited to customising themes than creating stylish pages, however there are add-ons available that allow you to add a slider, custom fields, and tables.</p> Pricing starts at $99 per year for a personal license. Upgrading to the professional license at $99 adds the Baton Pro WordPress theme and increases domain usage from 100 domains to unlimited. Baton Pro retails at $59 on its own so unless you need to use Conductor in over 100 domains, stick with the personal license.</p> The lifetime license offers the same features as the professional license, but by paying a one-off fee of $399 you never have to worry about renewals again.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend editing</li> <li>Mobile-friendly responsive design</li> <li>Supports posts, pages, custom post types and custom fields</li> <li>Designed specifically for WordPress professionals</li> <li>Works with the WordPress theme customizer</li> <li>Several integration addons provided for AgentPress, WooCommerce, Easy Digital Downloads, and more</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>Lots of advanced developer features not found in other drag and drop page solutions</li> <li>A query builder is included to help build complex queries</li> <li>Uninstall option provided in the settings area to let you remove all plugin data</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Designed for WordPress developers, not end users, so not everyone will like the way Conductor works</li> <li>You are limited to using WordPress widgets as no custom content modules are provided</li> </ul> <strong>Rating: 7/10</strong></p> <a title="Forge" href="https://wordpress.org/plugins/forge/" target="_blank" rel="noopener">12. Forge</a></h2> <center><img class="aligncenter size-full wp-image-269517" src="https://cdn.athemes.com/wp-content/uploads/forge-page-builder.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.athemes.com/wp-content/uploads/forge-page-builder.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/forge-page-builder-768x431.jpg 768w, https://cdn.athemes.com/wp-content/uploads/forge-page-builder-320x180.jpg 320w" alt="Forge Page Builder" width="1000" height="561" /></center><br/></p> Price: Free / $39+</p> Forge is a versatile frontend drag and drop page builder that can be downloaded free from WordPress.org. It features a number of useful responsive content modules such as a featured block, login form, and pricing tables. Import and export functionality is provided to help you transfer content and designs between different websites.</p> Whilst Forge is free to download, you need to pay to unlock all of its features. The advanced elements add-on that retails from $24 adds a further thirty content modules. You can also add a global templating system from $19 and a layout library from $29. All of these add-ons are available as a bundle for $59.</p> Please note that the prices stated above are for a single website license. You need to pay more for a license for two to three websites and for an unlimited website license.</p> Features</h3> <ul style="text-align: justify;"> <li>Frontend editing</li> <li>Mobile-friendly responsive design</li> <li>Built-in templating system lets you save and load layouts</li> <li>Layouts can be imported and exported at any time</li> <li>Over 30 content modules are available if you purchase the pro version of Forge</li> <li>Pro version also adds premade layouts</li> </ul> Pros</h3> <ul style="text-align: justify;"> <li>The user-interface works really well with all content modules displayed on the left-hand side of the page</li> <li>Undo and redo functionality means that you can quickly switch back between changes</li> <li>WordPress widgets and sidebars can be inserted into the canvas area</li> </ul> Cons</h3> <ul style="text-align: justify;"> <li>Free version provides very few content modules</li> <li>No premade layouts provided in the free version</li> <li>No role manager means that you have no control over what features are available to users</li> </ul> <strong>Rating: 7/10</strong></p> <hr /> Theme Page Builders vs Plugin Page Builders</h2> Ten years ago it was popular for theme developers to include content shortcodes in their theme. These shortcodes could be used to insert tables, add columns, style content, and more. It was a user-friendly way of letting WordPress users make their websites more professional.</p> One of the themes that helped push this idea forward was Headway. The theme featured a drag and drop layout creator that allowed you to easily create your own custom layouts. Without a doubt, earlier theme page builders such as Headway were a source of inspiration for all-in-one themes such as Divi.</p> <center><img class="aligncenter size-full wp-image-269754" src="https://cdn.athemes.com/wp-content/uploads/headway-theme.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.athemes.com/wp-content/uploads/headway-theme.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/headway-theme-768x502.jpg 768w, https://cdn.athemes.com/wp-content/uploads/headway-theme-276x180.jpg 276w" alt="Headway" width="1000" height="653" /></center><br/></p> All page builders and content styling solutions are developed in a unique way. This means that the code used to create content with one solution is different to another. For example, one developer may use the shortcode [ cols ] for adding columns to a page, whilst another developer may use [ columns ]. There is no agreed upon standard for shortcodes within the WordPress community so the code that is used is decided by the developer.</p> The problem with using theme page builders and theme content shortcodes is that all custom styling is tied to the theme itself. If you later decide to use another WordPress design, all of the custom styling you created will be lost.</p> In contrast, if you customise your website using a plugin page builder, any custom styling you add to blog posts and pages will remain when you change design.</p> This explains why theme page building solutions have become less common over the last few years and the market for plugin page builders has exploded.</p> If you create unique pages using a plugin, you can change your WordPress theme as many times as you wish and the content will not be altered.</p> Please be aware, however, that styling your website using a plugin page builder has some limitations too. For example, if you use a plugin page builder to change your website header, the layout will be affected if you change WordPress theme (though as noted previously, custom styling added to content will be unaffected).</p> Changing your page building solution means starting from scratch too. Therefore, if you had to style content for a year using Divi Builder and then decided to use Visual Composer instead, you would have to re-apply all of the styling you added previously as there is no way to transfer custom designs from one solution to another.</p> <center><img class="aligncenter size-full wp-image-269778" src="https://cdn.athemes.com/wp-content/uploads/divi-theme-1.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.athemes.com/wp-content/uploads/divi-theme-1.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/divi-theme-1-768x463.jpg 768w, https://cdn.athemes.com/wp-content/uploads/divi-theme-1-299x180.jpg 299w" alt="Divi Theme" width="1000" height="603" /></center><br/></p> Due to the reasons stated above, I believe that most WordPress users will find a plugin page building solution more suitable. I recommend looking closely at different page building solutions and then choosing one that fits your needs.</p> Choosing a plugin to style your content means that you can change your WordPress theme in the future with minimal inconvenience; though please be aware that plugin page builders are by no means perfect.</p> When developers create a plugin page builder, they need to spend a lot of time ensuring it works with every single WordPress theme. This can be a difficult task as every WordPress theme is coded differently.</p> With a theme page builder, the developer can cater the page building options specifically to their theme. This normally means less bugs and a more refined product.</p> Final Thoughts</h2> The developers of drag and drop page builders recognize the importance of testing their products before buying. That is why they provide demos of their plugins.</p> If you want to find the right solution for your project, you need to do the necessary research and spend time building a page using the plugin in question. This will help you see firsthand what the plugin can do:</p> You should therefore take advantage of the demos provided by developers and check whether:</p> <ul style="text-align: justify;"> <li>You understand the visual interface and like the way it works</li> <li>The plugin includes the modules you need</li> </ul> I realise it may be a pain to you to spend ten or fifteen minutes with each plugin to test whether a plugin is suitable, particularly when the many premium WordPress products come with a 30 day money back guarantee. However, it is better to spend some time testing a plugin beforehand than struggling with it afterwards and requesting a refund.</p> If you are looking to create landing pages on your website, I recommend checking out Thrive Landing Pages(premium), <a href="https://wordpress.org/plugins/landing-pages-builder/" target="_blank" rel="noopener">Landing Pages Builder</a> (free), <a title="Elementor Page Builder" href="https://wordpress.org/plugins/elementor/" target="_blank" rel="noopener">Elementor Page Builder</a> (Free), <a title="Parallax Gravity" href="https://wordpress.org/plugins/parallax-gravity-landing-page-builder/" target="_blank" rel="noopener">Parallax Gravity</a> (free and <a title="Pro" href="http://codecanyon.net/item/parallax-gravity-landing-page-builder/6899707?ref=athemez" target="_blank" rel="noopener">premium</a>), <a title="Parallax One Page Builder WordPress Plugin" href="http://codecanyon.net/item/parallax-one-page-builder-wordpress-plugin-/7255495?ref=athemez" target="_blank" rel="noopener">Parallax One Page Builder WordPress Plugin</a> (premium), and <a title="OptimizePress" href="http://www.optimizepress.com/" target="_blank" rel="noopener">OptimizePress</a>.</p> I hope you have enjoyed this look at WordPress drag and drop page builders. If so, I encourage you to subscribe to the aThemes newsletter <img class="emoji" draggable="false" src="https://s.w.org/images/core/emoji/11/svg/1f642.svg" alt="🙂" /><br/></p> Thanks, Danish M Mir</p> </div> </div> <br>Posted from my blog <br><center>Original Link: https://techvhow.com/12-best-drag-and-drop-page-builders-wordpress_1008/</center> |
| json metadata | {"community":"steempress","app":"steempress/1.4","image":[""],"tags":["beaverbuilder","divibuilder","draganddroppagebuilder","elementor","toptenpagebuilders"],"original_link":"https://techvhow.com/12-best-drag-and-drop-page-builders-wordpress_1008/"} |
| Transaction Info | Block #28676026/Trx 2394f844759360385d3d470f78ef9ba6f42e6422 |
View Raw JSON Data
{
"trx_id": "2394f844759360385d3d470f78ef9ba6f42e6422",
"block": 28676026,
"trx_in_block": 50,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-18T16:30:57",
"op": [
"comment",
{
"parent_author": "",
"parent_permlink": "beaverbuilder",
"author": "techvhow",
"permlink": "12bestdraganddroppagebuildersforwordpress2018-khy8bgi8ua",
"title": "12 Best Drag and Drop Page Builders for WordPress 2018",
"body": "<center>https://techvhow.com/wp-content/uploads/2018/12/pagebuildersandwich.jpg</center> <br/><div class=\"single-thumb\" style=\"text-align: justify;\">Drag and drop page builders have become immensely popular with WordPress users over the last couple of years. This should not come as a surprise.</div>\r\n<div class=\"content-inner\">\r\n<div class=\"entry-content\">\r\n<p>Page builders allow anyone to build stylish and professional looking articles and website designs using a user-friendly interface. It helps developers create pages quickly and helps beginners create stylish pages they could not create on their own.</p>\r\nAs the name suggests, you can build pages using a drag and drop system. And since drag and drop page builders are WordPress plugins, they can be used with any WordPress theme.</p>\r\nThe first solution I recall reviewing years ago was Visual Composer. It is still popular to this day, however the market has become a lot more competitive. This is, of course, great news for WordPress users.</p>\r\n[click_to_tweet tweet=\"The best drag and drop page builders that are available for the #WordPress platform\" quote=\"The best drag and drop page builders that are available for the WordPress platform\" theme=\"style3\"]\r\nWhile the purpose of all of these page builders is the same (i.e. to help you create and style pages), they all work in different ways. It is down to you to determine which one fits your purpose.</p>\r\nTwo key factors to look at are:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li><strong>Modules</strong> – Drag and drop page builders offer their own unique modules (sometimes referred to as blocks, elements, or widgets). It is important that you choose a solution that has everything you need, whether that be tables, styling, media support, or whatever.</li>\r\n <li><strong>Interface</strong> – Many drag and drop builders take some time to understand how they work. However, some page builders with steep learning curves can prove to be the most efficient solution in the long term</li>\r\n</ul>\r\nIn this article, I would like to share with you a collection of the best drag and drop page builders that are available for the WordPress platform.</p>\r\n\r\n<h2>1. BeaverBuilder</h2>\r\n<center><img class=\"aligncenter size-full wp-image-8198\" src=\"https://cdn.athemes.com/wp-content/uploads/beaverbuilder.png\" sizes=\"(max-width: 610px) 100vw, 610px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/beaverbuilder.png 610w, https://cdn.athemes.com/wp-content/uploads/beaverbuilder-320x121.png 320w\" alt=\"BeaverBuilder\" width=\"610\" height=\"231\" /></center><br/></p>\r\nPrice: $99+</p>\r\nBeaverBuilder is a drag and drop page builder that comes with over 15 page templates to help you build pages. It also has native support for custom post types and for WooCommerce. An import and export tool is available for transferring layouts to other websites.</p>\r\nThe plugin comes packaged with a complimentary WordPress theme. Over 20 responsive content modules are available and there is support for widgets and shortcodes too. This helps you insert any type of content into your website.</p>\r\nA standard license for BeaverBuilder costs $99 and can be used on an number of websites. The pro license retails at $199 and comes with the Beaver Builder theme. It also offers support for multisite.</p>\r\n\r\n<h3>Features</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Live front-end editing</li>\r\n <li>Support for WordPress widgets and shortcodes</li>\r\n <li>Supports posts, pages, and custom post types</li>\r\n <li>Editor mode allows you to limit permissions of clients</li>\r\n <li>Uses a responsive design</li>\r\n <li>Support for WooCommerce, the translation plugin WPML, and WordPress Multisite (Pro and Agency plans)</li>\r\n <li>Built-in templating system</li>\r\n <li>Import and export functionality</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>User-interface loads quickly and is very simple to use</li>\r\n <li>WordPress widgets are supported</li>\r\n <li>Good variety of professionally designed predefined templates</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Content modules look quite plain</li>\r\n <li>No undo or redo buttons so if you want to undo a change, you need to revert back to the last save of your layout</li>\r\n <li>Many alternatives are cheaper to purchase</li>\r\n</ul>\r\n<strong>Rating: 8/10</strong></p>\r\n\r\n2. Visual Composer</h2>\r\n<center><img class=\"aligncenter size-full wp-image-8223\" src=\"https://cdn.athemes.com/wp-content/uploads/intense-site-builder.png\" sizes=\"(max-width: 610px) 100vw, 610px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/intense-site-builder.png 610w, https://cdn.athemes.com/wp-content/uploads/intense-site-builder-239x180.png 239w\" alt=\"Intense Site Builder\" width=\"610\" height=\"458\" /></center><br/></p>\r\nPrice – $34</p>\r\nVisual Composer is the best selling drag and drop page builder by a long way (it also holds the title of being the highest selling WordPress plugin on CodeCanyon). It is a feature packed page builder that allows you to style content in the frontend (i.e. your live website) or the backend (i.e. the post editor). The plugin is developer friendly and is responsive so all content looks great on mobile devices too.</p>\r\nOver 45 content modules are available in Visual Composer. This includes social media modules, post grids, media support, charts, and more. Widgets can be inserted into the content area too, which makes the possibilities of Visual Composer limitless. All modules can be styled using the included skin builder.</p>\r\n<center><img class=\"aligncenter size-full wp-image-8197\" src=\"https://cdn.athemes.com/wp-content/uploads/visual-composer.png\" sizes=\"(max-width: 610px) 100vw, 610px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/visual-composer.png 610w, https://cdn.athemes.com/wp-content/uploads/visual-composer-146x180.png 146w\" alt=\"Visual Composer\" width=\"610\" height=\"750\" /></center><br/></p>\r\nThe core version of Visual Composer is fantastic, but you can extend it further by purchasing one of over 50 add ons that are available.</p>\r\nYou may also consider the plugin Intense Site Builder, which retails at $30 on CodeCanyon. It offers 100+ shortcodes and 19 custom post types. 140+ animations and 5,000+ icons are also included.</p>\r\nIntense Site Builder does not use a drag and drop interface. However, if you have Visual Composer and Intense Site Builder installed, you can insert shortcodes from Intense Site Builder into the Visual Composer editor. It is a great way of extending the functionality of Visual Composer even further.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Backend and frontend editor</li>\r\n <li>Good selection of content modules</li>\r\n <li>Intuitive templating system</li>\r\n <li>Stylish responsive design</li>\r\n <li>Support for posts, pages, and custom post types</li>\r\n <li>Support for Yoast SEO, WooCommerce, WordPress Multisite, translation plugins, and more</li>\r\n <li>Includes a versatile role manager and a shortcode mapper for third party shortcodes</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Features a backend and frontend editor</li>\r\n <li>Boasts a huge amount of options, features, content modules, and premade layouts</li>\r\n <li>Support for over 150 unique Visual Composer addons greatly expands functionality</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editor is buggy</li>\r\n <li>The sheer amount of features makes the plugin feel bloated at times</li>\r\n <li>No native import and export functionality</li>\r\n</ul>\r\n<strong>Rating: 9/10</strong></p>\r\n\r\n3. Divi Builder</h2>\r\n<center><img class=\"aligncenter size-full wp-image-268663\" src=\"https://cdn.athemes.com/wp-content/uploads/divi-builder-1.jpg\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/divi-builder-1.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/divi-builder-1-768x400.jpg 768w, https://cdn.athemes.com/wp-content/uploads/divi-builder-1-320x167.jpg 320w\" alt=\"Divi Builder\" width=\"1000\" height=\"521\" /></center><br/></p>\r\nPrice: $89 Per Year for Elegant Themes Membership</p>\r\nElegant Themes have always had a reputation for giving great value for money to their members. This continues to this day, however the company have changed their focus from releasing dozens of WordPress products every year to releasing just a few key products. This has allowed them to spend more time creating and refining their WordPress themes and plugins.</p>\r\nThe end result of this change was Divi theme. Divi is one of the best selling all-in-one designs for WordPress. At the heart of Divi is a drag and drop page building feature called Divi Builder. Originally only available with Divi theme, Elegant Themes wisely released Divi Builder as a stand alone page builder in 2015.</p>\r\nDivi Builder contains over forty-six content modules. This includes pricing tables, post sliders, and email optin forms. The user-interface is displayed in your post editor and is really simple to understand. You can easily drag rows and columns into your page and you will find lots of useful options such as copy, paste, undo, and redo. You also have full control over margins and padding.</p>\r\nOne of the best features of Divi Builder is the Divi library. It offers many pre-made layouts and it allows you to save layouts, sections, rows, and modules. These can then be used across your website.</p>\r\nDivi Builder is included in the Elegant Themes developer and lifetime access memberships. The developer license retails at $89 per year while the lifetime membership costs a one off fee of $249. Both licenses grant you access to all eighty-seven WordPress themes and six WordPress plugins.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend and backend editor</li>\r\n <li>Full responsive design</li>\r\n <li>Professional looking interface, content modules, and templates</li>\r\n <li>Support for posts, pages, and custom post types</li>\r\n <li>32 languages are supported</li>\r\n <li>Over 20 premade layouts are included</li>\r\n <li>Import and export functionality</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Offers a backend editor and a frontend editor</li>\r\n <li>Beautifully designed interface, content modules, and templates</li>\r\n <li>Elegant Themes membership offers fantastic value for money</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>You are limited to the content modules available in Divi</li>\r\n <li>No option to buy Divi Builder on its own</li>\r\n <li>No way to remove data from the WordPress database when the plugin is deactivated</li>\r\n</ul>\r\n<strong>Rating: 9/10</strong></p>\r\n\r\n4. Elementor Page Builder</h2>\r\n<center><img class=\"aligncenter size-full wp-image-571322\" src=\"https://cdn.athemes.com/wp-content/uploads/elementor-interface.jpg\" sizes=\"(max-width: 1200px) 100vw, 1200px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/elementor-interface.jpg 1200w, https://cdn.athemes.com/wp-content/uploads/elementor-interface-768x458.jpg 768w, https://cdn.athemes.com/wp-content/uploads/elementor-interface-302x180.jpg 302w, https://cdn.athemes.com/wp-content/uploads/elementor-interface-400x238.jpg 400w, https://cdn.athemes.com/wp-content/uploads/elementor-interface-540x322.jpg 540w\" alt=\"Elementor User-Interface\" width=\"1200\" height=\"715\" /></center><br/></p>\r\nPrice: Free / $49+</p>\r\nReleased in June 2016, Elementor has made a big impact in a short space of time by offering a feature set normally reserved to premium drag and drop page building solutions.</p>\r\nElementor has a colourful user-interface that allows you to make changes to your website at the frontend. Twenty-eight elements are available in addition to the twelve default WordPress widgets. It supports third-party WordPress widgets too so you can use any of the thousands of widgets that are available for WordPress to add additional functionality.</p>\r\nThe interface is easy to use and loads quickly and the included templating system lets you save your layouts and use them elsewhere on your website. Twenty premium templates are also included to help get you started.</p>\r\nElementor Pro adds additional features such as a masonry layout, live custom CSS editing, support for WooCommerce, additional content modules for slides, MailChimp and Twitter, and a global option that lets you use a content module across multiple areas of your website. Pro users also get access to a host of professional templates.</p>\r\nA personal license for Elementor Pro retails at $49 and gives you one year of support and and updates. The business license costs $99 and increases support and updates from one website to three websites. The unlimited license that retails at $199 removes the website restriction.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editing</li>\r\n <li>A mobile-friendly responsive design</li>\r\n <li>Built-in templating system that supports importing and exporting</li>\r\n <li>Support for posts, pages, and all custom post types</li>\r\n <li>Premade templates to help you get started</li>\r\n <li>Support for WooCommerce (Pro version) and translation plugins</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>An intuitive frontend editor that makes creating layouts a breeze</li>\r\n <li>Revision history lets you easily undo and redo changes</li>\r\n <li>Support for WordPress widgets</li>\r\n <li>Most major features are available in the free version</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Templating system needs to be refined</li>\r\n <li>No white label version available for developers</li>\r\n</ul>\r\n<strong>Rating: 9/10</strong></p>\r\n\r\n5. Themify Builder</h2>\r\n<center><img class=\"aligncenter size-full wp-image-8199\" src=\"https://cdn.athemes.com/wp-content/uploads/themify-builder1.png\" sizes=\"(max-width: 610px) 100vw, 610px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/themify-builder1.png 610w, https://cdn.athemes.com/wp-content/uploads/themify-builder1-320x156.png 320w\" alt=\"Themify Builder\" width=\"610\" height=\"298\" /></center><br/></p>\r\nPrice: $49</p>\r\nThemify Builder is a user-friendly drag and drop page builder that allows you to style content at the frontend or backend of your website. It offers a lot of tools for building pages quickly. Pre-built layouts allow you to quickly load a particular type of page and then modify it to suit your needs. Specific parts of a page can also be saved and used easily later and the import and export tool makes it easy to copy layouts to another website.</p>\r\nIt has a lot of cool styling options such as video backgrounds, Google font support, and a wide range of animations. 16 content modules are available. This includes maps, sliders, videos, and portfolio items.</p>\r\nThemify Builder is responsive and developer friendly. It is available at $39 from Themify. 9 add ons are also available for the plugin that allow you to extend its functionality further.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend and backend editing</li>\r\n <li>Responsive design</li>\r\n <li>Over 40 predefined layouts</li>\r\n <li>Supports posts, pages, and custom post types</li>\r\n <li>Has support for major plugins such as WooCommerce, Yoast, WMPL, ~Contact Form 7, and more</li>\r\n <li>WordPress Multisite and localised languages are supported</li>\r\n <li>Uses its own built-in cache system to reduce server load and improve performance</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editor and backend editor lets you edit pages wherever you like</li>\r\n <li>Interface has lots of useful features such as copy and paste, undo and redo, and import and export</li>\r\n <li>Features over 60 animations, a cool custom styling system, premade layouts and layouts designed by the community</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Not everyone will like the way the interface displays content modules at the bottom of the page</li>\r\n <li>The 22 additional content modules that are available for an additional $39 should be included in the core version</li>\r\n</ul>\r\n<strong>Rating: 8/10</strong></p>\r\n\r\n6. ThriveThemes Content Builder</h2>\r\n<center><img class=\"aligncenter size-full wp-image-65473\" src=\"https://cdn.athemes.com/wp-content/uploads/thrive-content-builder.jpg\" sizes=\"(max-width: 610px) 100vw, 610px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/thrive-content-builder.jpg 610w, https://cdn.athemes.com/wp-content/uploads/thrive-content-builder-313x180.jpg 313w\" alt=\"ThriveThemes Content Builder\" width=\"610\" height=\"351\" /></center><br/></p>\r\nPrice: $67+</p>\r\nThriveThemes Content Builder is a quality frontend drag and drop builder that has a user-friendly editor. It was developed specifically for online marketers, therefore it has a lot of unique features.</p>\r\nA total of twelve content elements are available in Content Builder. All of these content elements are designed to help you create landing pages and sales pages. Elements include opt-in forms, video embedding, countdown timer, and a visual table builder.</p>\r\nThe plugin can also be used to create home pages, professional blog posts, video pages, contact form pages, and more.</p>\r\nA single license for Content Builder retails at $67 and comes with unlimited updates and one year of support. A five license pack will set you back $97 while a fifteen license pack costs $147. If you want to use the plugin on your own websites and client's websites, you need to upgrade to the agency license at $588 per year ($47 per month).</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editing</li>\r\n <li>Mobile-friendly responsive design</li>\r\n <li>Boasts many marketing features such as call to action boxes, lead generation tools and landing pages builder</li>\r\n <li>Built-in template system lets you save and load layouts</li>\r\n <li>Content module sidebar simplifies selecting style of modules</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Features many unique content modules</li>\r\n <li>Comes packaged with its own suite of landing pages</li>\r\n <li>Revision history and undo and redo buttons makes correcting changes a breeze</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Plugin does not adhere to the GNU General Public License and cannot be used until you enter your license information</li>\r\n <li>Very few settings</li>\r\n <li>Lacks advanced features that are provided with other drag and drop page builders</li>\r\n</ul>\r\n<strong>Rating: 6/10</strong></p>\r\n\r\n7. MotoPress</h2>\r\n<center><img class=\"aligncenter size-full wp-image-8202\" src=\"https://cdn.athemes.com/wp-content/uploads/motopress.png\" sizes=\"(max-width: 610px) 100vw, 610px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/motopress.png 610w, https://cdn.athemes.com/wp-content/uploads/motopress-300x135.png 300w, https://cdn.athemes.com/wp-content/uploads/motopress-320x142.png 320w\" alt=\"MotoPress\" width=\"610\" height=\"272\" /></center><br/></p>\r\nPrice – Free / $29+</p>\r\nMotoPress is an easy to use drag and drop page builder that has responsive layouts that look good on any device. The plugin also supports custom post types.</p>\r\nOnce you launch the MotoPress content editor, your post editor will be replaced with a visual interface that allows you select from up to six different categories. 20 modules, such as post grids, Google Maps, and sharing buttons, are available in the first five categories. The last category allows you to insert widgets.</p>\r\nA personal license for MotoPress costs $29 and offers support and updates for one year for one website. The business license costs $79 supports up yo five websites and the developer license at $139 supports unlimited websites</p>\r\nFor more information about MotoPress, check out my recent review.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editing</li>\r\n <li>Mobile-friendly responsive design</li>\r\n <li>Supports posts, pages and custom post types (MotoPress Pro only)</li>\r\n <li>30+ content modules</li>\r\n <li>Premium addons available that extend functionality further</li>\r\n <li>Style builder</li>\r\n <li>Predefined layouts</li>\r\n <li>Support for WordPress Multisite, WordPress translation plugins, WooCommerce, and more</li>\r\n <li>Available in 11 languages</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend user interface is fast loading and easy to use</li>\r\n <li>All content modules and most functionality is available in the free version of the plugin</li>\r\n <li>Only $28 to upgrade to MotoPress Pro</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Only default WordPress widgets are supported; widgets added from WordPress plugins are not made available</li>\r\n <li>The six predefined layouts that are provided are only available when your page is blank; they cannot be selected if your page has content</li>\r\n <li>Not as stylish as competing drag and drop page builders</li>\r\n</ul>\r\n<strong>Rating: 8/10</strong></p>\r\n\r\n8. Page Builder by SiteOrigin</h2>\r\n<center><img class=\"size-full wp-image-8193 aligncenter\" src=\"https://cdn.athemes.com/wp-content/uploads/siteorigin-panels.png\" sizes=\"(max-width: 610px) 100vw, 610px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/siteorigin-panels.png 610w, https://cdn.athemes.com/wp-content/uploads/siteorigin-panels-320x140.png 320w\" alt=\"Page Builder by SiteOrigin\" width=\"610\" height=\"267\" /></center><br/></p>\r\nPrice: Free</p>\r\n<a title=\"Page Builder by SiteOrigin\" href=\"https://wordpress.org/plugins/siteorigin-panels/\">Page Builder</a> is a fantastic free drag and drop page builder solution that helps you create multi row and multi column pages on your website.</p>\r\nThe concept behind Page Builder is that you can use the plugin to insert WordPress widgets into your pages. Six basic widgets are included with the plugin to help you get started: Gallery, image, video, post loop, button, call to action, list, price box, animated image, and testimonial. A <a title=\"SiteOrigin Widgets Bundle\" href=\"https://wordpress.org/plugins/so-widgets-bundle/\" target=\"_blank\" rel=\"noopener\">SiteOrigin Widgets Bundle</a> can also be downloaded free of charge from WordPress.org to add more widgets to your disposal.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend and backend editing</li>\r\n <li>Responsive design</li>\r\n <li>Posts, pages, and custom post types are supported</li>\r\n <li>13 premade layouts included with plugin</li>\r\n <li>Selection of free themes are available that are optimised for Page Builder</li>\r\n <li>Supports 17 languages</li>\r\n <li>Free to download</li>\r\n <li>Premium addon bundle can be purchased for $29</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Supports WordPress widgets</li>\r\n <li>History browser lets you undo changes easily</li>\r\n <li>Drag and drop interface runs smoothly</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Feels very basic compared to other alternatives</li>\r\n <li>Only a small selection of content modules (widgets) are provided with the core version of the plugin</li>\r\n <li>Not as many styling options are other drag and drop page builders</li>\r\n</ul>\r\n<strong>Rating: 6/10</strong></p>\r\n\r\n<a title=\"Live Composer\" href=\"http://livecomposerplugin.com/\" target=\"_blank\" rel=\"noopener\">9. Live Composer</a></h2>\r\n<center><img class=\"aligncenter size-full wp-image-8204\" src=\"https://cdn.athemes.com/wp-content/uploads/livecomposer.png\" sizes=\"(max-width: 610px) 100vw, 610px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/livecomposer.png 610w, https://cdn.athemes.com/wp-content/uploads/livecomposer-300x135.png 300w, https://cdn.athemes.com/wp-content/uploads/livecomposer-320x144.png 320w\" alt=\"Live Composer\" width=\"610\" height=\"275\" /></center><br/></p>\r\nPrice: Free</p>\r\n<a title=\"Live Composer\" href=\"http://livecomposerplugin.com/\" target=\"_blank\" rel=\"noopener\">Live Composer</a> is a beautiful responsive drag and drop page builder that allows you to style pages using a frontend editor. The main editor is displayed at the bottom of each page. From here you can style your page, insert modules, and load and save templates. Once you are familiar with the interface, you will be able to create complex pages in minutes.</p>\r\nOver 30 content modules are available including an accordion post box, sliders, galleries, and comments. Widgets can also be inserted into the page. Modules can be used to build dedicated pages such as blog indexes, staff pages, and testimonial pages.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editing</li>\r\n <li>Mobile-friendly responsive design</li>\r\n <li>Colourful user-interface</li>\r\n <li>Over 30 content modules are included</li>\r\n <li>Built-in templating system lets you save, load, import and export</li>\r\n <li>10 premade layouts provided with plugin</li>\r\n <li>WordPress widgets can be inserted with the use of sidebars</li>\r\n <li>100% free to download and use</li>\r\n <li>Small selection of extensions and designs available at very low prices (some are free)</li>\r\n <li>Sections, layouts, and pages, can be imported and exported</li>\r\n <li>Role manage and feature control lets you dictate what users can use features</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Uses a quick loading colourful design</li>\r\n <li>Apart from a few affordable extensions, all functionality is available is available in this free to download WordPress plugin</li>\r\n <li>Support is provided free of charge with priority support available at $9 per ticket</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>An advertisement bar with affiliate links and news is displayed at the bottom of the live editor</li>\r\n <li>No options to uninstall plugin data</li>\r\n</ul>\r\n<strong>Rating: 8/10</strong></p>\r\n\r\n10. Page Builder Sandwich</h2>\r\n<center><img class=\"aligncenter size-full wp-image-269516\" src=\"https://cdn.athemes.com/wp-content/uploads/pagebuildersandwich.jpg\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/pagebuildersandwich.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/pagebuildersandwich-768x528.jpg 768w, https://cdn.athemes.com/wp-content/uploads/pagebuildersandwich-262x180.jpg 262w\" alt=\"Page Builder Sandwich\" width=\"1000\" height=\"688\" /></center><br/></p>\r\nPrice: Free / $39+</p>\r\nThe bizarrely named Page Builder Sandwich is a premium frontend page builder solution that offers theme customisation and content building features.</p>\r\nThe frontend editor lets you easily adjust styling such as text formatting and rows and columns. Where it falls behind many other page building solutions is its lack of built-in content modules. There are only around a dozen basic content modules including a table, carousel, and newsletter. Thankfully, the plugin supports widgets, which puts thousands of possible content options at your disposal.</p>\r\nPage Builder Sandwich is competitively priced. The personal license retails for $39 per year and gives support and updates for one year. Opting for the premium license at $89 per year allows support and updates for an unlimited number of websites.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editing</li>\r\n <li>Mobile-friendly responsive design</li>\r\n <li>Supports posts, pages and custom post types</li>\r\n <li>Unique interface that displays a WYSIWYG editor at all times to help you make quick edits</li>\r\n <li>Shortcodes and WordPress widgets supported</li>\r\n <li>Global shortcode mapping</li>\r\n <li>Four languages supported</li>\r\n <li>Pro version offers 10 page templates and over 40 premade sections</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>User interface runs smoothly and the fixed WYSIWYG editor lets you format your content easily</li>\r\n <li>Useful undo and redo buttons are provided</li>\r\n <li>Support for WordPress widgets helps you extend functionality of available content modules</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Free version offers very few content modules and no premade templates</li>\r\n <li>No templating system to allow you to use save layouts and use them in other areas of your website</li>\r\n <li>Lacks advanced functionality available in other drag and drop page builders</li>\r\n</ul>\r\n<strong>Rating: 7/10</strong></p>\r\n\r\n11. Conductor</h2>\r\n<center><img class=\"aligncenter size-full wp-image-268679\" src=\"https://cdn.athemes.com/wp-content/uploads/conductorplugin.jpg\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/conductorplugin.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/conductorplugin-768x432.jpg 768w, https://cdn.athemes.com/wp-content/uploads/conductorplugin-320x180.jpg 320w\" alt=\"Conductor Plugin\" width=\"1000\" height=\"562\" /></center><br/></p>\r\nPrice: From $99</p>\r\nConductor is a fantastic WordPress plugin that works in conjunction with the WordPress theme customizer to allow you to make changes to the frontend of your website.</p>\r\nIt can be used to change page layouts, modify the look of WordPress templates, and insert widgets into content. The plugin is more suited to customising themes than creating stylish pages, however there are add-ons available that allow you to add a slider, custom fields, and tables.</p>\r\nPricing starts at $99 per year for a personal license. Upgrading to the professional license at $99 adds the Baton Pro WordPress theme and increases domain usage from 100 domains to unlimited. Baton Pro retails at $59 on its own so unless you need to use Conductor in over 100 domains, stick with the personal license.</p>\r\nThe lifetime license offers the same features as the professional license, but by paying a one-off fee of $399 you never have to worry about renewals again.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editing</li>\r\n <li>Mobile-friendly responsive design</li>\r\n <li>Supports posts, pages, custom post types and custom fields</li>\r\n <li>Designed specifically for WordPress professionals</li>\r\n <li>Works with the WordPress theme customizer</li>\r\n <li>Several integration addons provided for AgentPress, WooCommerce, Easy Digital Downloads, and more</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Lots of advanced developer features not found in other drag and drop page solutions</li>\r\n <li>A query builder is included to help build complex queries</li>\r\n <li>Uninstall option provided in the settings area to let you remove all plugin data</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Designed for WordPress developers, not end users, so not everyone will like the way Conductor works</li>\r\n <li>You are limited to using WordPress widgets as no custom content modules are provided</li>\r\n</ul>\r\n<strong>Rating: 7/10</strong></p>\r\n\r\n<a title=\"Forge\" href=\"https://wordpress.org/plugins/forge/\" target=\"_blank\" rel=\"noopener\">12. Forge</a></h2>\r\n<center><img class=\"aligncenter size-full wp-image-269517\" src=\"https://cdn.athemes.com/wp-content/uploads/forge-page-builder.jpg\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/forge-page-builder.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/forge-page-builder-768x431.jpg 768w, https://cdn.athemes.com/wp-content/uploads/forge-page-builder-320x180.jpg 320w\" alt=\"Forge Page Builder\" width=\"1000\" height=\"561\" /></center><br/></p>\r\nPrice: Free / $39+</p>\r\nForge is a versatile frontend drag and drop page builder that can be downloaded free from WordPress.org. It features a number of useful responsive content modules such as a featured block, login form, and pricing tables. Import and export functionality is provided to help you transfer content and designs between different websites.</p>\r\nWhilst Forge is free to download, you need to pay to unlock all of its features. The advanced elements add-on that retails from $24 adds a further thirty content modules. You can also add a global templating system from $19 and a layout library from $29. All of these add-ons are available as a bundle for $59.</p>\r\nPlease note that the prices stated above are for a single website license. You need to pay more for a license for two to three websites and for an unlimited website license.</p>\r\n\r\nFeatures</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Frontend editing</li>\r\n <li>Mobile-friendly responsive design</li>\r\n <li>Built-in templating system lets you save and load layouts</li>\r\n <li>Layouts can be imported and exported at any time</li>\r\n <li>Over 30 content modules are available if you purchase the pro version of Forge</li>\r\n <li>Pro version also adds premade layouts</li>\r\n</ul>\r\nPros</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>The user-interface works really well with all content modules displayed on the left-hand side of the page</li>\r\n <li>Undo and redo functionality means that you can quickly switch back between changes</li>\r\n <li>WordPress widgets and sidebars can be inserted into the canvas area</li>\r\n</ul>\r\nCons</h3>\r\n<ul style=\"text-align: justify;\">\r\n <li>Free version provides very few content modules</li>\r\n <li>No premade layouts provided in the free version</li>\r\n <li>No role manager means that you have no control over what features are available to users</li>\r\n</ul>\r\n<strong>Rating: 7/10</strong></p>\r\n\r\n\r\n<hr />\r\n\r\nTheme Page Builders vs Plugin Page Builders</h2>\r\nTen years ago it was popular for theme developers to include content shortcodes in their theme. These shortcodes could be used to insert tables, add columns, style content, and more. It was a user-friendly way of letting WordPress users make their websites more professional.</p>\r\nOne of the themes that helped push this idea forward was Headway. The theme featured a drag and drop layout creator that allowed you to easily create your own custom layouts. Without a doubt, earlier theme page builders such as Headway were a source of inspiration for all-in-one themes such as Divi.</p>\r\n<center><img class=\"aligncenter size-full wp-image-269754\" src=\"https://cdn.athemes.com/wp-content/uploads/headway-theme.jpg\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/headway-theme.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/headway-theme-768x502.jpg 768w, https://cdn.athemes.com/wp-content/uploads/headway-theme-276x180.jpg 276w\" alt=\"Headway\" width=\"1000\" height=\"653\" /></center><br/></p>\r\nAll page builders and content styling solutions are developed in a unique way. This means that the code used to create content with one solution is different to another. For example, one developer may use the shortcode [ cols ] for adding columns to a page, whilst another developer may use [ columns ]. There is no agreed upon standard for shortcodes within the WordPress community so the code that is used is decided by the developer.</p>\r\nThe problem with using theme page builders and theme content shortcodes is that all custom styling is tied to the theme itself. If you later decide to use another WordPress design, all of the custom styling you created will be lost.</p>\r\nIn contrast, if you customise your website using a plugin page builder, any custom styling you add to blog posts and pages will remain when you change design.</p>\r\nThis explains why theme page building solutions have become less common over the last few years and the market for plugin page builders has exploded.</p>\r\nIf you create unique pages using a plugin, you can change your WordPress theme as many times as you wish and the content will not be altered.</p>\r\nPlease be aware, however, that styling your website using a plugin page builder has some limitations too. For example, if you use a plugin page builder to change your website header, the layout will be affected if you change WordPress theme (though as noted previously, custom styling added to content will be unaffected).</p>\r\nChanging your page building solution means starting from scratch too. Therefore, if you had to style content for a year using Divi Builder and then decided to use Visual Composer instead, you would have to re-apply all of the styling you added previously as there is no way to transfer custom designs from one solution to another.</p>\r\n<center><img class=\"aligncenter size-full wp-image-269778\" src=\"https://cdn.athemes.com/wp-content/uploads/divi-theme-1.jpg\" sizes=\"(max-width: 1000px) 100vw, 1000px\" srcset=\"https://cdn.athemes.com/wp-content/uploads/divi-theme-1.jpg 1000w, https://cdn.athemes.com/wp-content/uploads/divi-theme-1-768x463.jpg 768w, https://cdn.athemes.com/wp-content/uploads/divi-theme-1-299x180.jpg 299w\" alt=\"Divi Theme\" width=\"1000\" height=\"603\" /></center><br/></p>\r\nDue to the reasons stated above, I believe that most WordPress users will find a plugin page building solution more suitable. I recommend looking closely at different page building solutions and then choosing one that fits your needs.</p>\r\nChoosing a plugin to style your content means that you can change your WordPress theme in the future with minimal inconvenience; though please be aware that plugin page builders are by no means perfect.</p>\r\nWhen developers create a plugin page builder, they need to spend a lot of time ensuring it works with every single WordPress theme. This can be a difficult task as every WordPress theme is coded differently.</p>\r\nWith a theme page builder, the developer can cater the page building options specifically to their theme. This normally means less bugs and a more refined product.</p>\r\n\r\nFinal Thoughts</h2>\r\nThe developers of drag and drop page builders recognize the importance of testing their products before buying. That is why they provide demos of their plugins.</p>\r\nIf you want to find the right solution for your project, you need to do the necessary research and spend time building a page using the plugin in question. This will help you see firsthand what the plugin can do:</p>\r\nYou should therefore take advantage of the demos provided by developers and check whether:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>You understand the visual interface and like the way it works</li>\r\n <li>The plugin includes the modules you need</li>\r\n</ul>\r\nI realise it may be a pain to you to spend ten or fifteen minutes with each plugin to test whether a plugin is suitable, particularly when the many premium WordPress products come with a 30 day money back guarantee. However, it is better to spend some time testing a plugin beforehand than struggling with it afterwards and requesting a refund.</p>\r\nIf you are looking to create landing pages on your website, I recommend checking out Thrive Landing Pages(premium), <a href=\"https://wordpress.org/plugins/landing-pages-builder/\" target=\"_blank\" rel=\"noopener\">Landing Pages Builder</a> (free), <a title=\"Elementor Page Builder\" href=\"https://wordpress.org/plugins/elementor/\" target=\"_blank\" rel=\"noopener\">Elementor Page Builder</a> (Free), <a title=\"Parallax Gravity\" href=\"https://wordpress.org/plugins/parallax-gravity-landing-page-builder/\" target=\"_blank\" rel=\"noopener\">Parallax Gravity</a> (free and <a title=\"Pro\" href=\"http://codecanyon.net/item/parallax-gravity-landing-page-builder/6899707?ref=athemez\" target=\"_blank\" rel=\"noopener\">premium</a>), <a title=\"Parallax One Page Builder WordPress Plugin\" href=\"http://codecanyon.net/item/parallax-one-page-builder-wordpress-plugin-/7255495?ref=athemez\" target=\"_blank\" rel=\"noopener\">Parallax One Page Builder WordPress Plugin</a> (premium), and <a title=\"OptimizePress\" href=\"http://www.optimizepress.com/\" target=\"_blank\" rel=\"noopener\">OptimizePress</a>.</p>\r\nI hope you have enjoyed this look at WordPress drag and drop page builders. If so, I encourage you to subscribe to the aThemes newsletter <img class=\"emoji\" draggable=\"false\" src=\"https://s.w.org/images/core/emoji/11/svg/1f642.svg\" alt=\"🙂\" /><br/></p>\r\nThanks,\r\nDanish M Mir</p>\r\n\r\n</div>\r\n</div> <br>Posted from my blog\r\n<br><center>Original Link: https://techvhow.com/12-best-drag-and-drop-page-builders-wordpress_1008/</center> ",
"json_metadata": "{\"community\":\"steempress\",\"app\":\"steempress/1.4\",\"image\":[\"\"],\"tags\":[\"beaverbuilder\",\"divibuilder\",\"draganddroppagebuilder\",\"elementor\",\"toptenpagebuilders\"],\"original_link\":\"https://techvhow.com/12-best-drag-and-drop-page-builders-wordpress_1008/\"}"
}
]
}2018/12/17 17:52:06
2018/12/17 17:52:06
| voter | raise-me-up |
| author | techvhow |
| permlink | awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q |
| weight | 1 (0.01%) |
| Transaction Info | Block #28648868/Trx 28c6b8aba96e80248bab581524b5c1f07a1fdad6 |
View Raw JSON Data
{
"trx_id": "28c6b8aba96e80248bab581524b5c1f07a1fdad6",
"block": 28648868,
"trx_in_block": 20,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-17T17:52:06",
"op": [
"vote",
{
"voter": "raise-me-up",
"author": "techvhow",
"permlink": "awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q",
"weight": 1
}
]
}2018/12/17 17:39:33
2018/12/17 17:39:33
| parent author | techvhow |
| parent permlink | awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q |
| author | cheetah |
| permlink | cheetah-re-techvhowawordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q |
| title | |
| body | Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post! If you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ). |
| json metadata | |
| Transaction Info | Block #28648617/Trx 0c547f9229c9c9bf7b5dfc8768bd13b3f1d7d31c |
View Raw JSON Data
{
"trx_id": "0c547f9229c9c9bf7b5dfc8768bd13b3f1d7d31c",
"block": 28648617,
"trx_in_block": 25,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-17T17:39:33",
"op": [
"comment",
{
"parent_author": "techvhow",
"parent_permlink": "awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q",
"author": "cheetah",
"permlink": "cheetah-re-techvhowawordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q",
"title": "",
"body": "Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post!\nIf you believe this is an error, please chat with us in the #cheetah-appeals channel in [our discord](https://discord.gg/7FkETjJ).",
"json_metadata": ""
}
]
}2018/12/17 17:39:27
2018/12/17 17:39:27
| voter | cheetah |
| author | techvhow |
| permlink | awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q |
| weight | -8 (-0.08%) |
| Transaction Info | Block #28648615/Trx 29d3eb080bd0a1067404aeda8b38985490ad94e4 |
View Raw JSON Data
{
"trx_id": "29d3eb080bd0a1067404aeda8b38985490ad94e4",
"block": 28648615,
"trx_in_block": 34,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-17T17:39:27",
"op": [
"vote",
{
"voter": "cheetah",
"author": "techvhow",
"permlink": "awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q",
"weight": -8
}
]
}2018/12/17 17:39:15
2018/12/17 17:39:15
| voter | techvhow |
| author | techvhow |
| permlink | awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q |
| weight | 10000 (100.00%) |
| Transaction Info | Block #28648611/Trx 5582f5cfc2ab05d42b28e239ef2c472dea871507 |
View Raw JSON Data
{
"trx_id": "5582f5cfc2ab05d42b28e239ef2c472dea871507",
"block": 28648611,
"trx_in_block": 45,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-17T17:39:15",
"op": [
"vote",
{
"voter": "techvhow",
"author": "techvhow",
"permlink": "awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q",
"weight": 10000
}
]
}techvhowupdated options for awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q2018/12/17 17:39:15
techvhowupdated options for awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q
2018/12/17 17:39:15
| author | techvhow |
| permlink | awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q |
| max accepted payout | 1000000.000 SBD |
| percent steem dollars | 10000 |
| allow votes | true |
| allow curation rewards | true |
| extensions | [[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]] |
| Transaction Info | Block #28648611/Trx 5582f5cfc2ab05d42b28e239ef2c472dea871507 |
View Raw JSON Data
{
"trx_id": "5582f5cfc2ab05d42b28e239ef2c472dea871507",
"block": 28648611,
"trx_in_block": 45,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-17T17:39:15",
"op": [
"comment_options",
{
"author": "techvhow",
"permlink": "awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q",
"max_accepted_payout": "1000000.000 SBD",
"percent_steem_dollars": 10000,
"allow_votes": true,
"allow_curation_rewards": true,
"extensions": [
[
0,
{
"beneficiaries": [
{
"account": "steempress",
"weight": 1500
}
]
}
]
]
}
]
}techvhowpublished a new post: awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q2018/12/17 17:39:15
techvhowpublished a new post: awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q
2018/12/17 17:39:15
| parent author | |
| parent permlink | hosting |
| author | techvhow |
| permlink | awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q |
| title | A WordPress Tutorial for Beginners: Create Your First Site in 10 Steps |
| body | <center>https://techvhow.com/wp-content/uploads/2018/12/maxresdefault-3.jpg</center> <br/><div class="wpmud-entry__main"> <div class="wpmud-container"> <div class="wpmud-container__inner wpmud-container__inner--contained wpmud-container__inner--padded"> <div class="wpmud-entry__main__inner"><section class="wpmud-entry__main-content"> <div class="wpmud-entry__content"> <p>The first time you step foot inside the WordPress dashboard, you can’t help but marvel at how simple it all appears to be. A management sidebar on the left. A clean interface to work within in the center. Notifications at the top.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Dashboard.png" alt="" width="600" height="334" /></center><br/></div> But once you start digging deeper into WordPress, you may feel overwhelmed as you dig deeper into the layers of functionality within the content management system.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Dashboard-Expanded.png" alt="" width="600" height="328" /></center><br/></div> So, let’s talk practical steps here.</p> What do you need to do to get started in WordPress and end up with a website that’s ready to impress visitors straight out the gate? And how can you do this in the most efficient manner as possible, even without prior experience in WordPress? The following WordPress tutorial will walk you through all the necessary steps in setting up your first WordPress site.</p> [click_to_tweet tweet="WordPress is the undisputed champ of content management systems, high time to learn how to use it." quote="WordPress is the undisputed champ of content management systems, high time to learn how to use it." theme="style1"] <h2>What we are going to learn:</h2> <ul style="text-align: justify;"> <li>Step 1: <a href="#step1">Choose a Domain</a></li> <li>Step 2: <a href="#step2">Purchase Web Hosting and Domain</a></li> <li>Step 3:<a href="#step3"> Install WordPress</a></li> <li>Step 4: <a href="#step4">Find a WordPress Theme</a></li> <li>Step 5:<a href="#step5"> Install Your WordPress Theme</a></li> <li>Step 6: <a href="#step6">Configure Your WordPress Theme</a></li> <li>Step 7: <a href="#step7">Publish Your First Pages</a></li> <li>Step 8: <a href="#step8">Create a Menu</a></li> <li>Step 9: <a href="#step9">Configure Your WordPress Settings</a></li> <li>Step 10: <a href="#step10">Install Essential WordPress Plugins</a></li> </ul> <h2>WordPress Tutorial for Beginners: Step-by-Step</h2> Before you even step inside WordPress, you need to do some work to find a home for it. So, let’s start with the steps you need to tackle outside of WordPress, and then move inside the platform once we have you all set up.</p> <h3 id="step1" style="text-align: justify;"><a id="step1"></a>Step 1: Choose a Domain</h3> This is a web domain:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Domain-Name.png" alt="" width="600" height="259" /></center><br/></div> It will serve as the URL inside your visitors’ address bar when they visit your WordPress site. Make sure it is:</p> <ul style="text-align: justify;"> <li>Relatively short</li> <li>Easy to remember and type out</li> <li>Matches your brand name or is directly related to it</li> </ul> Unless you have already purchased a domain for your website, it’s best to do so when you purchase your web hosting plan (especially since some plans will include a free domain).</p> So long as no one has claimed the name before, you’ll have your choice of top-level domain (TLD) as well. A TLD is the suffix you attach to the URL like .com, .edu, .biz, etc. There are even ones available for specific industries as well as based on your geographic location (like .uk and .eu). <a href="https://support.google.com/domains/answer/6010092?_ga=2.121553163.2040217815.1518103227-132799237.1518103227#tld" target="_blank" rel="noopener">Google</a> has a pretty good roundup on the various TLDs you can choose from.</p> <h3 id="step2" style="text-align: justify;"><a id="step2"></a>Step 2: Purchase Web Hosting and Domain</h3> Web hosting does exactly what it says: it “hosts” websites. In other words, web hosting companies own and manage giant web servers located in data centers around the country (and, sometimes, the world).</p> It’s on these web servers where websites like yours sit, so you don’t have to buy or manage any of the server technology yourself. You pay these companies what amounts to a monthly or annual rent for space and bandwidth on the server. Then, you can focus on building your website in WordPress.</p> In terms of choosing a hosting plan, you should think about what you actually want to do with your website.</p> <ul style="text-align: justify;"> <li>Creating a small internal and private company site? WordPress.com hosting should be fine.</li> <li>Running a blog? Shared hosting is a good place to start.</li> <li>Launching a new business venture and want to collect leads and/or payments? Cloud hosting is a smart choice.</li> <li>If you anticipate heavy traffic for your established business or e-commerce company to start, then go with VPS.</li> </ul> Following are some of my personal recommendations for any type of startup. Be it a blog, a business or a startup, you will find your needs satisfied. <table style="width: 100%; border-collapse: collapse;" border="0"> <tbody> <tr> <td style="width: 50%;"> <center> <img class="" src="https://ua.siteground.com/img/banners/general/dynamic-price/250x250.jpg" alt="Web Hosting" width="303" height="303" border="0" /><br/></a> <strong>1. SiteGround</strong></center></td> <td style="width: 50%;"> <center> <img class="" src="https://bluehost-cdn.com/media/partner/images/danishmmir/300x250/300x250BW.png" alt="Bluehost" width="350" height="292" border="0" /><br/></a> <strong>2. Bluehost</strong></center></td> </tr> <tr> <td style="width: 50%;"> <center> <img class="wp-image-1002" src="https://techvhow.com/wp-content/uploads/2018/12/hostgator-512x512.jpg" alt="hostgator" width="263" height="263" /><br/></a> <strong>3. HostGator</strong></center></td> <td style="width: 50%;"> <center> <img class="" src="//a.impactradius-go.com/display-ad/4222-274446" alt="" width="343" height="286" border="0" /><br/></a> <strong>4. InMotion</strong></center></td> </tr> </tbody> </table> <strong><img style="position: absolute; visibility: hidden;" src="//inmotion-hosting.evyy.net/i/1336741/274446/4222" width="0" height="0" border="0" /><br/></strong>Once you start receiving heavy traffic and are doing lots of business through your site, you may want to consider moving to managed WordPress hosting. To start, though, go with one of the options above. While there isn’t one clear front-runner when it comes to hosting providers, WordPress does give some solid recommendations on companies that not only work well with WordPress websites, but that offer affordable hosting plans. I’d suggest you start with one of these <a href="https://www.bluehost.com/track/danishmmir/">bluehost</a> if this is your first website.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><a href="https://www.bluehost.com/track/danishmmir/"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/BlueHost-Hosting-Plans.png" alt="" width="600" height="330" /></center><br/></a></div> Signing up for web hosting is easy–it’s like purchasing any other software or service. Just make sure to buy your domain name at the same time. And, if it’s available, get yourself an SSL certificate to boost security while you’re at it.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><a href="https://www.bluehost.com/track/danishmmir/"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/BlueHost-Buy-a-Domain.png" alt="" width="600" height="260" /></center><br/></a></div> Enter your account and payment information, verify the details of your web hosting plan and domain purchase, and create your new account.</p> <h3 id="step3" style="text-align: justify;"><a id="step3"></a>Step 3: Install WordPress</h3> There are a number of ways in which you can install WordPress. However, most web hosting providers will provide you with an easy-to-use one-click installation process that simplifies the whole process.</p> Using <a href="https://www.bluehost.com/track/danishmmir/">BlueHost</a> as an example, here is what you need to do:</p> First, log into your new web hosting account:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><a href="https://www.bluehost.com/track/danishmmir/"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Log-into-BlueHost.png" alt="" width="600" height="326" /></center><br/></a></div> You’ll then arrive at your web hosting dashboard:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><a href="https://www.bluehost.com/track/danishmmir/"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/BlueHost-Dashboard.png" alt="" width="600" height="298" /></center><br/></a></div> Unless you’re a seasoned web developer who knows his or her way around a control panel and is comfortable configuring PHP and email settings, you can ignore most of what’s in here for now. What you’ll want to look for instead is a button that says “Install WordPress”:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><a href="https://www.bluehost.com/track/danishmmir/"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Install-WordPress-Button.png" alt="" width="600" height="218" /></center><br/></a></div> They may try to offer upgraded installation services, but there’s no need for that. Simply follow the instructions for installing WordPress.</p> Once you have completed the installation and created your WordPress login credentials, it’s time to step inside. Here is what your admin login screen will look like:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Login.png" alt="" width="600" height="307" /></center><br/></div> Unless you change your login domain (which you eventually should for security reasons), your admin login will be located at <em>www.yourdomainname.com/wp-login.php</em>.</p> <h3 id="step4" style="text-align: justify;"><a id="step4"></a>Step 4: Find a WordPress Theme</h3> You may be tempted to start combing through the various settings and pages in the WordPress menu, but hold on that for now. The first thing you need to do here is to find a theme for your site.</p> A WordPress theme is a pre-designed and pre-coded interface template for WordPress. Basically, it saves you the trouble (and money) of having to design your own website from-scratch or to pay someone else to do it for you.</p> When you log into WordPress for the first time, WordPress will automatically assign their latest theme to your site.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Twenty-Seventeen-Theme.png" alt="" width="600" height="322" /></center><br/></div> There’s absolutely nothing wrong with using this theme, especially since it’s built by WordPress developers. However, it’s a very basic theme and one that’s not likely going to be useful if you want to do anything more than blog or create a simple site for a local business.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Theme-Installs.png" alt="" width="600" height="382" /></center><br/></div> If you want to use a WordPress theme that works better for your niche, don’t be afraid to look around and to find the best and most trustworthy WordPress theme for your purposes.</p> Keep in mind that every theme requires some configuration. Also, not every theme works the same way. Some utilize a basic text editor (which looks similar to the blank page in Microsoft Word) while others use a page builder or visual editor. So, switching from one theme to another will force you to do a little rework if or when you make a switch. If you want to spare yourself the possible hassle, then don’t move on to the next steps until you’ve found the perfect WordPress theme for your site.</p> <h3 id="step5" style="text-align: justify;"><a id="step5"></a>Step 5: Install Your WordPress Theme</h3> When you find that perfect WordPress theme, it’s time install it in WordPress.</p> <b>Free WordPress Themes</b> If you’re using a free theme from the WordPress repository, here is what you need to do:</p> Inside WordPress, go to the Appearance tab and click on “Themes”.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Appearance-Themes-Tab.png" alt="" width="600" height="234" /></center><br/></div> At the top of the page, click on “Add New”. This will take you to the WordPress repository from within WordPress. Use this option so you don’t have to do any manual installation.</p> Once you’re in the repository, do a search for the WordPress theme you want to use. Hover over it, and click the “Install” button.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Install-Theme.png" alt="" width="600" height="298" /></center><br/></div> When it’s done installing, you then have to activate it in order to publish it to your WordPress site. Click on “Activate” (in the same spot where the “Install” button was) and wait for it to take you back into the main WordPress dashboard.</p> <b>Premium WordPress Themes</b> If you’ve decided to purchase a premium WordPress theme, the process will differ as third-party theme developers and marketplaces don’t sync directly to WordPress. Here is what you need to do:</p> Some of the most astonishing and popular themes can be found below: <ol> <li><a href="https://zigzagpress.com/themes/?ref=615&campaign=CreateYourFirstSitein10Steps">ZigZagPress</a></li> <li><a href="http://www.nextgen-gallery.com/500-4-3-11.html" target="_blank" rel="noopener">Genesis Themes for Photographers</a></li> <li><a href="https://themeforest.net/">ThemeForest</a></li> <li><a href="https://www.studiopress.com/">StudioPress</a></li> <li><a href="https://helloyoudesigns.com/">Hello You Designs</a></li> </ol> Go to your WordPress theme’s page and purchase the file. Once you’ve done this, you’ll be taken to a screen where you can download the theme file. It will look something like this:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Uncode-Theme-Download.png" alt="" width="600" height="240" /></center><br/></div> If there is an option for it, download the “Installable WordPress Files Only”. This will give you a zipped folder you can then upload directly into WordPress.</p> To do this, go back into WordPress, find the Appearance tab, and go to “Themes”. Click on “Add New” at the top. Only, this time, you’ll select the “Upload Theme” option.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Upload-Theme.png" alt="" width="600" height="200" /></center><br/></div> Select the zip file from your computer and click Install Now. With your new theme uploaded into WordPress, you can now activate and publish it to the site.</p> <h3 id="step6" style="text-align: justify;"><a id="step6"></a>Step 6: Configure Your WordPress Theme</h3> Upon activation, you’ll want to spend some time configuring your theme. You can do this under the Appearance tab and then click “Customize”.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Appearance-Customize-tab.png" alt="" width="600" height="326" /></center><br/></div> Ultimately, it’s up to you to decide how much or little of your theme you want to customize. However, you should at least take some time now to go through each of the modules and acquaint yourself with what you have the power to change.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Theme-Customizer.png" alt="" width="600" height="430" /></center><br/></div> Site Identity is an important one to fill in, so make sure you look at that first.</p> Colors allows to update your site to your brand’s color palette (if you have one).</p> Widgets allows you to add content to your footer.</p> And Menus refers to your site’s navigation–something I’m going to cover in Step 8 so there’s nothing to do here just yet.</p> <h3 id="step7" style="text-align: justify;"><a id="step7"></a>Step 7: Publish Your First Pages</h3> There are two types of “pages” you can create for your website:</p> <b>1. Page</b></p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Pages.png" alt="" width="600" height="308" /></center><br/></div> These are traditional web pages that exist within the main navigation of a site. The About page, Contact page, and individual services pages all are made using the Page feature in WordPress. <b>2. Post</b></p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Posts.png" alt="" width="600" height="237" /></center><br/></div> These are blog post “pages” that will only exist within the blog on your website, unless you designate the home page to serve as the blog feed (I’ll talk about that in Step 9). Now, the great thing about WordPress is that the interface is consistent regardless of whether you’re creating a page or a post. There are different settings you need to apply to each, but the main area in which you work remains the same, which makes it a workspace that’s easy to get used to.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Page-Post-Interface.png" alt="" width="600" height="256" /></center><br/></div> Of course, if you work in a theme that uses a page builder or a visual builder tool to create content, this is going to look a little different.</p> A page builder tool allows you to create “blocks” of content for your site within WordPress. Once the blocks are in place, you can then populate them with corresponding content.</p> A visual builder tool works similarly in that it allows you to create blocks of content for your site–however, it does it on the front end of the actual site so you can see your changes in real time. There are plenty of drag and drop page builders out there.</p> Regardless of which content creation tool your WordPress theme uses, it’s time to create content for your site.</p> If you’re running a blog, simply get started writing your first Posts. Once you hit the Publish button, your blogs will go live on the designated Blog page.</p> For a traditional website, you’ll probably want to build out the following pages:</p> <ul style="text-align: justify;"> <li>Homepage</li> <li>About page</li> <li>Services or products page(s)</li> <li>Contact page</li> </ul> As your website grows, you can create other pages. For now, those will suffice. Get some content on them, publish the pages, and then let’s work on getting them onto your website.</p> <h3 id="step8" style="text-align: justify;"><a id="step8"></a>Step 8: Create a Menu</h3> Whereas when you hit the “Publish” button on a Post and it goes straight onto your blog, a Page needs to be added to your site’s navigation (or menu) if you want it to show up.</p> So, the first thing to do is to create those pages for your site (which you did in Step 7).</p> Next, you’ll want to go to the Appearance tab and select “Menus”. This is where you will build and manage your site’s navigation.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Appearance-Menus-tab.png" alt="" width="600" height="233" /></center><br/></div> There is kind of a lot going on here, so let’s take this one step at a time.</p> First, let’s look at the menu selection dropdown.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Menus-Management-Choose-Menu.png" alt="" width="600" height="358" /></center><br/></div> Unless you have a need for a mega menu or multiple menu options on your site, you likely won’t even have a choice here. However, if your theme automatically creates secondary or footer menus for you, be sure to select the one you actually want to create/edit here.</p> Next, let’s look at the sidebar options.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Menus-Management-Sidebar-Options.png" alt="" width="600" height="358" /></center><br/></div> When you expand these tabs, you’ll be presented with pages, posts, and other types of content that already exist on your site (which is why you need to at least start on Step 7 before doing this step). For the most part, you’ll be working within the Pages tab to create your menus. However, if you do have custom links or other content types you want to add to the navigation, know that this tool allows you to make that happen.</p> Now, it’s time to create your menu.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Menus-Management-Structure.png" alt="" width="600" height="358" /></center><br/></div> In order to get pages to show up under the Menu Structure section, click the checkbox next to the page (or pages) you want to add to the sidebar. Then click on the “Add to Menu” button. You’ll see those pages then show up under Menu Structure.</p> Within this interface, you can now drag-and-drop your pages and design your menu to appear however you’d like it to. In addition to placing pages in a custom order, you can also create a hierarchy. So, let’s say you wanted “Portfolio” to appear only when someone hovers over the About tab, simply drag that page inward so that it becomes a <em>subitem</em>:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Navigation-Hierarchy.png" alt="" width="600" height="272" /></center><br/></div> You can also change the page labels that appear in the navigation. For instance, let’s say you called the page “Portfolio” in WordPress so your employees would know where to put examples of your work. However, on the customer-facing side of the website, you think it would be clearer if you called the page “Sample Work”. You can rename it here.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Navigation-Label.png" alt="" width="600" height="384" /></center><br/></div> One other thing to point out here is the Menu Settings box at the bottom.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Menus-Management-Auto-Add.png" alt="" width="600" height="358" /></center><br/></div> If you know that you’ll be adding new pages regularly to your website and don’t want to have to repeat this process every time, you can click on the “Automatically add new top-level pages to this menu” option to streamline your process.</p> When you’re done setting up your menu, save your changes.</p> <h3 id="step9" style="text-align: justify;"><a id="step9"></a>Step 9: Configure Your WordPress Settings</h3> I typically advise new WordPress users to leave the settings setup until this stage of the process. Many of the settings offered by WordPress control things related to your pages and posts, and that’s not necessarily something you’d understand until you’ve actually created them for your site.</p> So, now that you’ve done that, it’s time to go through your settings one-by-one and make sure your WordPress site is configured to work exactly as you want it to.</p> <b>General</b></p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/General-Settings.png" alt="" width="600" height="361" /></center><br/></div> <ul style="text-align: justify;"> <li><strong>Site Title:</strong> This is what will appear in someone’s browser tab when they arrive at your site.</li> <li><strong>Tagline:</strong> This can be changed when you create content for your home page, so this isn’t a required field.</li> <li><strong>WordPress Address:</strong> This is the URL of your main site.</li> <li><strong>Site Address:</strong> For most of you, this will match the WordPress Address. However, if you are setting up something like Multisite that requires each site have its own sub-domain, you’ll specify that here.</li> <li><strong>Email Address:</strong> This is for the main admin of your site, so they can receive all related notifications regarding it.</li> <li><strong>Membership:</strong> If you want people to subscribe to your site for updates, click this box.</li> <li><strong>New User Default Role:</strong> Keep this to Subscriber or Customer so that they can’t gain access to the backend of your site.</li> </ul> The rest of the information pertains to date and time configurations.</p> <b>Writing</b></p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Writing-Settings.png" alt="" width="600" height="356" /></center><br/></div> <ul style="text-align: justify;"> <li><strong>Default Post Category:</strong> If you’re including a blog on your site, you should eventually come in here and remove the “Uncategorized” category. You’ll want each new post to be assigned a category and removing the default setting will make it easier on yourself in the future.</li> <li><strong>Default Post Format:</strong> For the most part, “Standard” should suffice unless you’re using your blog to share video, audio, or image galleries.</li> <li><strong>Post via email:</strong> If you want to be able to write WordPress posts and email them to your site (which I wouldn’t advise), you can enable this setting here.</li> <li><strong>Update Services:</strong> Leave this field be unless you have a private blog and don’t want people to know when you have new content available.</li> </ul> <b>Reading</b></p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Reading-Settings.png" alt="" width="600" height="366" /></center><br/></div> <ul style="text-align: justify;"> <li><strong>Your homepage displays:</strong> You have two choices when setting up a site in WordPress. You can let your homepage serve as the main blog roll, so that visitors first encounter “Your latest posts”. Or you can create a full-blown website and let “A static page” you created serve as the home page.</li> <li><strong>A static page:</strong> If you select this second option, you’ll need to designate a page to be your homepage and a page to automatically display your posts on.</li> <li><strong>Blog pages show at most:</strong> If you show a summary of your blog posts (see option below), you can display up to 10 posts per page. If you show the full text, try to limit this to 3 posts.</li> <li><strong>Syndication feeds show the most recent:</strong> When your blog shows up in someone’s RSS (syndication) feed, this setting enables you to choose how many recent posts they’ll see initially.</li> <li><strong>For each article in a feed, show:</strong> This is up to you to decide, though I think a summary is probably best for improving the overall look on a main blog page’s feed. It also gives visitors a reason to click through and visit another page (which is good for SEO).</li> <li><strong>Search engine visibility:</strong> Unless your website is private, do not check this box.</li> </ul> <b>Discussion</b></p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Discussion-Settings.png" alt="" width="600" height="347" /></center><br/></div> <ul style="text-align: justify;"> <li><strong>Default article settings:</strong> The first setting refers to backlink notifications. The second setting refers to pingbacks and trackbacks. The third has to do with allowing comments on your blog.</li> <li><strong>Other comment settings:</strong> If you do want visitors to leave comments, you can set requirements on who they are as well as how comments appear.</li> <li><strong>Email me whenever:</strong> Staying engaged with people who take the time to comment on your content is a good thing. Check these so you can more easily stay on top of that.</li> <li><strong>Before a comment appears:</strong> If you’re worried about spam or abusive comments coming through, update these settings.</li> <li><strong>Comment Moderation/Blacklist:</strong> You can decide more specifically who is allowed to leave a comment (so long as it’s moderated) and who isn’t.</li> <li><strong>Avatars:</strong> If you’re not running a membership site that allows users to create a full custom profile, be sure to update these settings to give your comments section a little personality.</li> </ul> <b>Media</b></p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Media-Settings.png" alt="" width="600" height="326" /></center><br/></div> If you’ve designed a custom WordPress site, you may have a need for custom media file sizes. In using this setting, you can streamline the media upload and sizing process. That way, visual content automatically goes into your pages at the right size and you don’t have to worry about making adjustments of it in your design software or compromising visibility of the image once it’s in WordPress. <h3 id="step10" style="text-align: justify;"><a id="step10"></a>Step 10: Install Essential WordPress Plugins</h3> Installing WordPress plugins is the final step in the WordPress setup process.</p> In terms of what a WordPress plugin is, it’s a piece of software that hooks into WordPress. As for what it does? Well, plugins can do <em>a lot</em> of different things. They can help you:</p> <ul style="text-align: justify;"> <li>Integrate a social media feed into your site.</li> <li>Resize and compress images.</li> <li>Block spammers and hackers.</li> <li>Create a forum.</li> <li>Add a payment gateway.</li> <li>Translate your site.</li> <li>And much, much more.</li> </ul> For example <a href="https://wprichsnippets.com/?ref=162">WP Rich Snippets</a>, <a href="https://yoast.com/wordpress/plugins/seo/">Yoast SEO premium</a>, <a href="https://thirstyaffiliates.com/?aff=e8bf0f27d70d480d3ab793bb7619aaa5">Thirsty Affiliates</a>, <a href="https://optinmonster.com/">OptIn Monster</a> are best to start with. So, how do you choose which ones you need?</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Plugin-Repository.png" alt="" width="600" height="203" /></center><br/></div> While it’s tempting to look through <a href="https://wordpress.org/plugins/" target="_blank" rel="noopener">the WordPress repository</a> that currently houses over 50,000 free plugins and install all of the ones that seem really cool or worthwhile, be careful. WordPress plugins are like any other kind of file or software you layer on top of your site. With more weight, comes slower loading times–and that’s not something you want for your user experience.</p> That’s why you need to choose your plugins wisely. To start, let’s look at the absolute plugin essentials every WordPress site needs:</p> <ul style="text-align: justify;"> <li>Google Analytics plugins: Tracking visitor activity on your WordPress site is essential. However, getting the Google Analytics tracking pixel on your site isn’t always that straight-forward. These plugins will take care of it.</li> <li>SEO plugins: These plugins are great as they provide guidance on what you need to do on each page or post to optimize it for search.</li> <li>Caching (speed) plugins: People don’t have much patience anymore and you don’t want your site to test that, so you’ll need one of these plugins.</li> <li>Image optimization plugins: Every website uses images, whether they’re your own high-resolution photography or really cool stock photos and illustrations you found on the web. If you want to keep them looking sharp and loading fast, you need one of these.</li> <li>Security plugins: With WordPress being so popular around the world, it’s often a common target for hackers. A security plugin will help you create a stronger defense against them.</li> <li>Contact form plugins: If you’re publishing a site to the web, then you most definitely want people to not only visit it, but to engage with you through it. A contact form is an essential piece required for that interaction to take place.</li> </ul> As for getting these plugins onto your site, well, that’s the easy part. The process is almost identical to WordPress theme installation.</p> Inside WordPress, go to the Plugins tab on the left and select Add New. This will take you to the WordPress repository without forcing you to leave your site.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Add-Plugins.png" alt="" width="600" height="328" /></center><br/></div> Once inside, you can do a search on the right for the plugin you want to install. You’ll have to do this process one-by-one for each of your plugins.</p> Next to the plugin name, you’ll see an “Install Now” button. Click it.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Install-Plugin.png" alt="" width="600" height="258" /></center><br/></div> Once installation is complete, you’ll see a page like this. Click on <strong>Activate Plugin</strong>.</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Activate-Plugin.png" alt="" width="600" height="219" /></center><br/></div> Some plugins will require some configuration before you can use them and will automatically redirect you to their settings page to do so. Other plugins are ready to go out of the box. Regardless of which kind of plugin you’ve just installed, you’ll be able to find it here under “Installed Plugins”:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Installed-Plugins-List.png" alt="" width="600" height="338" /></center><br/></div> Plugins in blue are currently activated. Plugins in white are not inactive. To activate a plugin, click the “Activate” button below it. To “Deactivate” or “Delete”, do the same. And, for plugins that have settings you can configure, you can click that button if it’s available.</p> It’s also important to note that some of your plugins will generate their own new tab on the sidebar. Take WP Smush, for instance. If you’ve chosen to use this image optimization plugin, you’ll now find that it’s installed a new option on your sidebar:</p> <div class="wpdui-pic-regular " style="text-align: justify;"><center><img class="attachment-600x600 size-600x600 aligncenter" src="https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Plugin-Sidebar.png" alt="" width="600" height="234" /></center><br/></div> So, be sure to look out for those new tabs after activation as they hold valuable settings and features you’ll want to start accessing right away.</p> <h2>You are not Alone - We got your back</h2> Once you start building your first wordpress site, your mind will be full of questions because you would be new to the platform. But i promise you that once you get the grip, it will all be breeze. Besides there are communities that particularly focus on the beginners and beginner stuff. You will find the most useful and they will be your best friends during the initial learning stages. <a href="https://www.wp101.com/?ref=423">WP101</a> and <a href="https://www.wpbeginner.com/">WPbeginner</a> are worth mentioning here. <a href="https://www.wp101.com/?ref=423">WP101</a> provides easy to learn wordpress tutorials. <a href="https://www.wpbeginner.com/">WPbeginner</a> is a blog site that contains posts related to beginner issues of a wordpress user. Wrapping Up</h2> WordPress is the undisputed champ of content management systems, which is why there’s never been a better time to learn how to use it. In just 10 steps (and some careful research and planning), you can get your first WordPress website up and running! Good luck!</p> <hr /> </div> <div class="wpmud-entry__after-content" style="text-align: justify;"> <div class="wpdui-author-sticky-comment"> <div class="wpdui-author-comment">Over to you: On a scale of 1 to 10, how confident are you feeling about building a WordPress site from-scratch now that you’ve completed this WordPress tutorial for beginners?</div> </div> </div> </section></div> </div> </div> </div> <footer class="wpmud-entry__footer"> <div id="wpmud-related-content-region"> <div class="wpmud-container"> <div class="wpmud-container__inner wpmud-container__inner--contained wpmud-container__inner--padded"> <div class="yarpp-related"> <div id="wpmud-related-posts" class="wpdui-related-content"> <div class="wpdui-related-content__header" style="text-align: justify;"></div> </div> </div> </div> </div> </div> </footer> <br>Posted from my blog <br><center>Original Link: https://techvhow.com/a-wordpress-tutorial-for-beginners-create-your-first-site-in-10-steps_997/</center> |
| json metadata | {"community":"steempress","app":"steempress/1.4","image":[""],"tags":["hosting","managedhosting","plugins","wordpress","wordpressguide"],"original_link":"https://techvhow.com/a-wordpress-tutorial-for-beginners-create-your-first-site-in-10-steps_997/"} |
| Transaction Info | Block #28648611/Trx 5582f5cfc2ab05d42b28e239ef2c472dea871507 |
View Raw JSON Data
{
"trx_id": "5582f5cfc2ab05d42b28e239ef2c472dea871507",
"block": 28648611,
"trx_in_block": 45,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-17T17:39:15",
"op": [
"comment",
{
"parent_author": "",
"parent_permlink": "hosting",
"author": "techvhow",
"permlink": "awordpresstutorialforbeginnerscreateyourfirstsitein10steps-ba8j7h309q",
"title": "A WordPress Tutorial for Beginners: Create Your First Site in 10 Steps",
"body": "<center>https://techvhow.com/wp-content/uploads/2018/12/maxresdefault-3.jpg</center> <br/><div class=\"wpmud-entry__main\">\r\n<div class=\"wpmud-container\">\r\n<div class=\"wpmud-container__inner wpmud-container__inner--contained wpmud-container__inner--padded\">\r\n<div class=\"wpmud-entry__main__inner\"><section class=\"wpmud-entry__main-content\">\r\n<div class=\"wpmud-entry__content\">\r\n<p>The first time you step foot inside the WordPress dashboard, you can’t help but marvel at how simple it all appears to be. A management sidebar on the left. A clean interface to work within in the center. Notifications at the top.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Dashboard.png\" alt=\"\" width=\"600\" height=\"334\" /></center><br/></div>\r\nBut once you start digging deeper into WordPress, you may feel overwhelmed as you dig deeper into the layers of functionality within the content management system.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Dashboard-Expanded.png\" alt=\"\" width=\"600\" height=\"328\" /></center><br/></div>\r\nSo, let’s talk practical steps here.</p>\r\nWhat do you need to do to get started in WordPress and end up with a website that’s ready to impress visitors straight out the gate? And how can you do this in the most efficient manner as possible, even without prior experience in WordPress? The following WordPress tutorial will walk you through all the necessary steps in setting up your first WordPress site.</p>\r\n[click_to_tweet tweet=\"WordPress is the undisputed champ of content management systems, high time to learn how to use it.\" quote=\"WordPress is the undisputed champ of content management systems, high time to learn how to use it.\" theme=\"style1\"]\r\n<h2>What we are going to learn:</h2>\r\n<ul style=\"text-align: justify;\">\r\n <li>Step 1: <a href=\"#step1\">Choose a Domain</a></li>\r\n <li>Step 2: <a href=\"#step2\">Purchase Web Hosting and Domain</a></li>\r\n <li>Step 3:<a href=\"#step3\"> Install WordPress</a></li>\r\n <li>Step 4: <a href=\"#step4\">Find a WordPress Theme</a></li>\r\n <li>Step 5:<a href=\"#step5\"> Install Your WordPress Theme</a></li>\r\n <li>Step 6: <a href=\"#step6\">Configure Your WordPress Theme</a></li>\r\n <li>Step 7: <a href=\"#step7\">Publish Your First Pages</a></li>\r\n <li>Step 8: <a href=\"#step8\">Create a Menu</a></li>\r\n <li>Step 9: <a href=\"#step9\">Configure Your WordPress Settings</a></li>\r\n <li>Step 10: <a href=\"#step10\">Install Essential WordPress Plugins</a></li>\r\n</ul>\r\n<h2>WordPress Tutorial for Beginners: Step-by-Step</h2>\r\nBefore you even step inside WordPress, you need to do some work to find a home for it. So, let’s start with the steps you need to tackle outside of WordPress, and then move inside the platform once we have you all set up.</p>\r\n \r\n<h3 id=\"step1\" style=\"text-align: justify;\"><a id=\"step1\"></a>Step 1: Choose a Domain</h3>\r\nThis is a web domain:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Domain-Name.png\" alt=\"\" width=\"600\" height=\"259\" /></center><br/></div>\r\nIt will serve as the URL inside your visitors’ address bar when they visit your WordPress site. Make sure it is:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>Relatively short</li>\r\n <li>Easy to remember and type out</li>\r\n <li>Matches your brand name or is directly related to it</li>\r\n</ul>\r\nUnless you have already purchased a domain for your website, it’s best to do so when you purchase your web hosting plan (especially since some plans will include a free domain).</p>\r\nSo long as no one has claimed the name before, you’ll have your choice of top-level domain (TLD) as well. A TLD is the suffix you attach to the URL like .com, .edu, .biz, etc. There are even ones available for specific industries as well as based on your geographic location (like .uk and .eu). <a href=\"https://support.google.com/domains/answer/6010092?_ga=2.121553163.2040217815.1518103227-132799237.1518103227#tld\" target=\"_blank\" rel=\"noopener\">Google</a> has a pretty good roundup on the various TLDs you can choose from.</p>\r\n\r\n<h3 id=\"step2\" style=\"text-align: justify;\"><a id=\"step2\"></a>Step 2: Purchase Web Hosting and Domain</h3>\r\nWeb hosting does exactly what it says: it “hosts” websites. In other words, web hosting companies own and manage giant web servers located in data centers around the country (and, sometimes, the world).</p>\r\nIt’s on these web servers where websites like yours sit, so you don’t have to buy or manage any of the server technology yourself. You pay these companies what amounts to a monthly or annual rent for space and bandwidth on the server. Then, you can focus on building your website in WordPress.</p>\r\nIn terms of choosing a hosting plan, you should think about what you actually want to do with your website.</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>Creating a small internal and private company site? WordPress.com hosting should be fine.</li>\r\n <li>Running a blog? Shared hosting is a good place to start.</li>\r\n <li>Launching a new business venture and want to collect leads and/or payments? Cloud hosting is a smart choice.</li>\r\n <li>If you anticipate heavy traffic for your established business or e-commerce company to start, then go with VPS.</li>\r\n</ul>\r\nFollowing are some of my personal recommendations for any type of startup. Be it a blog, a business or a startup, you will find your needs satisfied.\r\n<table style=\"width: 100%; border-collapse: collapse;\" border=\"0\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 50%;\">\r\n\r<center> <img class=\"\" src=\"https://ua.siteground.com/img/banners/general/dynamic-price/250x250.jpg\" alt=\"Web Hosting\" width=\"303\" height=\"303\" border=\"0\" /><br/></a> <strong>1. SiteGround</strong></center></td>\r\n<td style=\"width: 50%;\">\r\n\r<center> <img class=\"\" src=\"https://bluehost-cdn.com/media/partner/images/danishmmir/300x250/300x250BW.png\" alt=\"Bluehost\" width=\"350\" height=\"292\" border=\"0\" /><br/></a> <strong>2. Bluehost</strong></center></td>\r\n</tr>\r\n<tr>\r\n<td style=\"width: 50%;\">\r\n\r<center> <img class=\"wp-image-1002\" src=\"https://techvhow.com/wp-content/uploads/2018/12/hostgator-512x512.jpg\" alt=\"hostgator\" width=\"263\" height=\"263\" /><br/></a> <strong>3. HostGator</strong></center></td>\r\n<td style=\"width: 50%;\">\r\n\r<center> <img class=\"\" src=\"//a.impactradius-go.com/display-ad/4222-274446\" alt=\"\" width=\"343\" height=\"286\" border=\"0\" /><br/></a> <strong>4. InMotion</strong></center></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<strong><img style=\"position: absolute; visibility: hidden;\" src=\"//inmotion-hosting.evyy.net/i/1336741/274446/4222\" width=\"0\" height=\"0\" border=\"0\" /><br/></strong>Once you start receiving heavy traffic and are doing lots of business through your site, you may want to consider moving to managed WordPress hosting. To start, though, go with one of the options above.\r\nWhile there isn’t one clear front-runner when it comes to hosting providers, WordPress does give some solid recommendations on companies that not only work well with WordPress websites, but that offer affordable hosting plans. I’d suggest you start with one of these <a href=\"https://www.bluehost.com/track/danishmmir/\">bluehost</a> if this is your first website.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><a href=\"https://www.bluehost.com/track/danishmmir/\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/BlueHost-Hosting-Plans.png\" alt=\"\" width=\"600\" height=\"330\" /></center><br/></a></div>\r\nSigning up for web hosting is easy–it’s like purchasing any other software or service. Just make sure to buy your domain name at the same time. And, if it’s available, get yourself an SSL certificate to boost security while you’re at it.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><a href=\"https://www.bluehost.com/track/danishmmir/\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/BlueHost-Buy-a-Domain.png\" alt=\"\" width=\"600\" height=\"260\" /></center><br/></a></div>\r\nEnter your account and payment information, verify the details of your web hosting plan and domain purchase, and create your new account.</p>\r\n\r\n<h3 id=\"step3\" style=\"text-align: justify;\"><a id=\"step3\"></a>Step 3: Install WordPress</h3>\r\nThere are a number of ways in which you can install WordPress. However, most web hosting providers will provide you with an easy-to-use one-click installation process that simplifies the whole process.</p>\r\nUsing <a href=\"https://www.bluehost.com/track/danishmmir/\">BlueHost</a> as an example, here is what you need to do:</p>\r\nFirst, log into your new web hosting account:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><a href=\"https://www.bluehost.com/track/danishmmir/\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Log-into-BlueHost.png\" alt=\"\" width=\"600\" height=\"326\" /></center><br/></a></div>\r\nYou’ll then arrive at your web hosting dashboard:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><a href=\"https://www.bluehost.com/track/danishmmir/\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/BlueHost-Dashboard.png\" alt=\"\" width=\"600\" height=\"298\" /></center><br/></a></div>\r\nUnless you’re a seasoned web developer who knows his or her way around a control panel and is comfortable configuring PHP and email settings, you can ignore most of what’s in here for now. What you’ll want to look for instead is a button that says “Install WordPress”:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><a href=\"https://www.bluehost.com/track/danishmmir/\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Install-WordPress-Button.png\" alt=\"\" width=\"600\" height=\"218\" /></center><br/></a></div>\r\nThey may try to offer upgraded installation services, but there’s no need for that. Simply follow the instructions for installing WordPress.</p>\r\nOnce you have completed the installation and created your WordPress login credentials, it’s time to step inside. Here is what your admin login screen will look like:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Login.png\" alt=\"\" width=\"600\" height=\"307\" /></center><br/></div>\r\nUnless you change your login domain (which you eventually should for security reasons), your admin login will be located at <em>www.yourdomainname.com/wp-login.php</em>.</p>\r\n\r\n<h3 id=\"step4\" style=\"text-align: justify;\"><a id=\"step4\"></a>Step 4: Find a WordPress Theme</h3>\r\nYou may be tempted to start combing through the various settings and pages in the WordPress menu, but hold on that for now. The first thing you need to do here is to find a theme for your site.</p>\r\nA WordPress theme is a pre-designed and pre-coded interface template for WordPress. Basically, it saves you the trouble (and money) of having to design your own website from-scratch or to pay someone else to do it for you.</p>\r\nWhen you log into WordPress for the first time, WordPress will automatically assign their latest theme to your site.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Twenty-Seventeen-Theme.png\" alt=\"\" width=\"600\" height=\"322\" /></center><br/></div>\r\nThere’s absolutely nothing wrong with using this theme, especially since it’s built by WordPress developers. However, it’s a very basic theme and one that’s not likely going to be useful if you want to do anything more than blog or create a simple site for a local business.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Theme-Installs.png\" alt=\"\" width=\"600\" height=\"382\" /></center><br/></div>\r\nIf you want to use a WordPress theme that works better for your niche, don’t be afraid to look around and to find the best and most trustworthy WordPress theme for your purposes.</p>\r\nKeep in mind that every theme requires some configuration. Also, not every theme works the same way. Some utilize a basic text editor (which looks similar to the blank page in Microsoft Word) while others use a page builder or visual editor. So, switching from one theme to another will force you to do a little rework if or when you make a switch. If you want to spare yourself the possible hassle, then don’t move on to the next steps until you’ve found the perfect WordPress theme for your site.</p>\r\n\r\n<h3 id=\"step5\" style=\"text-align: justify;\"><a id=\"step5\"></a>Step 5: Install Your WordPress Theme</h3>\r\nWhen you find that perfect WordPress theme, it’s time install it in WordPress.</p>\r\n<b>Free WordPress Themes</b>\r\nIf you’re using a free theme from the WordPress repository, here is what you need to do:</p>\r\nInside WordPress, go to the Appearance tab and click on “Themes”.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Appearance-Themes-Tab.png\" alt=\"\" width=\"600\" height=\"234\" /></center><br/></div>\r\nAt the top of the page, click on “Add New”. This will take you to the WordPress repository from within WordPress. Use this option so you don’t have to do any manual installation.</p>\r\nOnce you’re in the repository, do a search for the WordPress theme you want to use. Hover over it, and click the “Install” button.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Install-Theme.png\" alt=\"\" width=\"600\" height=\"298\" /></center><br/></div>\r\nWhen it’s done installing, you then have to activate it in order to publish it to your WordPress site. Click on “Activate” (in the same spot where the “Install” button was) and wait for it to take you back into the main WordPress dashboard.</p>\r\n<b>Premium WordPress Themes</b>\r\nIf you’ve decided to purchase a premium WordPress theme, the process will differ as third-party theme developers and marketplaces don’t sync directly to WordPress. Here is what you need to do:</p>\r\nSome of the most astonishing and popular themes can be found below:\r\n<ol>\r\n <li><a href=\"https://zigzagpress.com/themes/?ref=615&campaign=CreateYourFirstSitein10Steps\">ZigZagPress</a></li>\r\n <li><a href=\"http://www.nextgen-gallery.com/500-4-3-11.html\" target=\"_blank\" rel=\"noopener\">Genesis Themes for Photographers</a></li>\r\n <li><a href=\"https://themeforest.net/\">ThemeForest</a></li>\r\n <li><a href=\"https://www.studiopress.com/\">StudioPress</a></li>\r\n <li><a href=\"https://helloyoudesigns.com/\">Hello You Designs</a></li>\r\n</ol>\r\nGo to your WordPress theme’s page and purchase the file. Once you’ve done this, you’ll be taken to a screen where you can download the theme file. It will look something like this:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Uncode-Theme-Download.png\" alt=\"\" width=\"600\" height=\"240\" /></center><br/></div>\r\nIf there is an option for it, download the “Installable WordPress Files Only”. This will give you a zipped folder you can then upload directly into WordPress.</p>\r\nTo do this, go back into WordPress, find the Appearance tab, and go to “Themes”. Click on “Add New” at the top. Only, this time, you’ll select the “Upload Theme” option.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Upload-Theme.png\" alt=\"\" width=\"600\" height=\"200\" /></center><br/></div>\r\nSelect the zip file from your computer and click Install Now. With your new theme uploaded into WordPress, you can now activate and publish it to the site.</p>\r\n\r\n<h3 id=\"step6\" style=\"text-align: justify;\"><a id=\"step6\"></a>Step 6: Configure Your WordPress Theme</h3>\r\nUpon activation, you’ll want to spend some time configuring your theme. You can do this under the Appearance tab and then click “Customize”.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Appearance-Customize-tab.png\" alt=\"\" width=\"600\" height=\"326\" /></center><br/></div>\r\nUltimately, it’s up to you to decide how much or little of your theme you want to customize. However, you should at least take some time now to go through each of the modules and acquaint yourself with what you have the power to change.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Theme-Customizer.png\" alt=\"\" width=\"600\" height=\"430\" /></center><br/></div>\r\nSite Identity is an important one to fill in, so make sure you look at that first.</p>\r\nColors allows to update your site to your brand’s color palette (if you have one).</p>\r\nWidgets allows you to add content to your footer.</p>\r\nAnd Menus refers to your site’s navigation–something I’m going to cover in Step 8 so there’s nothing to do here just yet.</p>\r\n\r\n<h3 id=\"step7\" style=\"text-align: justify;\"><a id=\"step7\"></a>Step 7: Publish Your First Pages</h3>\r\nThere are two types of “pages” you can create for your website:</p>\r\n<b>1. Page</b></p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Pages.png\" alt=\"\" width=\"600\" height=\"308\" /></center><br/></div>\r\nThese are traditional web pages that exist within the main navigation of a site. The About page, Contact page, and individual services pages all are made using the Page feature in WordPress.\r\n<b>2. Post</b></p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Posts.png\" alt=\"\" width=\"600\" height=\"237\" /></center><br/></div>\r\nThese are blog post “pages” that will only exist within the blog on your website, unless you designate the home page to serve as the blog feed (I’ll talk about that in Step 9).\r\nNow, the great thing about WordPress is that the interface is consistent regardless of whether you’re creating a page or a post. There are different settings you need to apply to each, but the main area in which you work remains the same, which makes it a workspace that’s easy to get used to.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Page-Post-Interface.png\" alt=\"\" width=\"600\" height=\"256\" /></center><br/></div>\r\nOf course, if you work in a theme that uses a page builder or a visual builder tool to create content, this is going to look a little different.</p>\r\nA page builder tool allows you to create “blocks” of content for your site within WordPress. Once the blocks are in place, you can then populate them with corresponding content.</p>\r\nA visual builder tool works similarly in that it allows you to create blocks of content for your site–however, it does it on the front end of the actual site so you can see your changes in real time. There are plenty of drag and drop page builders out there.</p>\r\nRegardless of which content creation tool your WordPress theme uses, it’s time to create content for your site.</p>\r\nIf you’re running a blog, simply get started writing your first Posts. Once you hit the Publish button, your blogs will go live on the designated Blog page.</p>\r\nFor a traditional website, you’ll probably want to build out the following pages:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>Homepage</li>\r\n <li>About page</li>\r\n <li>Services or products page(s)</li>\r\n <li>Contact page</li>\r\n</ul>\r\nAs your website grows, you can create other pages. For now, those will suffice. Get some content on them, publish the pages, and then let’s work on getting them onto your website.</p>\r\n\r\n<h3 id=\"step8\" style=\"text-align: justify;\"><a id=\"step8\"></a>Step 8: Create a Menu</h3>\r\nWhereas when you hit the “Publish” button on a Post and it goes straight onto your blog, a Page needs to be added to your site’s navigation (or menu) if you want it to show up.</p>\r\nSo, the first thing to do is to create those pages for your site (which you did in Step 7).</p>\r\nNext, you’ll want to go to the Appearance tab and select “Menus”. This is where you will build and manage your site’s navigation.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Appearance-Menus-tab.png\" alt=\"\" width=\"600\" height=\"233\" /></center><br/></div>\r\nThere is kind of a lot going on here, so let’s take this one step at a time.</p>\r\nFirst, let’s look at the menu selection dropdown.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Menus-Management-Choose-Menu.png\" alt=\"\" width=\"600\" height=\"358\" /></center><br/></div>\r\nUnless you have a need for a mega menu or multiple menu options on your site, you likely won’t even have a choice here. However, if your theme automatically creates secondary or footer menus for you, be sure to select the one you actually want to create/edit here.</p>\r\nNext, let’s look at the sidebar options.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Menus-Management-Sidebar-Options.png\" alt=\"\" width=\"600\" height=\"358\" /></center><br/></div>\r\nWhen you expand these tabs, you’ll be presented with pages, posts, and other types of content that already exist on your site (which is why you need to at least start on Step 7 before doing this step). For the most part, you’ll be working within the Pages tab to create your menus. However, if you do have custom links or other content types you want to add to the navigation, know that this tool allows you to make that happen.</p>\r\nNow, it’s time to create your menu.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Menus-Management-Structure.png\" alt=\"\" width=\"600\" height=\"358\" /></center><br/></div>\r\nIn order to get pages to show up under the Menu Structure section, click the checkbox next to the page (or pages) you want to add to the sidebar. Then click on the “Add to Menu” button. You’ll see those pages then show up under Menu Structure.</p>\r\nWithin this interface, you can now drag-and-drop your pages and design your menu to appear however you’d like it to. In addition to placing pages in a custom order, you can also create a hierarchy. So, let’s say you wanted “Portfolio” to appear only when someone hovers over the About tab, simply drag that page inward so that it becomes a <em>subitem</em>:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Navigation-Hierarchy.png\" alt=\"\" width=\"600\" height=\"272\" /></center><br/></div>\r\nYou can also change the page labels that appear in the navigation. For instance, let’s say you called the page “Portfolio” in WordPress so your employees would know where to put examples of your work. However, on the customer-facing side of the website, you think it would be clearer if you called the page “Sample Work”. You can rename it here.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Navigation-Label.png\" alt=\"\" width=\"600\" height=\"384\" /></center><br/></div>\r\nOne other thing to point out here is the Menu Settings box at the bottom.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Menus-Management-Auto-Add.png\" alt=\"\" width=\"600\" height=\"358\" /></center><br/></div>\r\nIf you know that you’ll be adding new pages regularly to your website and don’t want to have to repeat this process every time, you can click on the “Automatically add new top-level pages to this menu” option to streamline your process.</p>\r\nWhen you’re done setting up your menu, save your changes.</p>\r\n\r\n<h3 id=\"step9\" style=\"text-align: justify;\"><a id=\"step9\"></a>Step 9: Configure Your WordPress Settings</h3>\r\nI typically advise new WordPress users to leave the settings setup until this stage of the process. Many of the settings offered by WordPress control things related to your pages and posts, and that’s not necessarily something you’d understand until you’ve actually created them for your site.</p>\r\nSo, now that you’ve done that, it’s time to go through your settings one-by-one and make sure your WordPress site is configured to work exactly as you want it to.</p>\r\n<b>General</b></p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/General-Settings.png\" alt=\"\" width=\"600\" height=\"361\" /></center><br/></div>\r\n<ul style=\"text-align: justify;\">\r\n <li><strong>Site Title:</strong> This is what will appear in someone’s browser tab when they arrive at your site.</li>\r\n <li><strong>Tagline:</strong> This can be changed when you create content for your home page, so this isn’t a required field.</li>\r\n <li><strong>WordPress Address:</strong> This is the URL of your main site.</li>\r\n <li><strong>Site Address:</strong> For most of you, this will match the WordPress Address. However, if you are setting up something like Multisite that requires each site have its own sub-domain, you’ll specify that here.</li>\r\n <li><strong>Email Address:</strong> This is for the main admin of your site, so they can receive all related notifications regarding it.</li>\r\n <li><strong>Membership:</strong> If you want people to subscribe to your site for updates, click this box.</li>\r\n <li><strong>New User Default Role:</strong> Keep this to Subscriber or Customer so that they can’t gain access to the backend of your site.</li>\r\n</ul>\r\nThe rest of the information pertains to date and time configurations.</p>\r\n<b>Writing</b></p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Writing-Settings.png\" alt=\"\" width=\"600\" height=\"356\" /></center><br/></div>\r\n<ul style=\"text-align: justify;\">\r\n <li><strong>Default Post Category:</strong> If you’re including a blog on your site, you should eventually come in here and remove the “Uncategorized” category. You’ll want each new post to be assigned a category and removing the default setting will make it easier on yourself in the future.</li>\r\n <li><strong>Default Post Format:</strong> For the most part, “Standard” should suffice unless you’re using your blog to share video, audio, or image galleries.</li>\r\n <li><strong>Post via email:</strong> If you want to be able to write WordPress posts and email them to your site (which I wouldn’t advise), you can enable this setting here.</li>\r\n <li><strong>Update Services:</strong> Leave this field be unless you have a private blog and don’t want people to know when you have new content available.</li>\r\n</ul>\r\n<b>Reading</b></p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Reading-Settings.png\" alt=\"\" width=\"600\" height=\"366\" /></center><br/></div>\r\n<ul style=\"text-align: justify;\">\r\n <li><strong>Your homepage displays:</strong> You have two choices when setting up a site in WordPress. You can let your homepage serve as the main blog roll, so that visitors first encounter “Your latest posts”. Or you can create a full-blown website and let “A static page” you created serve as the home page.</li>\r\n <li><strong>A static page:</strong> If you select this second option, you’ll need to designate a page to be your homepage and a page to automatically display your posts on.</li>\r\n <li><strong>Blog pages show at most:</strong> If you show a summary of your blog posts (see option below), you can display up to 10 posts per page. If you show the full text, try to limit this to 3 posts.</li>\r\n <li><strong>Syndication feeds show the most recent:</strong> When your blog shows up in someone’s RSS (syndication) feed, this setting enables you to choose how many recent posts they’ll see initially.</li>\r\n <li><strong>For each article in a feed, show:</strong> This is up to you to decide, though I think a summary is probably best for improving the overall look on a main blog page’s feed. It also gives visitors a reason to click through and visit another page (which is good for SEO).</li>\r\n <li><strong>Search engine visibility:</strong> Unless your website is private, do not check this box.</li>\r\n</ul>\r\n<b>Discussion</b></p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Discussion-Settings.png\" alt=\"\" width=\"600\" height=\"347\" /></center><br/></div>\r\n<ul style=\"text-align: justify;\">\r\n <li><strong>Default article settings:</strong> The first setting refers to backlink notifications. The second setting refers to pingbacks and trackbacks. The third has to do with allowing comments on your blog.</li>\r\n <li><strong>Other comment settings:</strong> If you do want visitors to leave comments, you can set requirements on who they are as well as how comments appear.</li>\r\n <li><strong>Email me whenever:</strong> Staying engaged with people who take the time to comment on your content is a good thing. Check these so you can more easily stay on top of that.</li>\r\n <li><strong>Before a comment appears:</strong> If you’re worried about spam or abusive comments coming through, update these settings.</li>\r\n <li><strong>Comment Moderation/Blacklist:</strong> You can decide more specifically who is allowed to leave a comment (so long as it’s moderated) and who isn’t.</li>\r\n <li><strong>Avatars:</strong> If you’re not running a membership site that allows users to create a full custom profile, be sure to update these settings to give your comments section a little personality.</li>\r\n</ul>\r\n<b>Media</b></p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Media-Settings.png\" alt=\"\" width=\"600\" height=\"326\" /></center><br/></div>\r\nIf you’ve designed a custom WordPress site, you may have a need for custom media file sizes. In using this setting, you can streamline the media upload and sizing process. That way, visual content automatically goes into your pages at the right size and you don’t have to worry about making adjustments of it in your design software or compromising visibility of the image once it’s in WordPress.\r\n<h3 id=\"step10\" style=\"text-align: justify;\"><a id=\"step10\"></a>Step 10: Install Essential WordPress Plugins</h3>\r\nInstalling WordPress plugins is the final step in the WordPress setup process.</p>\r\nIn terms of what a WordPress plugin is, it’s a piece of software that hooks into WordPress. As for what it does? Well, plugins can do <em>a lot</em> of different things. They can help you:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>Integrate a social media feed into your site.</li>\r\n <li>Resize and compress images.</li>\r\n <li>Block spammers and hackers.</li>\r\n <li>Create a forum.</li>\r\n <li>Add a payment gateway.</li>\r\n <li>Translate your site.</li>\r\n <li>And much, much more.</li>\r\n</ul>\r\nFor example <a href=\"https://wprichsnippets.com/?ref=162\">WP Rich Snippets</a>, <a href=\"https://yoast.com/wordpress/plugins/seo/\">Yoast SEO premium</a>, <a href=\"https://thirstyaffiliates.com/?aff=e8bf0f27d70d480d3ab793bb7619aaa5\">Thirsty Affiliates</a>, <a href=\"https://optinmonster.com/\">OptIn Monster</a> are best to start with.\r\nSo, how do you choose which ones you need?</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/WordPress-Plugin-Repository.png\" alt=\"\" width=\"600\" height=\"203\" /></center><br/></div>\r\nWhile it’s tempting to look through <a href=\"https://wordpress.org/plugins/\" target=\"_blank\" rel=\"noopener\">the WordPress repository</a> that currently houses over 50,000 free plugins and install all of the ones that seem really cool or worthwhile, be careful. WordPress plugins are like any other kind of file or software you layer on top of your site. With more weight, comes slower loading times–and that’s not something you want for your user experience.</p>\r\nThat’s why you need to choose your plugins wisely. To start, let’s look at the absolute plugin essentials every WordPress site needs:</p>\r\n\r\n<ul style=\"text-align: justify;\">\r\n <li>Google Analytics plugins: Tracking visitor activity on your WordPress site is essential. However, getting the Google Analytics tracking pixel on your site isn’t always that straight-forward. These plugins will take care of it.</li>\r\n <li>SEO plugins: These plugins are great as they provide guidance on what you need to do on each page or post to optimize it for search.</li>\r\n <li>Caching (speed) plugins: People don’t have much patience anymore and you don’t want your site to test that, so you’ll need one of these plugins.</li>\r\n <li>Image optimization plugins: Every website uses images, whether they’re your own high-resolution photography or really cool stock photos and illustrations you found on the web. If you want to keep them looking sharp and loading fast, you need one of these.</li>\r\n <li>Security plugins: With WordPress being so popular around the world, it’s often a common target for hackers. A security plugin will help you create a stronger defense against them.</li>\r\n <li>Contact form plugins: If you’re publishing a site to the web, then you most definitely want people to not only visit it, but to engage with you through it. A contact form is an essential piece required for that interaction to take place.</li>\r\n</ul>\r\nAs for getting these plugins onto your site, well, that’s the easy part. The process is almost identical to WordPress theme installation.</p>\r\nInside WordPress, go to the Plugins tab on the left and select Add New. This will take you to the WordPress repository without forcing you to leave your site.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Add-Plugins.png\" alt=\"\" width=\"600\" height=\"328\" /></center><br/></div>\r\nOnce inside, you can do a search on the right for the plugin you want to install. You’ll have to do this process one-by-one for each of your plugins.</p>\r\nNext to the plugin name, you’ll see an “Install Now” button. Click it.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Install-Plugin.png\" alt=\"\" width=\"600\" height=\"258\" /></center><br/></div>\r\nOnce installation is complete, you’ll see a page like this. Click on <strong>Activate Plugin</strong>.</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Activate-Plugin.png\" alt=\"\" width=\"600\" height=\"219\" /></center><br/></div>\r\nSome plugins will require some configuration before you can use them and will automatically redirect you to their settings page to do so. Other plugins are ready to go out of the box. Regardless of which kind of plugin you’ve just installed, you’ll be able to find it here under “Installed Plugins”:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Installed-Plugins-List.png\" alt=\"\" width=\"600\" height=\"338\" /></center><br/></div>\r\nPlugins in blue are currently activated. Plugins in white are not inactive. To activate a plugin, click the “Activate” button below it. To “Deactivate” or “Delete”, do the same. And, for plugins that have settings you can configure, you can click that button if it’s available.</p>\r\nIt’s also important to note that some of your plugins will generate their own new tab on the sidebar. Take WP Smush, for instance. If you’ve chosen to use this image optimization plugin, you’ll now find that it’s installed a new option on your sidebar:</p>\r\n\r\n<div class=\"wpdui-pic-regular \" style=\"text-align: justify;\"><center><img class=\"attachment-600x600 size-600x600 aligncenter\" src=\"https://premium.wpmudev.org/blog/wp-content/uploads/2018/02/Plugin-Sidebar.png\" alt=\"\" width=\"600\" height=\"234\" /></center><br/></div>\r\nSo, be sure to look out for those new tabs after activation as they hold valuable settings and features you’ll want to start accessing right away.</p>\r\n\r\n<h2>You are not Alone - We got your back</h2>\r\nOnce you start building your first wordpress site, your mind will be full of questions because you would be new to the platform. But i promise you that once you get the grip, it will all be breeze. Besides there are communities that particularly focus on the beginners and beginner stuff.\r\n\r\nYou will find the most useful and they will be your best friends during the initial learning stages. <a href=\"https://www.wp101.com/?ref=423\">WP101</a> and <a href=\"https://www.wpbeginner.com/\">WPbeginner</a> are worth mentioning here. <a href=\"https://www.wp101.com/?ref=423\">WP101</a> provides easy to learn wordpress tutorials. <a href=\"https://www.wpbeginner.com/\">WPbeginner</a> is a blog site that contains posts related to beginner issues of a wordpress user.\r\nWrapping Up</h2>\r\nWordPress is the undisputed champ of content management systems, which is why there’s never been a better time to learn how to use it. In just 10 steps (and some careful research and planning), you can get your first WordPress website up and running! Good luck!</p>\r\n\r\n\r\n<hr />\r\n\r\n</div>\r\n<div class=\"wpmud-entry__after-content\" style=\"text-align: justify;\">\r\n<div class=\"wpdui-author-sticky-comment\">\r\n<div class=\"wpdui-author-comment\">Over to you: On a scale of 1 to 10, how confident are you feeling about building a WordPress site from-scratch now that you’ve completed this WordPress tutorial for beginners?</div>\r\n</div>\r\n</div>\r\n</section></div>\r\n</div>\r\n</div>\r\n</div>\r\n<footer class=\"wpmud-entry__footer\">\r\n<div id=\"wpmud-related-content-region\">\r\n<div class=\"wpmud-container\">\r\n<div class=\"wpmud-container__inner wpmud-container__inner--contained wpmud-container__inner--padded\">\r\n<div class=\"yarpp-related\">\r\n<div id=\"wpmud-related-posts\" class=\"wpdui-related-content\">\r\n<div class=\"wpdui-related-content__header\" style=\"text-align: justify;\"></div>\r\n</div>\r\n</div>\r\n</div>\r\n</div>\r\n</div>\r\n</footer> <br>Posted from my blog\r\n<br><center>Original Link: https://techvhow.com/a-wordpress-tutorial-for-beginners-create-your-first-site-in-10-steps_997/</center> ",
"json_metadata": "{\"community\":\"steempress\",\"app\":\"steempress/1.4\",\"image\":[\"\"],\"tags\":[\"hosting\",\"managedhosting\",\"plugins\",\"wordpress\",\"wordpressguide\"],\"original_link\":\"https://techvhow.com/a-wordpress-tutorial-for-beginners-create-your-first-site-in-10-steps_997/\"}"
}
]
}sensationupvoted (100.00%) @techvhow / debunkingmousemyths-n0ayiwpnlj2018/12/15 18:58:51
sensationupvoted (100.00%) @techvhow / debunkingmousemyths-n0ayiwpnlj
2018/12/15 18:58:51
| voter | sensation |
| author | techvhow |
| permlink | debunkingmousemyths-n0ayiwpnlj |
| weight | 10000 (100.00%) |
| Transaction Info | Block #28592631/Trx 699f6b08a00d7df75ead802981ab071b359e86b1 |
View Raw JSON Data
{
"trx_id": "699f6b08a00d7df75ead802981ab071b359e86b1",
"block": 28592631,
"trx_in_block": 5,
"op_in_trx": 0,
"virtual_op": 0,
"timestamp": "2018-12-15T18:58:51",
"op": [
"vote",
{
"voter": "sensation",
"author": "techvhow",
"permlink": "debunkingmousemyths-n0ayiwpnlj",
"weight": 10000
}
]
}Manabar
Voting Power100.00%
Downvote Power100.00%
Resource Credits100.00%
Reputation Progress71.41%
{
"voting_manabar": {
"current_mana": "315719778567",
"last_update_time": 1615616397
},
"downvote_manabar": {
"current_mana": "78929944641",
"last_update_time": 1615616397
},
"rc_account": {
"account": "techvhow",
"rc_manabar": {
"current_mana": "5894160586",
"last_update_time": 1618063350
},
"max_rc_creation_adjustment": {
"amount": "6050215650",
"precision": 6,
"nai": "@@000000037"
},
"max_rc": "6052228418"
}
}Account Metadata
| POSTING JSON METADATA | |
| profile | {"profile_image":"https://cdn.steemitimages.com/DQmdv2UJn5FsNoM7Dq5gTb3838UbsU4eSmgUpgzXzYLaVPy/bookmark_512x512.png","cover_image":"https://cdn.steemitimages.com/DQmbkKHw8e7oE4ZGqzhDE5upFmzfRL3og8pucF1SNcrCRso/cover-logo-white-color.jpg","name":"TechVHow","about":"Your Tech and HowTo Guide","location":"India","website":"http://techvhow.com"} |
| JSON METADATA | |
| profile | {"profile_image":"https://cdn.steemitimages.com/DQmdv2UJn5FsNoM7Dq5gTb3838UbsU4eSmgUpgzXzYLaVPy/bookmark_512x512.png","cover_image":"https://cdn.steemitimages.com/DQmbkKHw8e7oE4ZGqzhDE5upFmzfRL3og8pucF1SNcrCRso/cover-logo-white-color.jpg","name":"TechVHow","about":"Your Tech and HowTo Guide","location":"India","website":"http://techvhow.com"} |
{
"posting_json_metadata": {
"profile": {
"profile_image": "https://cdn.steemitimages.com/DQmdv2UJn5FsNoM7Dq5gTb3838UbsU4eSmgUpgzXzYLaVPy/bookmark_512x512.png",
"cover_image": "https://cdn.steemitimages.com/DQmbkKHw8e7oE4ZGqzhDE5upFmzfRL3og8pucF1SNcrCRso/cover-logo-white-color.jpg",
"name": "TechVHow",
"about": "Your Tech and HowTo Guide",
"location": "India",
"website": "http://techvhow.com"
}
},
"json_metadata": {
"profile": {
"profile_image": "https://cdn.steemitimages.com/DQmdv2UJn5FsNoM7Dq5gTb3838UbsU4eSmgUpgzXzYLaVPy/bookmark_512x512.png",
"cover_image": "https://cdn.steemitimages.com/DQmbkKHw8e7oE4ZGqzhDE5upFmzfRL3og8pucF1SNcrCRso/cover-logo-white-color.jpg",
"name": "TechVHow",
"about": "Your Tech and HowTo Guide",
"location": "India",
"website": "http://techvhow.com"
}
}
}Auth Keys
Owner
Single Signature
Public Keys
STM571q8G5YcM75tmZt6YC42auvWFDya2gzrWgrASdPPeodWSffca1/1
Active
Single Signature
Public Keys
STM5hJJ4UA4wex9UQgMRAeDpQ5EVfyzcuep8iXdKo14pSj6Lh2bzH1/1
Posting
Single Signature
Public Keys
STM7zNcKKk6vNL8Cy5PJpJtKzsGmBgzsmerEbimhcUSHnwqqiNFmQ1/1
Memo
STM6toNPhrAHKGJst9BaJcv7QQmLBHsZqEY4iasUYKvZoG8yzBAs9
{
"owner": {
"weight_threshold": 1,
"account_auths": [],
"key_auths": [
[
"STM571q8G5YcM75tmZt6YC42auvWFDya2gzrWgrASdPPeodWSffca",
1
]
]
},
"active": {
"weight_threshold": 1,
"account_auths": [],
"key_auths": [
[
"STM5hJJ4UA4wex9UQgMRAeDpQ5EVfyzcuep8iXdKo14pSj6Lh2bzH",
1
]
]
},
"posting": {
"weight_threshold": 1,
"account_auths": [],
"key_auths": [
[
"STM7zNcKKk6vNL8Cy5PJpJtKzsGmBgzsmerEbimhcUSHnwqqiNFmQ",
1
]
]
},
"memo": "STM6toNPhrAHKGJst9BaJcv7QQmLBHsZqEY4iasUYKvZoG8yzBAs9"
}Witness Votes
0 / 30
No active witness votes.
[]