ぼくのかんがえたさいきょうの editor-style #wpacja2013 - Toro_Unit
WordPress Advent Calendar 2013、3日目を担当させていただきます。@Toro_Unitです。 今回はWordPressで活用されているようで活用されていないような気がする、editor-style.cssをがっつり掘り下げてみようかと思います。 そもそもeditor-styleとは WordPressの投稿画面のビジュアルエディタ(ビジュアルリッチエディターとも言いますね)に適用するCSSのことです。 テーマのfunctions.phpに add_editor_style(); と記述すると、テーマ内のeditor-style.cssというファイルが、読み込まれるようになります。 また、引数にファイル名を指定することが可能で、その場合、 add_editor_style("css/editor.css"); とすると、テーマディレクトリのcss/editor.c
WordPressで登録ユーザーだけ画像や資料をダウンロードできる会員制サイトの作り方
WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 ウェブサイトに画像や資料をダウンロードできる機能がほしい。そんな要望がわりとあります。 写真やイラストを目的に合わせてダウンロードできるストックフォトサービス。最近はオーディオやムービーもダウンロードできるところが増えてますね。 そこまでの規模じゃないとしても、ウェブデザインや作曲をしているクリエイター寄りの人で、自分のサイトでPSDファイルやmp3をダウンロード形式で配布してみたいという人はけっこういそうです。 コーポレートサイトでも、取り扱っている製品やサービスの資料をサイト訪問者が簡単にダウンロードできる仕組みがほしいという声をよく聞きます。卸売のようなBtoBサイトの場
【WordPress】自作プラグインに管理メニューを追加するためのテンプレート（ひな形） - あずみ.net
【WordPress】自作プラグインに管理メニューを追加するためのテンプレート（ひな形）です。 毎回同じことを書くのが面倒なので自分用に用意したものです。 これをコマンド一発で自動生成できたらいいなと考えています。 ソースコードは以下のとおり。
Contact Form 7を4.4に更新したときに表示されるエラーの対処法
WordPress のお問い合わせフォーム用プラグイン「Contact Form 7」は検証機能が備わっており、メジャーアップデートなどのタイミングで以下のメッセージが表示されます。 間違った設定があるとメール配送の失敗やその他のトラブルにつながります。コンタクトフォームの設定を検証しましょう。 » Contact Form 7 の設定を検証する 検証するまで左メニューには ❶ という赤色の丸数字が表示されますが、何を指しているのかわからず放置している管理者も多いようです。 本記事で検証機能の使い方と修正方法を解説していますので、ご参考になればと思います。 Contact Form 7 検証機能の使い方 Contact Form 7 を最新版に更新したときなど、検証が必要なタイミングで以下のように数字とメッセージが表示されます。 そのまま「» Contact Form 7 の設定を検証する
WordPress の HTML をプラグイン無しで圧縮する方法 | q-Az
HTML や CSS、JavaScript の圧縮は、ページ表示スピードを高速化させる上で必要な作業です。 ただし、ソースコードの改行消したりの圧縮は体感できるほどの高速化はしません。gzip でファイルごと圧縮したりするほうがよっぽど重要な圧縮となります。気になる方向け、ちょっとでも WordPress のページサイズを軽くしたい方向けの方法をプラグイン無しで実行してみようと思います。 今から紹介する方法は WordPress のテーマファイルを直接編集する方法となるため、更新があるようなテーマなどでは使わないほうが無難です。 そのような場合は HTML ソースを圧縮出来る WordPress 用のプラグインがいくつかあるようなので、どうしても圧縮したいのであればそれを使ってください。functions.php を利用して実施コードを書ければ一番良いのですが、方法が思いつかなかったため直
【WordPress】プラグイン Advanced Custom Fields の全フィールドの出力方法
ワードプレスで構築したウェブサイトで、ちょっと変わった機能を実装したいとき。非常に多くのケースで［Advanced Custom Fields］（以下「ACF」）が役に立ちます。 今日は［ACF］での全フィールドタイプの出力方法を紹介します。 フィールドタイプ：基本 テキスト <?php if( get_field('text') ) { ?> <p><?php the_field('text'); ?></p> <?php } ?> テキストエリア <?php if( get_field('textarea') ) { ?> <p><?php the_field('textarea'); ?></p> <?php } ?> 数値 <?php if( get_field('number') ) { ?> <p><?php the_field('number'); ?></p> <?php
ページごとにテンプレートを使い分けるプラグイン「Single Post Template」の使い方
WordPressでページごとにテンプレートを使い分ける事ができるプラグイン「Custom Post Templates」を利用していたのですが、プラグインの検索で検索したら何か見当たらなくなっているので、代わりに「Single Post Template」の紹介をしておきます。機能的には同じなので問題無し。 一応公式テーマTwentyTwelveの子テーマ（child）を利用しているという想定で説明しますが、テーマによっては違う部分も出てくるかもしれないので注意。 前回の記事でも書いたようにアドセンス広告の配信停止をされたので違反と指摘されたページに関してはアドセンス広告を入れないテンプレートを利用する事にしました。 ⇒アドセンス配信停止から復活とその対処 違反しているページだけアドセンス広告は表示しないで他のページではアドセンス広告を利用する感じの対処をしました。つまり「アドセンス有り
WordPressのカスタムメニュー【2】テンプレートタグの活用方法 - デザイナーのタネあかし
前回、カスタムメニューを有効化させてナビゲーションメニューを表示する方法をご紹介しました。 今回はカスタムメニューのHTMLをカスタマイズ方法をご紹介します。 テンプレートタグwp_nav_menu() のパラメータで、idやclassの追加をはじめ、アイコンや矢印など画像やテキストも付け加えることができます。 設定できるパラメータ テンプレートタグ/wp nav menu からコードを引用し説明します。 <?php $defaults = array( 'theme_location' => '', 'menu' => '', 'container' => 'div', 'container_class' => '', 'container_id' => '', 'menu_class' => 'menu', 'menu_id' => '', 'echo' => true, 'fallb
既存のhtmlを使ってWordPressテーマ化する時の必要最低限の手順 | バニデザノート
HTMLファイルのほうが多くを占めるサイトの場合、「既存のテーマファイルをカスタマイズするより、htmlファイルをベースに構築したほうが早いかも」、と思うことがあり、最低限どこを直していけばいいかを書いてみたいとおもいます。 テーマの基準となる.htmlファイルを /WPの置かれているフォルダ/wp-content/themes/new_theme 内にコピーします。ファイル名は、index.php に変更。 「new_theme」は、好きなテーマファイル名でOKです。 css、js、画像フォルダは、既存のhtml郡の中に置いたままでもいいですし /new_theme内に複製コピーしてもOKです。 各ファイルパスだけ、相対パスだとWPのパーマリンク設定によってはうまく動かないことがあるので WPのテーマフォルダと違うところにある場合は絶対パスで http://xxxx.com/css/cs
WordPress4.4以降からhead内に挿入されるようになった不要なタグ「Embed」を削除。 - ONZE
先日WordPressがアップデートされて「Version 4.4」がリリースされました。 いくつかの新しい機能が追加されましたが、今回から採用された「Embed」は比較的新しいシステムなのでご存じない方が多いと思います。 この機能は、他のウェブサイトで「oEmbed」に対応している記事を、自分のブログに埋め込み可能になるもので、WordPress4.4 以降からは記事のURLを貼るだけで簡単に引用表示できます。 なお「Embed」機能で引用表示される情報は以下のとおり。 アイキャッチ画像 タイトル 抜粋テキスト サイトロゴ サイトタイトル コメント数 共有ダイアログ また「Embed」対応のために、WordPress4.4にアップデートすると<?php wp_head(); ?>のときに下記のコードが自動で挿入されるようになります。 <link rel='https://api.w.or
WordPress 記事のURLを自動的に連番にする方法 | ぶろぶろ！
WordPress 記事のURLを自動的に連番にする方法 2015/10/04 | category: Web/ブログ , WordPress | 読了時間: 2分36秒 こんばんは、すずしんです。 WordPressでブログを始めた私ですが、まず最初に設定しておこうと思ったのは パーマリンク の設定です。 私は記事のパーマリンク（URL）を 連番 にしたかったので、その方法を調べてみることにしました。 そこで、今回の記事では記事のパーマリンクを連番にする方法について紹介したいと思います。 ちなみに、私のWordPressのバージョンは4.3.1になります。 バージョンによっては、修正する箇所が微妙に異なるかもしれませんがご了承下さい。 パーマリンクの設定 私は最初、パーマリンクに「%post_id%」を設定しておけば自動的に連番になるのかと思っていました。 しかし、実際には自動保
Rewrite Endpoint活用のススメ WordPressで作る食べ○グ系サイト
3. P r i m e S t r a t e g y C o . , L t d . W o r d P r e s s I n t e g r a t i o n D i v i s i o n 3 1．自己紹介
WordPressこれだけ押さえておけば大丈夫。テーマ改造厳選Tips - 小さな会社の最強ホームページ戦略
ワードプレスのテーマ改造時にこれだけ知っていれば、とりあえず何とかなる、Tipsを紹介します。 プラグインを使えば、可能なモノもありますが、何かやるたびにプラグインを追加する事になり、気が付けば大量のプラグインが、なんて事も回避できます。 基本的に最低限の機能紹介ですので、実際にはある程度のカスタマイズが必要になると思います。 紹介する内容は以下のとおり 管理画面関係テーマ改造カテゴリ情報取得カスタムフィールド関係の4つです。 管理画面関係管理画面に追加すると便利なTips。 管理画面は制作者しか触れる事がありませんが、作業効率UPの為には入れておいた方がイイと思ったので。 WordPressの投稿画面で入れ子になったカテゴリ選択ボックスの階層を保つ方法 リンク：http://sole-color-blog.com/blog/php/54/ 便利度：★★★★★ カテゴリーを親・子・孫と階層
再びWordPress自作テーマ始動！カスタマイズの参考になるかもしれないこだわりポイント12個大公開！ #七ブ侍 #水曜日 | たらハコ
こっそりブログ「たらハコ」を始めて2年が経ちました。（tarahako.comを取得してからはまだ1年半） その記念ってわけじゃないですけど、またブログのデザインを一新しました！ せっかくなのでカスタマイズの参考になるかもしれないし、ならないかもしれないポイントをダラダラと説明してみようと思います。（参考にならないかもしれない≒マニアック過ぎて参考にならない） 今回はSTINGER依存を止めて、「自作WordPressテーマだ」と言ってみます。 それではどうぞ御覧ください！ スポンサーリンク 七ブ侍はブロガー14人(週イチ6名＋月イチ2名＋季イチ6名)が日替わりでブログ更新をするリレー企画です！ たらハコ2015年冬の大リニューアル！ 相変わらず毎週どこかしらデザインなり、ロジックが変わるブログを運営してます。よっしー(@guutarayossiy)です。 今年の春くらいから少しずつ考えて
get_termsやwp_list_categoriesを使って指定したタクソノミーに属するすべてのタームリストを取得する方法 | TechMemo
先日コメントでこのような質問をいただきました。 「指定したタクソノミーのタームをすべて取得したいけど、記事が存在するタームしか表示されない。記事が存在しないタームも取得する方法はないか？」 wp_list_categories や get_terms を使えば、指定したタクソノミーのタームを取得することができますが、デフォルトの状態だと記事が作成されているタームしか取得してくれません。 質問者様は、サイト上の登録フォームで、カスタム分類、カテゴリを連動式にした選択項目を設けたいため、記事が存在していなくてもタームのリストを取得したいということでした。 そこでキーとなるのが hide_empty という引数です。hide_empty はデフォルトでは True(1) になっていて、タームに紐付く記事が存在しない場合はそのターム情報を取得しません。 結論から言っちゃうと hide_empty
コーディング工房流 WordPressチートシート | コーディング工房
4月27日 10:58 みなさんはじめまして！ 主にマークアップの担当をしている和田です。 何かハンドルネームを考えようかと思ったのですが、よくよく考えたらすでに投稿者名が表示されていることに気付きました。 これから度々ブログを書くと思いますが、よろしくお願いします！ さて、初回の今回は、コーディング工房流 WordPressチートシートです。 プラグインの紹介などなども入れようと思ったのですが、それを入れるとネタの消費が激しくなるので、後日別途投稿したいと思います。 チートシート目次 テーマファイル function.php インクルードタグ テンプレートタグ ループ テーマファイル header.php・・・・・ヘッダー部分 sidebar.php・・・・・サイドバー部分 fooeter.php・・・・・フッター部分 index.php・・・・・メイン部分 function.php・・
PHP_CodeSnifferを使ってWordPressのプラグインやテーマがコーディングスタンダードに準拠しているかチェックする | Firegoby
PHP_CodeSnifferを使ってWordPressのプラグインやテーマがコーディングスタンダードに準拠しているかチェックする 先日、海外のユーザーさんから「おまえWordPressのコーディングスタンダートをガン無視してるやないか！」というツッコミを頂きまして、「あーすいませんすいません」みたいなやりとりをしてたら、コマンドラインでコーディングスタンダードに準拠しているかどうかをチェックするツールを教えてもらいました。 PHP_CodeSniffer + WordPress-Coding-Standards コーディングスタンダードに準拠しているかどうかをチェックするためのツールとしてはPHP_CodeSnifferというのが有名です。 http://pear.php.net/package/PHP_CodeSniffer/ このPHP_CodeSniffer用に作られたWordPr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressで診断ツールが作れるプラグイン『診断ジェネレータ作成プラグイン』で遊ぼう
WP REST APIを利用したNodeJSのWebアプリを死ぬ思いで作る | 高橋文樹.com | プログラミング
Loading...