wordpress本地環(huán)境搭建
創(chuàng)新互聯(lián)是一家專業(yè)提供志丹企業(yè)網(wǎng)站建設,專注與網(wǎng)站設計制作、成都網(wǎng)站設計、H5網(wǎng)站設計、小程序制作等業(yè)務。10年已為志丹眾多企業(yè)、政府機構(gòu)等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進行中。
1百度搜索下載xampp
2選擇安裝目錄，下一步安裝
3安裝進度
4輸入 y y n 安裝OK
5打開桌面圖標，啟動apach、Mysql
6測試安裝本地環(huán)境
7xampp\htdocs是網(wǎng)站根目錄
本地安裝wordpress
1百度搜索wordpress,打開官網(wǎng)
2下載wordpress-4.0-zh_CN，并解壓
3把wordpress復制到htdocs網(wǎng)站根目錄
4在瀏覽器打開
5開始安裝
6打開數(shù)據(jù)庫，
7創(chuàng)建數(shù)據(jù)庫
8填寫數(shù)據(jù)庫，及其詳細信息。提交
9配置信息OK，進行安裝
10配置wordpress網(wǎng)站的基本信息
11wordpress安裝Ok，登陸后臺
12輸入，配置是的用戶，密碼
13wordpress安裝OK的首頁
第一， 安裝環(huán)境
Wordpress博客系統(tǒng)的正常運行需要三個條件：Web Server, PHP和MySQL.。對于這三個條件的設置，我們沒必要一個一個地來，我們有一個非常好的東西，那就是WampServer，全稱是Apache, MySQL, PHP on Windows。它集合了Apache Server, PHP以及MySQL,使得安裝過程非常簡單一步到位。不信你可以試一試！
WampServer安裝完成后，啟動WampServer，在你的任務欄里出現(xiàn)了一個半圓形的圖標，單擊這個圖標，我們可以看到下列選項：
WampServer2.0
1． Localhost: 用來測試安裝是否成功，如果單擊這個鏈接之后出來一個Wamp頁面，那就代表你安裝成功了。
2． phpMyAdmin: 一個數(shù)據(jù)庫管理頁面，十分粗糙和簡單，建議下載一個 MySQL客戶端。
3． www directory: web默認根目錄，單擊它你可以看到在你Wamp安裝目錄下有一個www文件夾，里面有一個index.php文件，這就是你單擊localhost出來的頁面。
4． Apache: Apache server安裝目錄。
5． PHP: 這是PHP安裝目錄。
6． MySQL:這是MySQL安裝目錄。
7． Start All Services:啟動所有服務。
8． Stop All Services：停止所有服務。
9． Restart All Services：重啟所有服務。
第二， 啟動Wordpress
運行環(huán)境搭建好之后，我們就可以試著把Wordpress在本地跑起來。首先我們需要下載一個Wordpress。解壓后將根目錄下的所有文件（即與index.php同級的所有文件）拷貝到www目錄下，因為Apache Http Server默認的web地址是www,如果你不想拷貝文件，你可以去Apache Server安裝目錄下找到一個叫httpd.conf的文件，或者你可以通過單擊桌面右下角的WampServer圖標，在彈出來的Apache子菜單下直接找到這個文件。找到后用編輯器打開，按Ctrl+f找到DocumentRoot “D:/jssay” 和 ，引號中的路徑就是你Wordpress所在目錄，修改后保存關(guān)閉，重啟WampServer就Okay了。
WampServer啟動之后，單擊localhost鏈接，或者直接在地址欄輸入：. 如果之前的設置都對的話，將出現(xiàn)一個頁面顯示”創(chuàng)建安裝配置文件“，要求你設置數(shù)據(jù)庫信息。值得注意的是，在你填寫這些數(shù)據(jù)庫信息之前，你需要新建一個數(shù)據(jù)庫并記下它的名稱，另外，數(shù)據(jù)庫默認的用戶名是root, 密碼為空。數(shù)據(jù)庫地址為localhost或者127.0.0.1。數(shù)據(jù)庫前綴可選擇默認（wp_）。所有信息填寫完畢后，點擊確定按鈕，等待一段時間（數(shù)據(jù)庫信息導入），如果你提供的信息完全正確，那么你將順利進入你的Wordpress。否則請仔細檢查你的數(shù)據(jù)庫信息是否有誤。
??昨天逛網(wǎng)頁時看到有用css與js實現(xiàn)環(huán)形進度條的（那位博主在面試時被要求當場寫出環(huán)形進度條π_π），然后就想嘗試下寫出來（感覺好尷尬），說實話春節(jié)后遺癥真可怕 haha~
??看了網(wǎng)上的 三種方法 實現(xiàn)方式如下：
??兩個clip過的半圓，邊框設置顏色，左側(cè)的用來旋轉(zhuǎn)，右側(cè)的固定不動（width：0px;），當進度到達50%時， 右側(cè)的半圓顯示出來（同時左半圓和右半圓的父元素div覆蓋最外層的div），左側(cè)的半圓繼續(xù)旋轉(zhuǎn) 。
??可能我沒說清楚，原文鏈接：
??使用SVGstroke-dasharray寥寥數(shù)行實現(xiàn)圓環(huán)loading進度效果，原文鏈接：
??利用path元素，使用path指令繪制扇形，原文鏈接：
??常用的path指令:
兩個介紹 SVG比較詳細的網(wǎng)址
??
??
??核心就是使用-webkit-clip-path:polygon();切割div，border-radius:50%;畫出圓弧
安裝了wordpress加載進度條插件。
插件直接安裝即可，不需要任何操作，安裝完成之后頂部的加載條就會自動出現(xiàn)了，可以以動畫的形式顯示網(wǎng)站加載的進度。
wordpress加載進度條，就是html5加上css3動畫和jq腳本制作完成的，代碼非常簡單。
重慶分公司
重慶分公司
