Archive for the Category Webdev

 
 

WordPress 使用 Shared SSL 登入管理後台

要強制 WordPress 登入管理後台時使用 SSL 連線,官方文件的說明是要在 wp-config.php 加上這一行:

define('FORCE_SSL_ADMIN', true);

不過如果一般只是測試用的網站,可能不會購買專屬的 SSL 憑證,而是採用虛擬主機服務商提供的 Shared SSL,由於 Shared SSL 都是使用主機商提供的公用網址,因此還必須加上以下設定,才能讓後台正常運作(以 Site5 主機為例):

define('WP_SITEURL', 'https://server.site5.com/~account/directory/');
define('WP_CONTENT_URL', 'http://www.abc.com/directory/wp-content');

說明:
WP_SITEURL要填寫的是主機商提供的 Shared SSL 路徑,而WP_CONTENT_URL則是指到網站的 wp-content 資料夾真實路徑。

[via Justin Korn]

使用 YQL 來擷取網頁圖片

上次介紹過 使用 PHP Simple HTML DOM Parser 擷取網頁圖片 的方法,這幾天在看 YQL,於是重做了一份 YQL+jQuery 的版本。

仍然以擷取 Google Doodle 網頁圖片為例,步驟一,引入所有需要的函式庫:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3.2");
</script>
<script type="text/javascript" src="jquery.query-yql.js"></script>

步驟二:

$(function () {
  var url = 'http://www.google.com';
  var t = $("#content").empty();
  //YQL 的語法,url 填入網址,然後透過 xpath 找到所要的元素
  var statement = "select * from html where url='" + url + "/logos/' and xpath='//dl[@class=\"doodles\"]//img' LIMIT 2";
  //透過 hail2u's jquery.query-yql 來操控資料
  $.queryYQL(statement, "xml", function (data) {
    $.each(data.results, function () {
      var img = $(this.toString());
      var src = img.attr('src');
      img.attr('src', url+src);
      img.appendTo(t);
      t.append('<br />');
    });
  });

});

成品網頁請按此。再次謝謝 Google Doodle 的客串。

SendGrid: 免費 / 付費 SMTP 服務

因為看了 ihower.tw如何正確發送(大量) Email 信件,所以去試用 SendGrid 提供的免費 SMTP 方案

今天測試時,原本使用本機寄信時,在 Gmail、Hotmail、Yahoo Mail 都會被判斷為垃圾信的信件,採用 SendGrid 的 SMTP 後,都順利進入收件匣了。這邊有個 Yahoo Mail 的經驗談是,如果寄件者和收件者是同一人,例如 abc@yahoo.com 寄到 abc@yahoo.com,這種信一定會被丟到垃圾信,屢試不爽。

我是用 WP Mail SMTP 這隻外掛,在裡面輸入 SendGrid 的 Server 和註冊帳號密碼後,就可以讓 wp_mail() 發出的信件,都走 SMTP 方式寄出,減少許多麻煩。(官方網站上的 PHP 範例則是以 Swift Mailer 為例)

SendGrid 免費版每天可以發送 200 封信件,也可以使用該服務提供的統計功能。不過對於正式營運的網站當然是不夠用的,付費版的基本方案每個月 9.95 美金可以寄 10,000 封信,超過則是每封信件加收 0.001 美金。

網路上可以找到一個優惠券,從該網頁提供的連結點入,可以獲得 25% 的折扣(僅限初次付費者)。最近遇到太多客戶抱怨寄信的事了,或許不久就會採用了……

使用 PHP Simple HTML DOM Parser 擷取網頁圖片

最近的專案需要擷取來源網址的圖片,網路上可以找到很多使用正則式(Regular Expression)達成的作法,不過還是決定採用 PHP Simple HTML DOM Parser 來作,省掉記憶和查詢正則式的功夫。

以擷取 Google Doodle 網頁圖片為例,步驟一:

<?php
// 引入套件
include_once('simple_html_dom.php');

$url = 'http://www.google.com';
$html = file_get_html($url.'/logos');
// 依照巢狀的層級找到 img 標籤
$imgs = $html->find('dd p img');
?>

步驟二:

<?php 
// 用 foreach 方式展示圖片,只秀 2 張圖
foreach($imgs as $k=>$img) { 
if ($k<2) {
// 用 getAttribute 取出圖片來源網址
?>
<img src="<?php echo $url.$img->getAttribute('src'); ?>" /><br />
<?php }
} ?>

成品網頁請按此。謝謝 Google Doodle 的客串。

Placehold.it:即時產生長寬示意圖

執行網站專案時,經常需要告訴使用者可以上傳的圖片尺寸,最好的方式是在範例圖片中直接標示出尺寸,省去另外撰寫說明文字的必要。Placehold.it 可以用最直觀的方式來產生這些圖片:

  • 網址:http://placehold.it/350x150可以產生如下的圖片:
  • 網址中加入副檔名,可以指定圖片格式(預設是 gif):http://placehold.it/350x150.png
  • 網址中加入文字,可以顯示於圖片中(空格請用+):http://placehold.it/350x150&text=Idea+Grapes
  • 尺寸後面可以加上16進位色碼(第一個是背景色,第二個是文字顏色):http://placehold.it/350x150/ffffff/000000
Pages: 1 2 3 4 5 6 ... 11 12 13 Next