[WordPress]カスタム投稿タイプの記事一覧を取得して表示するソースコード
[WordPress]カスタム投稿タイプの記事一覧を取得して表示するソースコード 更新日: 2019/10/18 公開日: 2014/05/06カテゴリー: WordPress カスタム投稿タイプの記事一覧を表示カスタム投稿タイプの記事一覧を表示したい場所に、以下のソースコードを貼り付けて下さい。 4行目の「’post_type’」のパラメータ（post-type-nameと書かれている部分）に、表示したいカスタム投稿タイプの名前を入れます。 <ul> <?php $args = array( 'numberposts' => 5, //表示（取得）する記事の数 'post_type' => 'post-type-name' //投稿タイプの指定 ); $posts = get_posts( $args ); if( $posts ) : foreach( $posts as $post
![[WordPress]カスタム投稿タイプの記事一覧を取得して表示するソースコード](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3e97c5341963e1c12bca1a015d2478aea39c48a/height=288;version=1;width=512/https%3A%2F%2Fincrement-log.com%2Fwp-content%2Fuploads%2F2019%2F10%2Fdefault.png)
WordPressのget_terms()を使ってみる
WordPressで指定したタクソノミーに含まれるタームを取得できるget_terms()を使ってみます。 タクソノミーが存在しない場合 今回は例として、genreというタクソノミーを作成して、それに含まれるタームを取得するようにしてみます。 genreを作成する前に取得しようとした場合、指定したタクソノミーは存在しないのでWP_Errorを返すようになっています。 PHP <?php $terms = get_terms( 'genre' ); var_dump($terms); ?> 以下のような内容が出力されました。 HTML object(WP_Error)#277 (2) { ["errors"]=> array(1) { ["invalid_taxonomy"]=> array(1) { [0]=> string(42) "不正なタクソノミー分類です。" } } ["error
『the_content();が出力するｐタグを消したい』
WordPressで記事の内容を出力するのに、 <?php the_content(); ?> を使う。 が、こいつは、ありがたいことかそうでないのか、 自動的に<p>タグで括られる。 この<p>タグがいらない場合もあるし、あってありがたい場合もある。 そこで、 部分的に不要な場合は <?php the_content(); ?> の前に、 <?php remove_filter('the_content', 'wpautop'); ?> と記述する。 サイト全部に不要な場合は、 wp-includes/default-filter.php の中の 以下２行をコメントアウトする。 add_filter('the_content', 'wpautop'); add_filter('the_excerpt', 'wpautop'); 以上！！ (2013/10/04 追記) ところが、さっきま
いまさら始めるGulpでWordPressテーマ開発 | オレインデザイン
今回はGulpの導入から最低限の活用部分まで、どうやったら使えるのか・使えるようになるのかを紹介してみたいと思… こちらを元にして、今回はWordPressテーマのGulp開発環境を作ってみようと思います。といっても、ベースはすでに出来上がっているので、少し変更を加えたりする程度になります。 あと、環境としてはLocal by Flywheelを使うことを想定しています。 内容としては、 WordPress開発環境を作るベースの環境を作る 自動でrtl.cssを書き出す 監視タスクを作る というような感じになります。他のSassコンパイルやJavaScriptの結合・圧縮部分は前回のコードに書き出し先を変更したりする程度で大丈夫です。では始めていきましょう。 WordPress開発環境を作るベースの環境を作る まずは、前回作った環境のpackage.jsonとgulpfile.jsをコピー
Gulpでの複数プロジェクト管理に使えるnode_modulesのシンボリックリンク | オウンドメディア | 大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-DesignSupply.LLC-
タイトルの通り、かなり小技になるのですが、ネット上で調べていたら非常に便利な方法が見つかったので忘れないようにメモしておきたいと思います。 Gulpを使う時にはnode_modulesが必要となりますが、プロジェ…
MacにNode.jsをインストール - Qiita
MacにNode.jsの環境を構築するメモ。 その前に ※以下の方法もオススメです！ MacにNode.jsをインストール（anyenv + nodenv編） 上記の場合はプロジェクト毎（フォルダ毎）にNodeのバージョンを指定して実行ができます。 フォルダを変えるごとに、いちいちバージョンを切り替える作業がいらないので、複数のプロジェクトを持っている方にはおすすめです。 nodebrew使いたいって人は無視して以下を進めてください。 インストールの流れ Homebrewのインストール nodebrewのインストール Node.jsのインストール ・Homebrew HomebrewはMac用のパッケージマネージャ。 ツールのインストールとか諸々を管理してくれます。 http://brew.sh/index_ja.html nodebrewをインストールするためにHomebrewを使います
Local by Flywheel で「この接続ではプライバシーが保護されません」問題 - LAUNCH CRAFT .LLC
あせりました。 Local by Flywheelで構築中のWordpressサイトを、デフォルトブラウザで使っているchromeで開くといきなりのプライバシーエラー。 この接続ではプライバシーが保護されません 思い当たる節をやっても解決できず、XAMPPに戻すかーでもDBの処理とか大変だな…心折れかけたところあっさりと解決。 解決してみたらなんのことは無かったというお話。 同じ問題で焦る人が居たらお役に立てれば良いなーと。 .devじゃだめよ いきなり結論なのですが、Local by Flywheelでローカル環境にwordpressを構築すると、初期のドメインは h ttp://hogehoge.dev になりますね。 この .dev が、Chrome63からはHTTPS接続を強制されプライバシーエラーを吐き出すという状態みたいです。 参考URL https://larav […] L
WordPressのテーマ「UnderStrap」のカスタマイズや使い方などの覚書
※本サイトは、アフィリエイト広告による収益を得て運営しています。リンク先での購入により売上の一部が本サイトに還元されることがあります。 WordPressのスターターテーマのBonesを使用していましたが、同じくスターターテーマのUnderStrapに変更してみました。色々と設定済みなので使いやすいテーマです。 UnderStrap についてWordPressを開発しているAUTOMATTIC社のUnderscores（_s）というWordPressのスターターテーマと Bootstrap（フレームワーク）を組みわせたテーマです。 WordPress + Bootstrap 4 Theme Framework - UnderStrap UnderStrap combines the Underscores starter theme (by Automattic) and the mobi
WordPressテーマ自作の一歩としておすすめなUnderstrapの子テーマを使うための手順
はじめに WordPressを使っていると自分の好みに合わせて色々とデザインや機能を変更したくなってくると思います。その場合、最初はテーマを編集したりプラグインを追加したりして対処するものの、少しづつテーマを自作してみたいという気持ちが出てきました。ただ、いきなりゼロからWordPressのテーマを自作するのはハードルが高いと思います。そこで、スケルトンテーマ、またはスターターテーマと呼ばれる必要最小限の骨子となる部分だけを含むテーマをベースとしてそこからテーマを自作していく方法があります。今回はUnderstrapというスターターテーマを使用し、実際にこのUnderstrapを使って開発をすすめる準備段階までの作業手順をメモします。 できるようになること 以下のような見た目の自作テーマのベースとなるUnderstrapを適用し、開発環境を整備します。Understrapの子テーマでメイン
これからはcssはSassで書こう。 - Qiita
Sassってなんだろう。 ・Sass「Syntactically Awesome StyleSheet」 Syntactically ＝ 構文的に Awesome ＝ イケてる StyleSheet ＝ スタイルシート とどのつまり、すごいCSSということでしょうか。ロゴもかっこいい。 詳しく調べてみた ・CSSを拡張したメタ言語 メタ言語とは「ある言語について何らかの記述をするための言語」のこと。 つまりSassの場合は「CSSに対して機能を拡張した言語」ということになります。 CSSをより効率的に書けるようにした言語ということになります。 ・Sass はプログラムっぽく CSS を書く プログラムっぽく書くことでコーディング効率やソースコードの保守性が上がる。 Sassは、関数や変数の処理を行うために「プリプロセッサー」と呼ばれたりもするみたいです。 Sassには書き方が2種類ある！
FigmaではじめるUI（Web）デザイン｜Part2｜Nao Komura｜note
ただ、前回作ったものはデザインシステムの空箱でしかありません。 空箱という言葉が示すように、変数的に定義したカラーやタイポグラフィをどのように意味づけていくかが残りのPartの目的の1つでもあります。 そして、そのデザインシステムを真に活用していくには横断的な組織が必要不可欠になってきます。 どうすれば横断的な組織をデザイナーという立場から作り出せるのか。それは僕にはまだ上手く説明できませんが、こちらの記事なんかはヒントになるかもしれません。（Takramさんの越境という思想はUIデザイナーとして成長していくにあたって重要なファクターになると思います。） とはいえ、組織のデザインはせずにスタイルガイド的な俺々デザインシステムを作るだけでも有用であることに変わりはないと僕は考えます。 のちのち自分の作ったデザインシステムが組織的に必要になる状況はありえますが、まったく不要になるという状況はほ
FigmaではじめるUI（Web）デザイン｜Part1｜Nao Komura｜note
Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......）、初心者にはUIデザインのツールとしてはまだまだ馴染みの薄いツールなのかなと思います。 というより、昨今はデザインツールが多すぎてシンドいことこの上ないですね。一度効率化の味を知ると更なる効率化を追い求めてしまいますし、そんな現状だと日頃から使用しているツールを変えるのも一苦労です。 ......さて、今回は初心者〜中級者くらいまでに向けてFigmaで作るUIデザイン入門的な記事を書いていこうと思
【Adobe XD】便利なプラグイン紹介 | バシャログ。
こんにちは。sitoです。 みなさん、XDのプラグイン、使ってますか？ 最近どんどん便利なプラグインが増えているようなので、sitoもいくつか導入してみました。 その中で、使ってみて便利だったプラグインをご紹介します。 Remove Decimal Numbers 図形等をリサイズしていて、小数点がついてしまったときに、整数（小数点以下切り捨て）に直してくれるプラグイン。 今まで手で地道に消していたので、めっちゃ楽になりました！ Stark カラーブラインドのシミュレーションと、コントラストチェックができるプラグインです。 カラーブラインドシミュレーションはアートボードごと、コントラストは２つのレイヤーを選択してチェックすることができます。 Ikono フリーアイコンサイト「ikonate」のプラグインです。 XD内でアイコンを選択して配置できるようになります。 線の太さを選択できたり、ア
jQueryのnot()メソッドで複数の要素を指定しフィルタする方法
jQueryのnot()メソッドで複数の要素を指定しフィルタする方法 更新日: 2019/10/18 公開日: 2014/06/04カテゴリー: JavaScript not()メソッドでフィルタする今まで以下のようにnot()メソッドを何回も繋げて複数の要素をフィルタしていました。 $('a[href^=#]').not('#second a').not('#third a').not('#fourth a').not('#fifth a').click(function() { //処理 });これでも複数の要素をフィルタできますが、しかし冗長的に見えて嫌だったんですね。 それで、今回は以下のような書き方でも可能なことを知りました。 // 除外するセレクタをカンマ区切りの文字列で用意 var notList = '#second a, #third a, #fourth a, #fif
WordPress カスタム投稿タイプかどうか判別したい。 - かもメモ
is_archive()とかの分岐をカスタム投稿タイプでしたい時の書き方 アーカイブページ is_post_type_archive( $post_type ) を使う <?php // 特定のpost typeで判別 if( is_post_type_archive( 'hibiki' ) ) { // 投稿タイプがhibikiのアーカイブページ } // いずれかのpost typeで判別 if( is_post_type_archive( array( 'akatsuki', 'hibiki', 'ikazuchi', 'inazuma') ) ) { /* 投稿タイプが * 'akatsuki', 'hibiki', 'ikazuchi', 'inazuma' * いずれかに一致するアーカイブページ */ } シングルページ ( 固定ページ、個別投稿ページ、添付ファイルページ )
XO Event Calendar プラグインのパーマリンク変更方法
HOMEBLOGXO Event Calendar プラグインのパーマリンク変更方法 XO Event Calendar プラグインのパーマリンク構造のイベントおよびイベントカテゴリーのスラッグを変更する方法を紹介します。 イベントおよびイベントカテゴリーの投稿タイプの変更 XO Event Calendar プラグインのデフォルトの状態では、イベント（投稿）のカスタム投稿タイプは「xo_event」、イベントカテゴリーのカスタムタクソノミーは「xo_event_cat」です。 このスラッグは下記の定数（define）を wp-config.php に記述することで変更することができます。 イベントのカスタム投稿タイプの変更 イベントのカスタム投稿タイプを event へ変更する場合の例 : define( 'XO_EVENT_CALENDAR_EVENT_POST_TYPE', 'eve
【完全図解】４分で完了！SourcetreeとGitHubを連携する方法【Unity】 | Unishar-ユニシャー
という悩みを解決します。 図を使ってわかりやすく説明しているので、他の記事でわからなかった人も安心してください。なにかありましたら、記事下のコメント欄で質問してください。
いまさらだけどDockerに入門したので分かりやすくまとめてみた - Qiita
はじめに 今更ながらDockerに入門したのでまとめます。 全てのコマンドの細かいオプションとかまではやりません。 Dockerコマンド体系はv1.13以降の新系です。 ここではクラスタ管理(KubernetesやSwarm)については対象外です。別記事でそのうちまとめます。 ※本記事は投稿された2018年08月08日時点の情報が主になります。 勉強背景 この記事から強い危機感を覚えました。 Dockerは世の中では当たり前の技術。せめて、少し触ってみて基本的な知識くらいは身につけなければ。。。。 TL;DR(5行) Dockerは既存のLinuxカーネル機能から成り立っている イメージを共有していろんな人がいろんなところで簡単にイメージからコンテナを起動できる Dockerコマンドでコンテナを1つ1つ命令する Dockerコマンドめちゃ叩くのはだるいからDockerfileで楽しちゃおう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://blog.mismithportfolio.com/web/20160927browsersyncstream
SourceTreeで特定のファイルやディレクトリを対象外にする方法 ｜ Yoshida blog