少しのコードで実装可能な20のWordPress小技集CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ 1. カスタムメニューの設置カスタムメニューを使えるように設定しておくと、管理画面からドラッグ＆ドロップでメニューの追加や配置変更ができてとっても便利。私の場合必ず利用する機能のひとつです。 まずは functions.php に以下のコードを追加して、カスタムメニューを使えるようにします。functions.php がテーマフォルダ内にない場合は新規作成してください。 add_theme_support( 'menus' ); 続いて管理
PHP で文字列を省略する方法はご存知かもしれないですが、自前で実装するのはちょっと面倒。 でも WordPress には便利な独自関数があります。 PHPの場合 通常は以下の様な感じで文字列の省略は行います。$tag = ''; $title = get_the_title(); $chara = get_bloginfo('charset'); if( mb_strlen($title, $chara) > 30 ) { $tag .= mb_substr($title, 0, 30, $chara) .'…'; } else { $tag .= \$title; } echo \$tag; WordPressの関数を使う場合 WordPressの独自関数wp_trim_words()を使えば以下の1行でOKです。 英数字もマルチバイト文字も1字としてきちんとカウントしてくれるので便利
![[WordPress] 文字列を簡単に省略する方法 | 零弐壱蜂](https://cdn-ak-scissors.b.st-hatena.com/image/square/350c82cec084f27cc0af97b4a724b965e72d20e3/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fb.0218.jp%2Fimages%2Fogp%2F20140406203749.jpg%3Fts%3Dcd3469c9d534d27f9cad84bcc8836913fd9c2938)
STINGER http://stinger3.com/ スーパービチグソテーマ Gush http://gush.naifix.com/ STINGERをもとに作ったうんこテーマ 両者に共通するのはコードがクソ、デザインがクソだということ。 コーディングに規則性がない、まぁコピペだからなんだろうけど… WordPressのフォーマッタとかあっただろ、それ使ってやれよ。せめてインデントぐらい… あとディレクトリ構成も /images ぐらいでグチャグチャ あと Thumbs.db とかいらねーから。同梱すんな。 「SEOに強い」とか気のせいだからな。そのブログのコンテンツが良かっただけのことでしょ。 これらのテーマ使っているブログとか良いことが書いてあっても見る気が失せるんだよなあ。デザインがダサい上に見づらい。見づらいのが致命的だわ。 このテーマが悪いというわけじゃないけど、胡散臭いやつ
WordPress で生成される URI は基本的に末尾にはスラッシュは付いていません。 実現できるプラグインは沢山あるようですが、functions.phpに追加した方が色々と良いです。 デフォルトのURI アーカイブ(カテゴリ・タグ)ページなどのURIの末尾は、以下のような URI になっています。https://b.0218.jp/2014/04 https://b.0218.jp/category/wordpress https://b.0218.jp/tag/wordpress 以下のように URI の末尾にスラッシュを付けたいと思います。 https://b.0218.jp/2014/04/ functions.php に追加するコード 以下の様なコードをfunctions.phpに追加します。 ```php function add_slash_uri_end($uri, $
![[WordPress] URLの末尾にスラッシュを追加する方法 | 零弐壱蜂](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba5badd64a6581e00e8beb16a61669cb0327a08a/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fb.0218.jp%2Fimages%2Fogp%2F20140413154158.jpg%3Fts%3Dcd3469c9d534d27f9cad84bcc8836913fd9c2938)
僕がはじめて WordPress を触ったのは2年前… 当時は MAMP を使ったローカル開発環境で開発して、FTP で本番にアップ、、なんてやり方で作業をしていました。 MAMP が起動しなくなって気が狂いそうになったり、適当に作られた独自テーマがカオスすぎて発狂したり、正直僕は WordPress に良い思い出がありませんでした w で、最近久しぶりに WordPress を使って簡単な Web サイトを作る機会があり、改めて触ってみると今は便利なものがいっぱいありますねー驚くほど開発がスムーズにできたので、今回はその時のことを備忘録がてら書いておきたいと思います。 イントロダクション 今回、使わせていただいたのはこちら 仮想環境を用意して、そこに WordPress を導入する（自動で） vagrant-chef-centos-wordpress スターターテーマ Underscor
そろそろ WordPress 3.9 が来そうですね！ TinyMCE のメジャーバージョンが上がったり、その他細かく変わっている3.9、一応追えるだけ追ってます。 今回は WordPress 3.9 から実装される、キャプションとギャラリーの HTML5 対応について。 HTML5 対応とは WordPress 3.6 から追加されました HTML5 対応。 3.6 から使えたのは、 コメントリスト コメントフォーム 検索フォーム の3つでした。 3.9 からは新たにここへ、ギャラリーとキャプションが追加されるというわけです。 キャプションの HTML5 対応での変化 キャプション、HTML5 でない通常の出力コードは <div class="wp-caption" style="" id="attachment_xxx"> <img height="xxx" width="xxx" s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[WordPress] サムネイルを一括で解除する方法(設定の削除) | 零弐壱蜂](https://cdn-ak-scissors.b.st-hatena.com/image/square/320bebcd9d836d41afc83a20d43329c297c63d4d/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fb.0218.jp%2Fimages%2Fogp%2F20140410163534.jpg%3Fts%3Dcd3469c9d534d27f9cad84bcc8836913fd9c2938)