タグ

WPに関するegakuのブックマーク (15)

  • 備忘録:WordPressでRSSフィードをカスタマイズする方法

    画像:http://girlydrop.com/girls/1315 こんにちは!みぞれ(@xxmiz0rexx)です。 WordPressが吐き出すデフォルトのRSSではSmart Newsなどのサービスできちんと表示できない場合があるようで、 自分で少しカスタマイズする必要があったので具体的に何をしたのかメモを残しておきます。 Smart Newsに限らず、WordPressRSSをカスタマイズしたい人には参考になると思います。 やること テーマディレクトリにRSSテンプレートを作る functions.phpRSSテンプレートを指定する RSSの中身をカスタマイズする rss要素の開始タグに追記 コピーライト・ロゴURLの設定 記事サムネイル表記 フィードの確認(SmartFormat Validator) 1.テーマディレクトリにRSSテンプレートを作る まずはRSSのテンプレ

    備忘録:WordPressでRSSフィードをカスタマイズする方法
    egaku
    egaku 2019/09/17
    SmartFromart
  • iPhone7でTwitterのウィジェット(iframe)がはみ出す【解決】 – Labrid WP

    iPhone7(iOS 10.3.2)でTwitterの公式ウィジェットを貼り付けたサイトを確認したところ、iframeが親要素の幅を超えてはみ出す事象に出くわしました。 iPod touch 5th(iOS 10.3.2)では発生しないという不思議な現象・・ ググると同様の報告がいくつかあり、おそらくiOS特有のバグとのこと。 おそらくそうでしょうし、safariのバージョンやら何やら調べたところで崩れた原因の特定に至ることはなさそうと判断し、修正方法を模索することにしました。 同様の報告のあるサイトの情報によると、iframe に width:100%; を指定すると崩れる(拡がる)とのことで、確かにiframeのstyleにその記述が出力されている・・(公式ウィジェットが出力するソース)。 他の方の解決方法は、メディアクエリーで固定幅にしてしまう、というものでしたが、レイアウトの都合

    iPhone7でTwitterのウィジェット(iframe)がはみ出す【解決】 – Labrid WP
    egaku
    egaku 2019/03/28
    デザイン崩れ
  • Advanced Custom Fields の取得と表示方法 - by Takumi Hirashima

    WordPress のプラグイン Advanced Custom Fields を使ったカスタムフィールド値の取得と表示方法を紹介します。 値の取得方法と合わせて、表示されない時の注意点や対処方法も紹介します。 基的な表示方法と注意点 投稿のフィールド値の取得と表示方法 カスタムフィールド値を取得したい場合 別の投稿のカスタムフィールド値を表示 オプションページからカスタムフィールド値を取得 条件分岐を使った表示方法 Repeater Field のフィールド値を表示 注意点 テキストフ​​ィールドの表示 画像フィールドの表示 画像の表示(返り値:オブジェクト) 画像の表示(返り値:URL) 画像の表示(返り値:ID) チェックボックス・ラジオボタンフィールドの表示 セレクタフィールドの表示 関連(投稿)オブジェクトの表示 投稿オブジェクトが一つの場合 投稿オブジェクトが複数の場合(グロ

    Advanced Custom Fields の取得と表示方法 - by Takumi Hirashima
    egaku
    egaku 2018/02/14
    カスタムフィールドの取得と表示方法
  • 【WordPress】カスタム投稿タイプ使用時のカスタムタクソノミーを表示する方法。 - ONZE

    WordPressで投稿記事のカテゴリー名を表示させたいとき、通常は the_category(); などのテンプレートタグを使えば簡単ですね しかしカスタム投稿タイプの場合はこのテンプレートタグ(the_category();)は使えません。 どうすればいいか? ……そんなとき、便利なのが「WordPress Codex」です。 以下の記事にはズバリ、その答えが載っています。 関数リファレンス/get the term list 関数リファレンス/get the terms 関数リファレンス/the_taxonomies 複雑なコードを書かずとも、あらかじめ get_the_term_list や get_the_terms などのテンプレートタグが用意されていました。 「get_the_term_list();」の使い方 この「get_the_term_list」という関数は、カスタム

    【WordPress】カスタム投稿タイプ使用時のカスタムタクソノミーを表示する方法。 - ONZE
  • WordPressで記事本文を抜粋表示する文字数と文末の[…]を変更する方法 - ホワイトベアー株式会社

    WordPressでブログのトップページやカテゴリーページに記事一覧を表示させたり、その記事一覧でタイトルや日付、そして記事文を抜粋して表示させている場合があると思います。 今回は、記事文を抜粋表示させている文字数を増やしたり減らしたり、そして文末文字[…]を削除したり、任意の文字に変更しリンクを追加する方法を紹介いたします。 記事文を抜粋表示させる方法 WordPressで記事文を表示させるには下記のテンプレートタグを使用します。 <?php the_content(); ?> そして、記事文すべてではなく、抜粋して表示させるには、下記のテンプレートタグに変更します。 <?php the_excerpt(); ?> こちらのテンプレートタグを使用した場合、記事文の先頭から110文字、そして文末に[…]が表示されます。 […]こちらの文字列は設定されている文字数を超えると「

    WordPressで記事本文を抜粋表示する文字数と文末の[…]を変更する方法 - ホワイトベアー株式会社
    egaku
    egaku 2018/02/02
    記事本文を検索結果とかloopで表示させる方法
  • wordpressでレビューサイトの作り方。wp-product-reviewをカスタマイズしてレビュー記事を作成

    このブログでは訪問した飲店の情報をレビュー形式の記事をまとめております。 ブログはwordpressを使っているためプラグインが豊富ですが、自分がイメージしているようなレビューを書けるプラグインはありませんでした。なので自分で作ってみたいと思います。 レビュー情報を充実させたい 求めている要件は次のとおりです。単純なレビュー記事だけではなく、見た目をリッチにして情報を充実させたいというものです。 レイアウトはレスポンシブである レビュー記事に複数の写真が投稿できて写真がスライドショーで見える お店や料理を複数の視点で定量的に評価する仕組み。例えば味7点、雰囲気7点、価格8点など レビュー時に商品や料理に対してコメントを添えられる。例えばこのお店は味は良いが価格が高い等。 お店の補足情報(住所や電話番号など)を投稿できる このうち要件3を満たせそうなのがWP Product Reviewプ

    egaku
    egaku 2018/01/24
    レビューアイテムとして記事を効率よく公開する方法
  • AFFINGER

    AFFINGER(アフィンガー)は収益化に特化したWordPressテーマです。 ブログはもちろん、会社やお店のホームページなど様々なデザインを作成できる圧倒的なカスタイマイズ性能に加えて、直近7日分の「アクセス解析」「効果測定(クリック計測)」でユーザーの動きを見える化し、検証と改善を強力にサポートします。 AFFINGERが選ばれる理由

    AFFINGER
  • [WP]高度な絞込みサイト内検索が実装可能なプラグイン「WP Custom Fields Search」 – ワードプレステーマTCD

    [WP]高度な絞込みサイト内検索が実装可能なプラグイン「WP Custom Fields Search」 2014.03.25 2023.06.21 ※2017.9現在「WP Custom Fields Search」は配布を停止しているようです。TCDでは、高性能な検索機能が付いたポータルサイト専用WordPpressテーマを「GENSEN」をリリースしましたので、ぜひデモサイトをご覧いただき、検索機能の動作をご確認ください → 「GENSEN」 高度なサイト内検索機能が実装可能なWordPressプラグイン「WP Custom Fields Search」をご紹介します。 上図のようなフォームを作成し、記事やカテゴリー、カスタムフィールドなどの内容を細かく絞り込むことが可能です。不動産サイトやポータルサイトでも十分使えそうなプラグインです。 プラグインの特徴 標準ではできない「絞込み検

    [WP]高度な絞込みサイト内検索が実装可能なプラグイン「WP Custom Fields Search」 – ワードプレステーマTCD
  • WP-Appbox:WordPressでアプリを楽々リンクするプラグイン | タノコレ

    当ブログで、iPhoneアプリセールやMacアプリセールの記事を書く時に手放せなくなったのが、WordPressのプラグイン「WP-Appbox」です。リリース自体は2012年辺りのようで、無料で利用でき、PHGのアフィリエイトにも対応、バージョンアップもマメに行われているプラグインだったのですが、日のApp Storeでの価格取得がうまくできなかったため当初は利用できませんでした。ですが、あまりにも勿体無いのでサポートフォーラムでお願いした所、その日のうちにVersion 3.0.5(当時のバージョン)として直してもらえましたので、早速ご紹介します! WP-Appboxはこんなプラグイン WordPressの投稿画面から、簡単なショートコードにアプリのIDを付け加えて投稿するだけで、下記のようにアイコン付きのリンクが作れるというものです。まずはどんなものが作れるか実際に見て行きましょう

    WP-Appbox:WordPressでアプリを楽々リンクするプラグイン | タノコレ
  • 各ストアのアプリを紹介するときに激しく便利なWordPressプラグイン「WP-Appbox」|ワドプラ

    以前の記事でアプリを紹介する時に使えるWEBサービスや、ブックマークレットを紹介しました。 上記のWEBサービスやブックマークレットをブログで多様していましたが、これを上回る激しく便利なWordPressプラグイン「WP-Appbox」を知りました。 使い出したら便利すぎて手放せなくなること間違いなしです! WP-Appboxとは? WP-Appboxは、記事投稿編集画面内からショートコードを利用してアプリを紹介できるWordPressプラグインです。 何より優れているのは、対応ストアがiTunes App StoreやMac App Store、Google Play ストアだけではない点です。 下記のように対応ストアが豊富なのでアプリを紹介するのにこのプラグイン1つで様々なストアのアプリを紹介することができます。 アプリ紹介だけでなく、PHGのアフィリエイト・トークンを設定することも可

    各ストアのアプリを紹介するときに激しく便利なWordPressプラグイン「WP-Appbox」|ワドプラ
  • WordPress でページごとに個別の CSS を設定する方法 7 選 - Naifix

    WordPress は基的にトップページでも下層ページ(投稿・固定ページ・アーカイブ)でも同じ CSS を読み込んでいます。 場合によっては、特定の CSS をそのページでのみ読み込みたいケースもあるんじゃないでしょうか。たとえば「CSS を使った見出しのデザインサンプル」といった記事を書くときや、オリジナルテーマを制作して納品するときですね。 すべて style.css やカスタマイザーの「追加 CSS」に書くと管理が面倒ですし、他の記事でまったく使わない CSS が大量にあると表示スピードにもわずかながら影響します。 そこで、そのページにだけ個別のスタイルを適用する方法をご紹介していきます。 個別の CSS を設定する方法 01. <head> 内で条件分岐する 投稿編集画面での CSS 編集を必要としないなら、特定のページに適用する CSS ファイルを FTP でアップロードしてお

    WordPress でページごとに個別の CSS を設定する方法 7 選 - Naifix
  • Loading...

  • WordPressで複数の会員が独自のページを作成し、内容を管理・更新できるようにする方法 - tontotakumi.com

    使い方はなんとなくぱっと見でいじってみたんですが、右側にある「Add Role」で新しい権限名をつけてあげて、その内容をそれぞれチェックを付けて保存するってかんじです。 ちなみに今回の設定は、上記の画像のように権限名(Role)にshopってつけてあげて、4箇所にチェックを入れました。4つのチェックで出来るのは 固定ページを新規作成できる 固定ページを編集できる 固定ページを見ることが出来る ファイル(画像)をアップロードできる というふうになります。 他の項目をよく見てもらうと分かるのですが、「他者ページの編集」とかがあるので上記の設定だけだと、その人以外は見れないってことになります。 ただ、ちょっと気をつけないといけないのが、同じ権限だと他の人も見れてしまうので、ユーザー毎に権限を作らないといけないってところですね。(まぁ〜ユーザーを登録するときに一緒に作業すれば何とかなりますかね。。

    WordPressで複数の会員が独自のページを作成し、内容を管理・更新できるようにする方法 - tontotakumi.com
  • WordPressの吹き出しプラグインSpeech Bubbleで会話形式のブログコンテンツが作れる!

    やっと見つけた! LINEやFacebookみたいな会話をブログで使う事ができる、めちゃくちゃ便利な吹き出しプラグインを見つけました。 [speech_bubble type=”fb-flat” subtype=”L1″ icon=”saeki2.png” name=”毎年平社員の佐伯さん”]こんにちは。WordPressではこんな便利なプラグインがあるんですね。[/speech_bubble] [speech_bubble type=”fb-flat” subtype=”R1″ icon=”nagano2.png” name=”OLの長野さん”]佐伯さん、”毎年平社員”っていう肩書がつけられてますよ。チョー似合う。 [/speech_bubble] 今回は、こんなふうに漫画風や会話風にブログを進行することができるようになるワードプレスのプラグイン『Speech Bubble』というプラグ

    WordPressの吹き出しプラグインSpeech Bubbleで会話形式のブログコンテンツが作れる!
  • http://wpcj.net/186

  • 1