wp_head();とwp_footer();とはいったい何なのか
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>テスト</title> <link rel="stylesheet" href="http://localhost/nomou/htdocs/wp-content/themes/sample/style.css" type="text/css" /> <meta name='robots' content='noindex,follow' /> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings =
WordPress REST API で、カスタム投稿タイプなどの情報を取得する ｜ Tips Note by TAM
2016.05.25 WordPress REST API で、カスタム投稿タイプなどの情報を取得する ちょいちょい使う機会も増えてきた WordPress の REST API ですが、カスタム投稿タイプやカスタムタクソノミー関連のデータ取得が必要な機会がありましたので、方法をまとめておきます。ひと手間だけかかる感じでした。 まずは軽くおさらい。 REST API のセットアップ WordPress で REST API を使いたい場合は、こちらのプラグインを入れて有効化します。以上です。 WordPress REST API 使い方は、ドキュメントがしっかりまとまっています。 API Reference | WP REST API v2 Documentation 投稿データを取得 基本的な使い方として、まずは最新の投稿データを取得したい場合。(以後、例としてドメイン名は exampl
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみました。 CSSファイルを読み込む方法 CSSを読み込むには、以下の関数を使用します。 wp_enqueue_style ★例として、子テーマフォルダ下に配置したBootstrapのCSSファイルを読み込ませる functions.php(子テーマ)に追加して下さい。 // wp-config/theme/[子テーマ名]/functions.php function my_styles() { wp_enqueue_style( 'bootstrap', get_bloginfo( 'stylesheet_directory') . '/bootstrap.min.css', array(), n
WordPress：functions.phpでJSやCSSを一元管理する方法とバージョン表記を消す方法 - NxWorld
CSSやJavaScriptなどの外部ファイルを読み込む際、全ページ共通で且つよく見かける方法だとheader.phpのhead内に記述するということが多いと思いますが、例えば投稿ページでは使うけど固定ページでは必要ないので読み込ませたくない場合があります。 head内で条件分岐させる方法もありますが、それをfunctions.phpを使って一元管理する方法です。 また、その際に追記されてしまうバージョン表記を消す方法も合わせて紹介します。 JavaScriptを管理する 例としてIDがそれぞれ1～3まで設定されている固定ページに、以下の4つのjsを適応させるという想定で説明していきます。 jquery-1.7.2.min.js（全ページに適応） common.js（全ページに適応） slide.js（固定ページ1のみに適応） lightbox.js（固定ページ2と3に適応） 上記のような
WordPressのスマホ対応に使える!!PCとの表示振り分け関数・プラグイン
By: slgckgc レスポンシブデザインでWordPressをスマホ対応させるとき、スマホとPCで表示を切り替えたくなることは多いです。その方法をまとめました。 PCとPC以外とを区別するwp_is_mobile関数を使う wp_is_mobile関数は、ガラケー･スマホ・タブレットでの閲覧時にはTRUEを返し、PCでの閲覧時にFALSEを返します。 <?php if(wp_is_mobile()) { (タブレット・スマホ・ガラケーから閲覧された場合の処理) } else { (PCから閲覧された場合の処理) } ?> 一見これで問題ないように思えますが、ユーザビリティ的にはあまりよくないのです。 [img-link url=”http://googlewebmastercentral-ja.blogspot.jp/2012/11/giving-tablet-users-full-s
ブログでアクセスアップして稼ぐためのコツ・ヒント・Tipsを全て公開するよ - ラブグアバ
ブログを書いている人なら誰しも「ブログのアクセス数をアップしたい」「あわよくば（もしかしたら主目的かもしれませんが）ブログから収益を得たい」という願望を持ってますよね。もちろん私だってめちゃくちゃあります、この願望は。 ただ、私はサラリーマンブロガーなので、ブログ一本で食っていく！ほどの意気込みも余裕もありません。 それでも当ブログを始めて2年半くらい経過し、それなりのアクセス数と、お小遣いとしては十分すぎる額の収益が安定的に得られるようになりました。 そこで今回は、ブログでアクセスアップしたい、ブログで小遣いを稼ぎたいと思っている人に参考にしてほしいこと、気にしてほしいことを列挙していきたいと思います。 ただし、ここに書くのはそのエッセンスやキーワードのみです。詳細は当ブログを参考にしてもらったり、ググったりして自分で探してみてください。 また、これは私の経験則によるものです。人によって
WordPressでAmazonのアソシエイトリンクを設置する｜Webクリエイターネット
Category WordPress 先日、友人から｢WordPressでAmazonのアソシエイト(アフィリエイトのことです)をやりたいんだけど...｣と相談を受けました(アフィリエイトのリンク管理もしやすく、見た目もそこそこよいものにしたい！というご要望...)。 プラグイン導入で即終了！といきたかったのですが、Amazonアソシエイトに関してはなかなかよいプラグインが見つかりません(有名どころのプラグインをいろいろ試してみたのですが、使い勝手や動作に問題があったりする場合が多いようです。アクセスキーIDとシークレットアクセスキーを取得して設定していても"アマゾンのサーバーでエラーが起こっているかもしれません..."となってしまうプラグインもありました。Amazon側の仕様変更に対応していないことが原因かもしれません。自作するか...と考えていたところ、カスタマイズ性にも優れたなかなか
【WordPress】Webフォントありのブログを高速化した、たった1つのこと | せめて、人間らしく
ブログが重い このブログでは、一部ですがWebフォントを使っています。 あとスライダーやカレンダーやら重いものが動いており、 表示スピードがとっても遅く、もたもたしたブログでした。 スピード判定で有名なGT Metrixで検査すると、やっぱり「DD判定」。 有名なプラグインのDB Cache Reloaded、W3Total Cacheも導入していましたが、ボトルネックがあるようで、まったく改善されませんでした。 CSSやJSを圧縮してみたりもしたのですが、DD判定は変わりませんでした。 今回は、GTMetrixのアドバイスに従って、高速化施策を行います。 一瞬で高速化 とても単純で、.htaccessに以下を追記するだけです。 #MIMEタイプ AddType application/vnd.ms-fontobject .eot AddType application/x-fon
WordPressスマホサイトだけ中サイズ画像に変換する方法 - cocowa
WordPressの投稿で画像を表示していると思います。私が記事を作成する時には、画像をフルサイズで指定しています。 パソコンやタブレットは画面サイズが大きいので、フルサイズ画像でいいのですが、スマートフォンサイトだとファイルサイズが大きくなりすぎてしまいます。 スマートフォンはパソコンと比べると性能が劣るし、通信速度も遅いので、軽量化することが大事です。 スマートフォンは画面が小さいので、画像サイズも小さめのものを表示しても十分です。 私はスマートフォンで表示した時に、フルサイズの画像から中サイズの画像に置き換えて表示しています。 それだけでスマートフォンにかかる負荷が下がるので、表示速度が早くなると思ったからです。 functions.phpにコードを追加 以下のコードをfunctions.phpに追加して、スマートフォンの時だけ中サイズの画像に差し替えています。 add_filter
人気記事ランキングをWordPressに表示するプラグイン「WordPress Popular Posts」の設定方法 | 副業アフィリエイトで稼ぐ方法～アフィリエイト初心者が成功するためには？～
人気記事ランキングをWordPressに表示するプラグイン「WordPress Popular Posts」の設定方法 2013.09.15 ブログを運営していき、ある程度記事数が増えてきたり、アクセスが増えてきたら「人気記事ランキング」を作ることがオススメ。 人気記事ランキングを作ることでブログの１アクセス辺りのPV数（ページビュー）を増やすことにもつながるので、必要に応じて使ってみてくださいね。 特にトレンドアフィリエイトでは絶対に入れておいた方がいいです。 WordPress Popular Postsのインストール まずはプラグインをインストールします。 普通通りダッシュボードの左メニューの「プラグイン」から「新規追加」でOK。 WordPress Popular Postsで検索すれば一番最初に出てきます。 「いますぐインストール」をクリックしてインストールしてください。 完了後
個別のHTML, CSS, JS, PHPを追加・管理できるプラグイン -CSS & JavaScript Toolbox | コリス
WordPressで特定のページだけ個別のスタイルシートやスクリプトを使いたい！ しかも1ページだけでも複数のページにも適用する場合がある！ そんな要望を叶えてくれます。 投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に、個別のHTML, CSS, JavaScript, PHPのコードを追加でき、一元管理もできるプラグインを紹介します。 CSS & JavaScript Toolbox CSS & JavaScript Toolbox -WP Plugin Directory 以前、紹介したCustom CSS and JSは記事や固定ページごとにそれぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインで、これは手軽に利用できて便利ですが、今回紹介するのはそれより高機能。 まずは、その画面をご紹介。 当ブログにインストールした画面です。 左パネルで
WordPress でカスタム投稿タイプを簡単に拡張できるようにするコード
カスタム投稿タイプを拡張するためのプラグインがあります。しかしプラグイン頼りだとプラグインがなくなった時に困りますし、テーマで直接有効化したいという場合もあると思いますので、今回は直接拡張を簡単にする方法を紹介します。 カスタム投稿タイプを簡単に拡張するコード 以下のコードを functions.php などに貼りつけて下さい。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 class wbCustom { function custom_post_type($titl
WordpressのサイドバーにTwitterのつぶやきを表示する | トリコロールな猫
Twitterのサイトからウィジェットを作成できます。 ウィジェット作成 Twitterのウィジェットのページに行き、[新規作成]をクリックします。 各種設定。あんまりカスタマイズはできないみたい？デフォルトのままでも十分ですがウィジェットを設置するサイトのURLを忘れずに入力しましょう。必要事項を入力したら[ウィジェットを作成]をクリック。 右下に表示されているコードをコピーします。 WordPressのサイドバーに設置 WordPressのダッシュボードに移動し、[外観]から[ウィジェット]をクリックし、ウィジェットの[テキスト]をサイドバーに追加します。 テキストエリアにコピーしたコードをはりつけて[保存]をクリックします。タイトルは空白にしておく。 これで、サイドバーにツイートが表示されるようになります。 もうちょっとデザインをいじりたいところです。前はウィジェット作成時点でいろい
複数サイト運用方法(複数ドメイン型)｜WordPress活用ガイド｜テンプレートキング
概要運営したいサイト、ドメインの数だけサーバーを契約したりプログラムをインストールするのは大変ですが、WordPressには「マルチサイト」という機能が標準で用意されています。 「マルチサイト」は1つのサーバー、1つのプログラムで複数のサイトを運営できる便利な機能です。 「マルチサイト」で複数のサイトを運用する場合、以下の3つの方法からお選びいただけます。 サブディレクトリ型サブドメイン型複数ドメイン型※ 最初にお選びいただいた方法から、途中で別の方法には変更できません。 今回は「複数ドメイン型」についてご説明します。 複数ドメイン型 マルチサイトとは？「サブドメイン型」と似ていますが「プラグイン」を利用して複数の異なるドメインで複数のサイトを公開します。 ドメインの準備基本となるサイトを公開するドメイン「example.com」と、複数のサイトを公開するためのドメインの取得がそれぞれ完了
サムネイルのトリミングを手動で設定できるプラグイン「Post Thumbnail Editor」
WordPressで作られたブログでは必ずといっていいほど使われているサムネイル画像。記事の一覧やランキングなど、サムネイルがあるのとないのでは、目の引き具合がだいぶ変わりますが、このサムネイルが微妙なところでトリミングされていると、かなり残念なことになりますよね。 そこでトリミングの範囲を手動設定できるプラグインの出番です。 このプラグインをインストールすると、記事の編集画面にある「アイキャッチ画像」のところに「Post Thumbnail Editor」ってリンクが、あるいはメディアライブラリの各画像には「Thumbnails」というリンクが追加されます。 このリンクをクリックすると、サムネイルの設定範囲編集画面へ進みます。 まずは、サムネイルサイズを選択し、続いて画像をドラッグで範囲選択します。そして最後にCropをクリックしましょう。そうすると範囲選択したサムネイルのプレビュー画面
Wordpressで1秒切り！目を疑う高速表示の設定はこれだ！1時間で5万PVでも大丈夫 | iPhone 研究室
先日、Yahoo! ニュースからリンクして頂いたのを切っ掛けに、大量アクセスがありました。いつもは後で気がつくんですけど、たまたま Google Analytics のリアルタイム画面を開いたらその直前にアクセスが爆発していました。通称「Yahoo!爆弾」ってヤツですね。 【追記】現在はコアウェブバイタル対応を完璧にするため、もっとモダンな設定にしています。 iPhone 研究室は WordPress で運営していますが、全く動じないでこの大量アクセスをこなしてくれました。 11時半頃にリンクがあったみたいなんですけど、世の中がお昼休みに入った12時頃から更にアクセスが倍増しました。 だいたい、11時半から12時までの30分で2万ページビュー（PV）、12時から13時までの1時間だけで5万PV位の大量アクセスになりました。 新型iPhoneに関する噂という記事からのリンクだったので、興味を
wp-config.phpファイルの設定いろいろ | コリス
WordPressをインストールしたことのある人は、「wp-config.php」ファイルにデータベースやシークレットキー、言語などを設定したことがあるでしょう。 これらの設定はもちろん大切ですが、他にも有用な設定がいろいろできるので紹介します。 10+ wp-config tricks to boost your WordPress site 下記は各ポイントを意訳したものです。 「wp-config.php」設定の前に FTPのパスワードの入力を省略 FTPの情報を保持 テーマやプラグインの編集エディタの使用禁止 スパムコメントのゴミ箱を自動で空に WordPressの引越しに役立つテクニック WordPressのメモリの上限を変更 データベースの自動修復 エラーメッセージを非表示に 管理画面はSSLでアクセス 外部からのリクエストをブロック ウェブサイトのURLを定義 自動保存の間隔
WordPressで「予定に基づいたメンテナンスを行っているためしばらくの間ご利用できません。少し間をおいて再度確認してください」からの脱出方法
と表示されます。 正常に更新が終わるまで待っていれば良いのですが、更新の途中でサイトを離脱したり、何かの原因で更新が正常に終わらなかったり（更新中のままページが止まる…など）すると、 「予定に基づいたメンテナンスを行っているためしばらくの間ご利用できません。少し間をおいて再度確認してください。」 のメンテナンスモードが原因、管理画面へのアクセスはおろか、サイトの閲覧まで出来なくなってしまいます。 今回は、そのようなイレギュラーなケースにおける、メンテナンスモードからの脱出方法のご紹介です。 （１）メンテナンスモードからの脱出 その時は、リモート直下に生成される.maintenanceファイルを削除することで、メンテナンスモードを解除することが可能になります。 （２）プラグインファイル更新時の注意点 なお、何らかの原因でプラグインの更新が終わらないままメンテナンスモードから抜け出せなくなり、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tips! | WP-DBManagerと併せて使うWordPress Backup (by BTE)
WordPressの子テーマで@importを使わないでCSSを読み込む方法 - ディレイマニア
