Horje
基于Live2D 看板娘插件 (https://www.fghrsh.net/post/123.html) 的前端 HTML 源码改写 Wordpress Tutorial

Noted That:

  • To install correctly this live-2d.zip .
  • Fisrt Download the live-2d.zip to your computer
  • Extract/Open live-2d.zip to Your Computer.
  • Then, Find readme.txt file inside live-2d.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " live-2d.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " live-2d.zip "  Downloaded plugin from your computer, Where you downloaded live-2d.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Live 2D " folder is added on left sidemenu. Now, Click on " Live 2D " folder.

   Noted that: If you do not see " Live 2D " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Live 2D Configurtions and Settings or How to work " Live 2D " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Live 2D " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Live 2D
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the plugin folder to the “/wp-content/plugins/” directory of your WordPress site
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. See Settings -> Live 2D ??

????

  1. ?WordPress???????????
  2. ??????????????

????

Tips??????????????????????

  • ????
    • live2d_settings['modelAPI']
      ??? API ?????? '//live2d.fghrsh.net/api/'
    • live2d_settings['hitokotoAPI']
      ?? API ????? 'lwl12.com' ? 'hitokoto.cn' ? 'jinrishici.com' (???)
  • ????
    • live2d_settings['modelId']
      ????(??) ID??? Demo ? [F12] ?? ???(Console) ??
    • live2d_settings['modelTexturesId']
      ????(??) ID??? Demo ? [F12] ?? ???(Console) ??
  • ?????
    • live2d_settings['showToolMenu'] ? ?????? true | false
    • live2d_settings['canCloseLive2d'] ? ????? ??? true | false
    • live2d_settings['canSwitchModel'] ? ???? ??? true | false
    • live2d_settings['canSwitchTextures'] ? ???? ??? true | false
    • live2d_settings['canSwitchHitokoto'] ? ???? ??? true | false
    • live2d_settings['canTakeScreenshot'] ? ????? ??? true | false
    • live2d_settings['canTurnToHomePage'] ? ???? ??? true | false
    • live2d_settings['canTurnToAboutPage'] ?????? ??? true | false
  • ??????
    • live2d_settings['modelStorage'] ??? ID (?????)? true | false
    • live2d_settings['modelRandMode'] ???????? 'rand' (??) | 'switch' (??)
    • live2d_settings['modelTexturesRandMode'] ???????? 'rand' | 'switch'
  • ??????
    • live2d_settings['showHitokoto'] ??????? true | false
    • live2d_settings['showF12Status'] ??????????? true | false
    • live2d_settings['showF12Message'] ???????????? true | false
    • live2d_settings['showF12OpenMsg'] ???????????? true | false
    • live2d_settings['showCopyMessage'] ??????????? true | false
    • live2d_settings['showWelcomeMessage'] ???????????? true | false
  • ???????
    • live2d_settings['waifuSize'] ????????? '280x250' ? '600x535'
    • live2d_settings['waifuTipsSize'] ????????? '250x70' ? '570x150'
    • live2d_settings['waifuFontSize'] ????????? '12px' ? '30px'
    • live2d_settings['waifuToolFont'] ????????? '14px' ? '36px'
    • live2d_settings['waifuToolLine'] ????????? '20px' ? '36px'
    • live2d_settings['waifuToolTop'] ??????????? '0px' ? '-60px'
    • live2d_settings['waifuMinWidth']
      ???? ???? ???????? 'disable' (??)? '768px'
    • live2d_settings['waifuEdgeSide']
      ?????????? 'left:0' (?? 0px)? 'right:30' (?? 30px)
    • live2d_settings['waifuDraggable']
      ??????? 'disable' (??)? 'axis-x' (??????)? 'unlimited' (????)
    • live2d_settings['waifuDraggableRevert'] ???????????? true | false
  • ??????
    • live2d_settings['l2dVersion'] ????? (????)
    • live2d_settings['l2dVerDate'] ????? (????)
    • live2d_settings['homePageUrl'] ???????? 'auto' (??)? '{URL ??}'
    • live2d_settings['aboutPageUrl'] ??????? '{URL ??}'
    • live2d_settings['screenshotCaptureName'] ???????????? 'live2d.png'

?????

Tips? waifu-tips.json ??????????????????
"waifu" ????
"console_open_msg" ????????????????
"copy_message" ?????????????????
"screenshot_message" ????????????????
"hidden_message" ????????????????
"load_rand_textures" ???????????????
"hour_tips" ??????????????
"referrer_message" ??????????????
"referrer_hostname" ???????????? host????????
"model_message" ???????????? ID????????
"hitokoto_api_message" ??? API ?????????????
"mouseover" ????????? CSS ???????????
"click" ??????????? CSS ???????????
"seasons" ????????????????


live2d , httpswwwfghrshnetpost123html , html , tutorial ,

Name

Read Article
https://develop.horje.com/learn/1434/reference