_s(underscores)でテーマ作成するための準備 | オレインデザイン
今回から数回に分けて_s（underscores）を利用してWordPressテーマを作成する手順をご紹介していこうと思います。 とはいっても、僕も学習しながらそれらをまとめていく形になりますので、記事の内容に関して間違いもあるかもしれません。ご指摘やご感想などいただければと思います。 なんで_s（underscores）を使ってみようと思ったのか 今までWordPressに関するお仕事をする際には大きく分けて２つの流れがありました。１つは、既存のテーマをカスタマイズして利用する方法。そして、もう一つはゼロベースでテーマを開発する方法です。 多いのはどちらかというと後者の方なのですが、作業の大まかな流れとしては以下のようになります。 デザインを確定する（IllustratorもしくはPhotoshopなどを用いて） それらをコーディングする（HTML/CSS/jQueryなど） ブラウザに
WordPressでのカスタム投稿タイプ利用時のタクソノミー条件分岐タグ「is_object_in_term」
こんにちは。株式会社コミュニティコム代表取締役の星野邦敏です。 WordPressでは、バージョン３系以降、「カスタム投稿タイプ」という「投稿」や「固定ページ」とは異なる投稿箇所を、functions.phpに記載することで増やすことが可能になりました。 また、「カスタムタクソノミー（カスタム分類）」という「カテゴリー」や「タグ」とは異なる分類方法も、functions.phpに記載することで増やすことが可能になりました。 さて、その時に、例えば、カスタム投稿タイプで作られた記事ページ内で、特定のカスタムタクソノミー（カスタム分類）にチェックが入っている時だけ表示したい文章や画像がある場合もあると思います。 通常、投稿記事内で、特定のカテゴリーにチェックが入っている時だけ表示する場合には、 in_category という条件分岐タグを使います。 テンプレートタグ/in category –
AMPが当たり前の時代なのでWordPressのオリジナルテーマをAMP対応させてみた | WebNAUT by Beeworks
※この記事は2017年1月16日に執筆された記事です。現在は仕様が異なる可能性があります。 技術の移り変わりの早さに翻弄されているエンジニアの皆さんこんにちは！ 先日のWebNAUTリニューアルの目玉のひとつとして「AMP対応」というものがありましたが、今回はそれを例に、「WordPressのオリジナルテーマを、プラグインをうまいこと使ってAMP対応させてみよう」というテーマで記事を書いてみました。 AMPとは？ AMP（Accelerated Mobile Page）とは、GoogleなどのCDNにページの情報がキャッシュとして保持され、検索からのページ訪問の際にびっくりするほど表示が早くなるという夢のような技術です。 下の画像のように、検索結果ページのディスクリプション領域に、「⚡️AMP」の表記があるのがAMPページです。最近よく見るようになりましたね。 AMP対応させるには、通常の
記事本文に入れたショートコードの出力位置がおかしい場合の原因と対処 WordPress | MISLEAD
このmisleadブログは、ご覧いただくと分かる通り広告表示を行っております。 広告にはGoogle adsenseを利用しているのですが、実は同じページ内に3つまで表示されることができますが、本サイトでは記事詳細ページが2箇所なので、もう一つ増やしたいと考えていました。 そこでもう一つの広告は、記事本文中の任意の位置に表示させるたいと考えていたので、このタイミングで、「adsenseタグを表示するショートコード」を作りました。 （書き終えた記事の見直し中に、文脈を邪魔しない位置に広告を表示することができるためです） ところが、いざショートコードを入れてみると「ん？位置が変だぞ？？」と、思っていた位置に広告が表示されない事態が発生しました。 これを解消するために調べたところ、知っているかどうかの問題だったので、本日は備忘録として、ショートコードが思った位置に表示されない場合の原因とその対処
WP_Query関数のno_found_rowsパラメータ - てらこや.work
投稿やページのリクエストに対して様々な条件を設定してデータを取得できる関数としておなじみですが、たくさんの条件が設定できるがために知らなかった仕組みがあったので、その改修（チェーニング）を行いました。 WordPress Posted Displayでは、ウィジェットやショートコードで投稿などを出力する際に以下のようなコードを書いています。 $args = array( "post_status" => "publish", "no_found_rows" => true, "posts_per_page" => esc_html( $instance['posts'] ), "ignore_sticky_posts" => true ); $query = new WP_Query( $args ); 実際は$argsにさらに、表示するタイプごとにpost__inやcategory__i
WordpressのSuperPWA｜ブログをスマホの「ホーム画面に追加」するPWA簡単設定方法 | Genussmittel公式
PWAとはあなたのウェブサイトを、iOSアプリみたいにスマホのホーム画面に追加できる機能のことです。ブログのファン向けにデータ通信量も節約できる方法です。ここでは「Super Progressive Web Apps」というWordpressプラグインを使用して設定した内容を解説しています。私の場合は、作業時間は20分かかりませんでした。 PWAに必要なものSSL化（HTTPS化）されたサイト192px × 192pxのPNG画像512px × 512pxのPNG画像無料プラグイン「Super Progressive Web Apps」最低限のHTMLの知識GoogleChromeブラウザの検証機能「F12」やる気と時間とコーヒー PWA設定方法1.プラグインをインストール＆有効化 2019年3月6日時点、Wordpress5.1で、iTheme SecurityやSiteguardJP、
WordPress を数分で PWA 化するプラグイン Super Progressive Web Apps - FirstLayout
Super Progressive Web Apps とは？Google が推進しているのが PWA 。PWA とは、Web サイトをアプリにする仕組みです。 この PWA を簡単に WordPress に実装するできるのが、プラグインの Super Progressive Web Apps 。WordPress に PWA を実装するための優れたプラグインです。 PWA のホーム画面への追加機能・キャッシュ機能・オフライン機能と、欲しい機能に対応。また、プラグインの OneSignal – Free Web Push Notifications と連携すれば、PWA の Push 通知まで可能です。 さらに、設定が極めて簡単なことも特徴です。今日 WordPress を始めた方も、迷わず設定できるはずです。その上、PWA への対応が不完全な iOS 向けに、自動的に対策をしてくれます。
カスタム投稿にカテゴリー・タグ機能を追加する
function.phpに以下のコードを記します。 ＊すでにカスタム投稿機能を追加済みの場合は、13行目以降を追加してください。 //カスタム投稿の追加と、カテゴリー、タグ機能の追加 function my_custom_init() { //カスタム投稿「example」の設定 register_post_type( 'example', array( 'label' => 'example の投稿', 'public' => true, 'supports' => array( 'title', 'editor', 'author', 'thumbnail', 'excerpt', 'custom-fields' ,'comments' ), 'menu_position' => 5, 'has_archive' => true )); //カテゴリタイプの設定（カスタムタクソノミーの
WordPressの投稿から制御文字を削除する｜トライト
WindowsのChromeでWordpressの記事詳細ページを見たときに中黒のような謎のオブジェクトが挿入されていました。「なんだこれは？？」とソースを確認するも何もありません。しかしカーソルを動かすと文字数としてカウントされるので視認できない半角の何かが挿入されていることは確認できました。 正体は制御文字のバックスペース 「半角スペース」系のキーワードを色々組み合わせてググってみても、これと言った解決策に巡り会えず、それどころか正体すらわからない状態だったので、問題のソースをテキストエディタに貼って正体を確認することにしました。 Sublime Textで発見 AtomやらCotEditorに貼り付けてみましたが何も表示されず、TextWranglerに貼り付けるとクエスチョンマークが逆さに表示されていました！コピってググってみても「疑問符」と出てきましたので、うまく認識されていない
WordPress 4.9.6のGDPR導入でなにが変わったのか – Capital P – WordPressメディア
さて、以前お伝えした通り、WordPress 4.9.6はプライバシー＆メンテナンスリリースと銘打たれているのだが、いったい何が変わったのだろうか？ リリースされたばかりの変更点についての概観をいかに記す。 その1・プライバシーページ作成ツールの追加 GDPRではプライバシーポリシーの作成ツールが追加された。「設定 > プライバシー」に移動すると、プライバシーポリシー用のページを追加または指定することができる。 プライバシーポリシーページを作成する画面 ただし、注意点があるのだが、このツールがしてくれることはプライバシーポリシーページの指定だけである。TwentySeventeenなどのいくつかのテーマではプライバシーポリシーページが指定されている場合に限り、フッターなどにリンクを表示してくれる。それはつまり、プライバシーポリシーページに記載される内容が正しいことは保証しない。これはWor
is_home()とis_front_page()の違いって何？ | 100arttoe
ずっと謎だったので検証してみました。 「表示設定」で「フロントページの表示」をどう設定しているかによって is_home()が機能したり、is_front_page()が機能したり、また両方機能したりします。 結果は… is_front_page()とis_home()の両方機能 is_front_page()が機能 is_home()が機能 is_home()の存在理由となっているのがこの「固定ページ」の「投稿ページ」です。何ですかこれは…。 どうやら「ブログのトップページ」ということらしいのですが、非常に理解しづらかったです。フォーラムでも熱いやりとりが交わされています。 私の場合、「ブログのトップページ」は、ブログとして使うカテゴリのアーカイブページを利用するので、個人的にはいらない機能です。唯一、意味があるとすればwp_list_pages()で「ブログのトップページ」が吐き出せる
投稿一覧ページにページ番号付きのリンク（ページネーション）を追加する | The WordPress Press
ページ番号付きリンクでページネーションを実装するページ番号付きリンク（ページネーション）ページ番号付きリンクとは、記事一覧ページの下部でよく見る、ページ番号が付いたリンクのことです。WprdPressではデフォルトで1ページあたり10件記事が表示されますので、2ページには11件目から20件目までの投稿が、3ページには21件目から30件目までの投稿が表示されることになります。 実装が難しそうに思えますが、WordPressではthe_posts_pagination()を使って簡単に実装することができます。 <?php the_posts_pagination(); ?>この関数は中でpaginate_links()を読んでおり、以前はこれをそのまま使用していました。こちらの方がより詳細に出力をカスタマイズできるのですが、パラメータが多く扱いにくいので、the_posts_paginatio
WordPressのブログ記事に「前の記事へ」と「次の記事へ」のリンクを設置する | 福岡のホームページ制作会社 | シンス株式会社
こんにちは、福岡のホームページ制作シンス株式会社の越水です。 WordPressで制作したホームページのブログ記事に、前後のページへのリンクを設置する方法を紹介します。 前の記事や次の記事へのリンクを設置することで、Webサイトの訪問者に別ページも見てもらうきっかけを与えることができ、直帰率の低下にも繋がります。 今読んでいる記事の前後ページへのリンクはWordPressが勝手に生成してくれる！WordPressならば便利なテンプレートタグが用意されているので前後の記事へのリンクを作る場合も簡単です。 テンプレートタグprevious_post_linkとnext_post_linkを使う前の記事へのリンクを作るときはprevious_post_link、次の記事へのリンクを作りたい場合はnext_post_linkというテンプレートタグを使うことで、簡単にリンクの設置ができます。 Wor
WPでjsの追加cssの読み込みはwp_head()から - kurubusi.net
jqueryスクリプトやCSSって機能追加のたびに読みこみますよね。 だいたいheadの部分はテーマファイルのheader.phpにあるんですが、ここに直に <link href="/lib/jquery.bxslider.css" rel="stylesheet" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="/js/jquery.bxslider.js"></script> って書いてっちゃうのは、ちょっとphpファイル汚れるし、せっかくのWPの機能使ってない感じでちょっとかっちょ悪いかな～なんて思うので、jsやcssを追加するときは、wp_head()から表示されるようにしてみましょう。 function.phpを見てみる 大体どん
WordPressのメディアライブラリで画像が表示されなくなったときの対処方法
先日WordPressが正常に動かなくなりました。どうやらメディアライブラリの一覧を表示する機能に関わる部分が動かない様子。これが意外とダメージが大きく、メディアの追加画面や記事の投稿画面など重要な部分が影響を受けます。とりあえず今は復旧しましたが、その後もいろいろとありましたので対処法をまとめておこうと思います。 対応方法はいろいろあるよ WordPressに関しては初心者なので、まずは検索が頼りでした。その後の思いつき手段も含めて対応方法はこのくらいになります。 プラグインによる影響確認 ブラウザのキャッシュがおかしい ブラウザの読み込みが途中で途切れる wp-config.php に魔法のコードを追加 admin-ajax.php ファイルの修正 サーバとの接続不良？ WordPress入れ直し、トホホ〜 プラグインによる影響確認 これは検索するとよく出てくるし、誰でも試すと思います
WordPressの「メディアライブラリ」のインポートが上手く行かない時の解決法 | Freelance Journal フリーランス ジャーナル
一言まとめ [ツール]→[エクスポート/インポート]で「メディアライブラリ」のインポートが上手くいかない。 ならば、メディアライブラリ関連のデータをデータベースから直接 エクスポート & インポート すればいい。 サイトリニュアルの際など、WordPressのデータ移行(引越し)が必要なときがありますよね。古いデータベースをそのまま利用できれば、そうしたほうが一番手っ取り早くてトラブルも圧倒的に少ないです。 しかし、古いサイトでプラグインを多用してると、新しいサイトにとっては不要なデータがデータベースに残存してしまうケースもあります。そういった場合は、記事やカテゴリなど、新しいサイトに必要最低限のデータのみを古いサイトから吸収して、いわば「クリーンインストール」で行きたいものです。 記事系とタクソノミー系なら [ツール]→[エクスポート/インポート] を使えば割りと簡単に移行できます。しか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress5.0のGutenbergを旧エディターに戻す方法 | Brainote
Topic: wp-content/advanced-cache.php error | WordPress.org
Multiple Post Points on Google Maps - ACF Support
【WordPress】OGPとTwitterカードをプラグイン無しで設定する方法
