SlideShare a Scribd company logo
1 of 39
Download to read offline
WWoorrddPPrreessss小ネタ集
2013.9.7
WordBench神戸 上村崇
@uemera
最近のオレ
PHPフレームワーク
(FuelPHP)
サーバーインフラ
(Webサーバ構築など)
WordPress
(プログラミングサイドの仕事)
JavaScript、jQuery
勉強会準備
(WordBench等)
ネットショップ支援
(CS-Cartアドオン作成、カスタマイズ)
@uemera
uemura
フリーランスのシステムエンジニアです。西宮在住。
上村 崇
1. http://example.com/?p=123
みたいなURLもっとカッコよくならないの?
2. この記事大事だからいつも一番上に表示しておきたい!
3. 1つの記事を分割してページ繰りさせるには?
4. 記事内容を20文字に要約して表示したい。
5. 助けて!自作のjQueryコードがWordPressで動かない!
6. ログインユーザ名を忘れた!どうすればいいの!
7. 「最新バージョンが利用可能です!」の通知を消したい。
8. 表示しているページが、どのテンプレートファイルを使っているか
知りたい
小ネタおしながき
http://example.com/?p=123
みたいなURLもっとカッコよくならないの?
小ネタその11
http://localhost/wordpress360/?p=8
http://localhost/wordpress360/cat
パーマネントリンク設定をすると、
URL文字列をカスタマイズすることができます。
こうしたい
パーマリンク設定でできます。
[設定] → [パーマリンク設定]で
「カスタム構造」を選択します。
「カスタム構造」にする「カスタム構造」にする
http://localhost/wordpress360/%category%/%postname%/
みんなも使ってるオススメのカスタム構造設定
カテゴリ名 投稿スラッグ名
カスタム構造を設定したつもりでもうまくいかないときは?
#	
  BEGIN	
  WordPress
<IfModule	
  mod_rewrite.c>
RewriteEngine	
  On
RewriteBase	
  /
RewriteRule	
  ^index.php$	
  -­‐	
  [L]
RewriteCond	
  %{REQUEST_FILENAME}	
  !-­‐f
RewriteCond	
  %{REQUEST_FILENAME}	
  !-­‐d
RewriteRule	
  .	
  /index.php	
  [L]
</IfModule>
#	
  END	
  WordPress
.htaccess が作られていないかも?
管理画面でカスタム構造の設定をして保存すると、WordPressのドキュメン
トルートに.htaccessが作られます。
レンタルサーバの設定によっては、書込権限がないため自動で作られないとき
があります。
そんなときは自分で作るしかない!
.htaccess
投稿記事URLをカスタム構造にすると、投稿記事1つ1つに、
スラッグ名をつけてあげる必要があります。
めんどくさいけどやるっきゃない!
カスタム構造にすると、投稿スラッグ名は
いちいち設定しないといけない
カスタム構造にすると、投稿スラッグ名は
いちいち設定しないといけない
カスタム構造で使えるタグ
カスタム構造タグ名 説明 例
%year% 投稿された年4桁 2013
%monthnum% 投稿された月 09
%day% 投稿された日 07
%hour% 投稿された時(時間) 14
%minute% 投稿された分 58
%second% 投稿された秒 33
%post_id% 投稿の固有ID 423
%postname% 投稿の投稿名を取得します。 cat
%category% 投稿のカテゴリーを取得します。 category1
%author% 投稿の作成者を取得します。 suzuki
参考
http://wpdocs.sourceforge.jp/パーマリンクの使い方
この記事大事だからいつも一番上に表示して
おきたい!
小ネタその22
猫画像投稿を先頭固定表示にしてみます。
常に、猫画像が記事の一番上に表示されるようになります。
1つの記事を分割してページ繰りさせるには?
小ネタその33
長い記事の途中に
<!-­‐-­‐nextpage-­‐-­‐>
を入れると、ここでページ分割されます。
記事の一番下に
次ページへのリンクが出現します。
記事内容を20文字に要約して表示したい。
小ネタその44
例えば検索結果の一覧に出てくる記事は抜粋表示になっています。
WP Multibyte Patch プラグイン を有効にしている場合は、各記事
は110文字まで抜粋表示されます。
→ この文字数を20文字にしたい場合は?
この文字数を20文字にする
function.phpに以下のコードを書きます。
function custom_excerpt_length($length) {!
return 20;!
}!
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
記事が20文字に要約されました。
助けて!自作のjQueryコードが
WordPressで動かない!
小ネタその55
<script>
	
  	
  	
  	
  $(function(){
	
  	
  	
  	
  	
  	
  	
  	
  $("#test").html("Hello	
  World!")
	
  	
  	
  	
  });
</script>
一般的なjQueryのコード。
これをWordPressのテンプレートに埋め込んでも動きません。
こう変える。
<script>
	
  	
  	
  	
  jQuery(document).ready(function($){
	
  	
  	
  	
  	
  	
  	
  	
  $("#test").html("Hello	
  World!")
	
  	
  	
  	
  });
</script>
<script>
	
  	
  	
  	
  $(function(){
	
  	
  	
  	
  	
  	
  	
  	
  $("#test").html("Hello	
  World!")
	
  	
  	
  	
  });
</script>
WordPressでは、プラグインがjQuery以外のライブラリ(MooTools,
Prototypeなど)を使う可能性を考慮しています。
それらのライブラリもまた、$記号を使うので、衝突回避のため
jQueryの$記号は使用できない設定になっています。
WordPress同梱のjQuery.jsには、
jQuery.noConflict() が書かれている。
これにより、$記号が使えなくなっている。
ログインユーザ名を忘れた!
どうすればいいの!
小ネタその66
パスワードを忘れたら、「新しいパスワードを取得」で解決できるけ
ど、ユーザー名もメールアドレスも分からない場合はどうするの?
http://localhost/wordpress360/?authour=1
とすると、ユーザーID=1の投稿記事が見られます。
ID=1のユーザは管理者。ユーザーが複数存在する場合は
ID=2以降もあります。
ユーザー名が admin であることが分かる!
phpMyAdminにログイン出来る場合は
WordPressのDBを直接見たら解決!
wp_usersの user_login にログインID、
user_email にメールアドレスが書かれています。
パスワードは暗号化されているので、ここからは分かりません。
phpMyAdminで直接データベースを見られる場合は...
「最新バージョンが利用可能です!」
の通知を消したい
小ネタその77
これを消したい!
1. プラグインを使う
	
  	
  	
  	
  →	
  Disable	
  WordPress	
  Core	
  Update
2. functions.php にコードを書く
add_filter(	
  'pre_site_transient_update_core',	
  '__return_zero'	
  );
remove_action(	
  'wp_version_check',	
  'wp_version_check'	
  );
remove_action(	
  'admin_init',	
  '_maybe_update_core'	
  );
3. バージョンを偽装する
解決方法はいろいろあります。
/**
	
  *	
  The	
  WordPress	
  version	
  string
	
  *
	
  *	
  @global	
  string	
  $wp_version
	
  */
$wp_version	
  =	
  '4.0';
wp-­‐include/version.php
バージョンを偽装すると、
バージョンアップ通知の表示がでなくなります。
この例では、実際のバージョン 3.5.1 に対して、
4.0 を設定しています。
WordPressのバージョンを偽装する方法
meta情報も更新されるので、未来に生きてる感!\(^o^)/
表示しているページが、どのテンプレート
ファイルを使っているか知りたい
小ネタその88
1. プラグインを使う
	
  	
  	
  →	
  Show	
  Current	
  Template
	
  	
  	
  →	
  Dubug	
  Bar	
  &	
  Debug	
  Bar	
  extendar
2. グローバル変数 $tempate を表示する
解決方法はいろいろあります。
<?php global $template; echo $template ?>
header.phpの一番下に追加する。
$templateを表示させる場合の解決法
テンプレートファイル名が表示された!
以上!
ありがとうございました。
@uemera uemura

More Related Content

More from Takashi Uemura

WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックWordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックTakashi Uemura
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!Takashi Uemura
 
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めようTakashi Uemura
 
WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013Takashi Uemura
 
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介Takashi Uemura
 
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介Takashi Uemura
 
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6Takashi Uemura
 
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!Takashi Uemura
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜Takashi Uemura
 
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するWordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するTakashi Uemura
 
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」Takashi Uemura
 
WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編Takashi Uemura
 
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるあるWordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるあるTakashi Uemura
 
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでWordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでTakashi Uemura
 
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話Takashi Uemura
 
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)Takashi Uemura
 
jQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリjQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリTakashi Uemura
 
CMS時代のバックアップノウハウを身につけよう!
CMS時代のバックアップノウハウを身につけよう!CMS時代のバックアップノウハウを身につけよう!
CMS時代のバックアップノウハウを身につけよう!Takashi Uemura
 
Xamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れるXamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れるTakashi Uemura
 
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作るWordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作るTakashi Uemura
 

More from Takashi Uemura (20)

WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックWordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
 
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
 
WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013
 
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
 
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
 
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
 
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
 
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するWordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
 
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
 
WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編
 
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるあるWordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
 
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでWordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
 
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
 
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
 
jQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリjQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリ
 
CMS時代のバックアップノウハウを身につけよう!
CMS時代のバックアップノウハウを身につけよう!CMS時代のバックアップノウハウを身につけよう!
CMS時代のバックアップノウハウを身につけよう!
 
Xamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れるXamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れる
 
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作るWordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
 

WordPressの小ネタ集(WordBench神戸発表資料)