More Related Content
Similar to Css Nite Word Press
Similar to Css Nite Word Press (20)
Css Nite Word Press
- 5. ■ 新着情報表示
テンプレートの適切な場所に下記のソースを貼ります。
<?php
echo '<h2 class="title"><img
src="'.get_stylesheet_directory_uri().'/images/title/
home_pickup_title.gif" width="643" height="22" alt="" /></
h2>'."n";
$get_post = get_posts('numberposts=5&category=1');
echo <ul> ;
foreach ($get_post as $post) {
echo <li> ."n";
echo <span class= data > .get_the_time().’</span> ;
echo <span class= title ><a href="'.get_permalink().'
title="'.get_the_title().'">'.get_the_title().'</a></span>'."n";
echo '<li>'."n";
}
echo </ul> ;
?>
- 14. 今回使用しているプラグイン一覧
Contact Form 7
柔軟なコンタクトフォームを作成します。
Really Simple CAPTCHA
Contact Form 7の画像認証に使います。
WP Multibyte Patch
マルチバイト環境での不具合を修正します。
- 18. 使用するプラグイン
1.Ktai Style
安定版 Ktai Style1.81(今回はこちらを使用)
URL:
http://wppluginsj.sourceforge.jp/ktai_style/
開発版 Ktai Style 2.0.0-Bata3
URL:
http://wordpress.org/extend/plugins/ktai-style/
Ktai Style は、あなたの WordPress ウェブログを日本の携帯電話対応 (5キャリアお
よびスマートフォン対応) にするプラグインです。WordPress + Ktai Style だけで、
携帯ブログが構築できます。
※ http://wppluginsj.sourceforge.jp/ktai_style/より抜粋
- 22. サムネールの表示
投稿一覧に画像を出すために、
山椒(小粒)/Japanese Pepper を使用します。
『index.php』でfor構文で囲まれた部分に
以下の関数を挿入します。
<?php echo j_pepper_get_img(); ?>
そのままだと画像の容量が大きく表示されませんので
引数を設定します。
j_pepper_get_img('横幅','高さ','切取設定');
を参考に以下のようにして記述します。
<?php echo j_pepper_get_img('50','50','0'); ?>
- 24. ヘッダー・タイトルの変更
『header.php』に携帯テーマの設定が用意されているの
でそこを編集していきます。
■ヘッダーの背景色の変更は
$before = '<div style="color:white;background-
color:pink;margin:0;">'
のbackground-color変更します。
■ヘッダーの文字色の変更は
$before = '<div style="color:white;background-
color:pink;margin:0;">' のcolor変更します。
■ヘッダーのイメージの変更は
<h1 style="margin:0"><img src="' . ks_theme_url
(KTAI_NOT_ECHO) . 'icon.gif" alt="" />
icon.gifのイメージを変更しアップロードします。
アップロード先は、
wp-plugins -> ktai_style -> themes -> green内に
アップロードします。
- 25. ヘッダー・タイトルの変更
『header.php』に携帯テーマの設定が用意されているの
でそこを編集していきます。
■タイトルの背景色の変更は
$ks_settings['title_style'] =
'color:white;background-color:pink;';
のbackground-color変更します。
■タイトルの文字色の変更は
$ks_settings['title_style'] =
'color:white;background-color:pink;';
のcolor変更します。
- 28. 携帯投稿
Gmailを使用する設定方法を説明しま
す。
まず、普段使っているものだと、他の
メールも投稿されてしまうので
携帯投稿用にGmailを取得します。
- 29. 携帯投稿
Gmailを取得後Gmail側で設定を行いま
す。
設定する項目は、『メール転送とPOP/
IMAP』
の設定で『POPのダウンロード』を
有効化にします。
- 30. 携帯投稿
次に携帯投稿用ユーザを作成します。
ユーザー名に携帯用の
ユーザー名を記入します。
メールアドレスには携帯の
メールアドレスを入力します。
レビュー待ちではなく直ぐに公開できる
ようにするには権限を作成者以上にして
ください。
- 31. 携帯投稿
次にメール投稿の設定を行います。
投稿受付メールアドレスに、先程取得し
た
Gmailのアドレスを記入します。
Gmailのアドレスのユーザ名と@マーク
の
間にランダムに小文字英数字を+をつけ
て
設定します。
上記の事を行うと、スパムメールが来た
際にスパムメールも投稿される事を防ぎ
ます。
- 32. 携帯投稿
設定 -> 投稿設定 -> メールでの投稿
の設定でGmailのPOP取得設定を行い
ます。
メールサーバーには
ssl://pop.gmail.com
ポートは995にします。
ログイン名には
Gmailのユーザ名@gmail.com
パスワードには
Gmailのログインパスワードを入力しま
す。
初期投稿カテゴリーを設定したら保存し
ます。
- 33. 携帯投稿
投稿方法
宛先には先程設定したメールアドレスを設定します。
件名に記事のタイトルを記入します。
本文に記事の内容を入れます。
絵文字にも対応しているのでそのまま本文に記入します。
カテゴリーを変更する祭は本文の中に『CAT:』と記入し
カテゴリーIDを指定します。
画像の投稿は画像を添付して送信します。
- 36. 携帯クーポン
パソコンから閲覧時にクーポンページにアクセスしてきた
さいは、
リダイレクトでホームに移動するように設定します。
テーマディレクトリー内の『function.php』に
以下のソースを追加します。
//クーポンページ設定
function coupon_check() {
if(is_page('2')){
$siteuri = get_option('siteurl');
header("HTTP/1.1 301 Moved
Permanently");
header("Location: $siteuri");
}
}
add_action('wp','coupon_check');
- 37. 携帯クーポン
function coupon_check() {
if(is_page('2')){
$siteuri = get_option('siteurl');
header("HTTP/1.1 301 Moved Permanently");
header("Location: $siteuri");
}
}
add_action('wp','coupon_check');
クーポンページの指定
条件分岐タグのis_page関数で
ページを指定します。
add_actionでフックするタイミングを指定します。
- 46. 今回使用しているプラグイン一覧
Ktai Style
携帯用にページを表示させます。
Ktai Entry
モブログの機能を提供します。
emoji
PCから絵文字入力を支援します。
Lightbox 2
画像拡大アニメーション表示
Email User
登録ユーザにメールを送信します。
山椒(小粒)/Japanese Pepper
記事の最初の画像を表示する
BuddyPress
コミュニティー機能を提供します。
- 54. 使用するプラグイン
1. FE Advanced Search
URL:
http://www.firstelement.jp/fe-advanced-search/
「FE Advanced Search」は、複数の条件(カテゴリ/登録年月/キーワード/等)によ
る絞り込み検索機能を提供する、「WordPress」用のプラグイン(追加機能)です。
下記のformエレメントで検索条件を表示できます。
* ドロップダウンメニュー
* チェックボックス(AND/OR検索の選択が可能)
* ラジオボタン
* リストボックス(AND/OR検索の選択が可能)
* テキストボックス(フリーワード検索)
検索フォームを簡単に自由に作成できる設定パネルが WordPress管理画面内に用意さ
れています。
- 55. 今回使用しているプラグイン一覧
Custom Field Template
カスタムフィードの入力支援
FE Advanced Search
絞り込み検索を可能にします。
Lightbox 2
画像拡大アニメーション表示
Lightweight Google Maps
Google Map表示支援
Simple Tags
タグ管理支援