【WordPress】 VVV（Varying-Vagrant-Vagrants）を使った 最強ローカル環境構築！！
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 最近、どうもWordPressのネタが多い気がしますが、あれです。 年末のサーバーお掃除期間で、色々と整理しているせいですw ということで、複数ある様なWordPressのサイトを楽々運営していきたいですよね。 でも、WordPressのローカル環境構築には、どれがいいかずっと悩まされてきました。 vccwが良いのか、wockerが良いのか、vvvvが良いのか、dockerで構築した方が良いのか。。 などなど、 Vagrantベース ・vccw (apache) ・vvv (nginx) dockerベース ・wocker … と、あって、確か前回にも WordPress + Vagrant の環境構築が超簡単に！！「VCCW」を使ったら簡単すぎて困った件。
WordPressでthe_dateタグは同日だと表示されない | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPressで記事の日付を表示させる時になんとなくthe_dateタグを使っていましたが、同じ日に書かれた記事の日付は一度しか表示されないことに気づきました。 対処法 そんな時はthe_dateタグをthe_timeタグに変えれば記事の数だけ日付を出力してくれます。the_dateタグもですが、PHPの日付文法が使用できます。一応書きたかったのはここまでなんですが、あまりにも寂しいので出力のパターンをいくつかメモっておきます。 出力パターン <?php the_time('Y-m-d') //2011-01-05 the_time('y-M-j(D)') //11-jan-5(Mon) the_time('a-h:i,s') //am-03:05,06 the_time('A-H:i') //AM-18:05 ?> 曜日と月に関しては日本語WordPressであれば日本語になります。
WordPress固定ページのスラッグを取得するとナビゲーションとかに使えるかも
WordPressでブログじゃないサイトを作るときって、固定ページを結構使いますよね。そんなとき、スラッグを取得して指定すると便利だなぁと思ったので書き残しておきます。子ページの場合、子階層のみのスラッグを出力してくれるので使い方によっては便利かも！ 記事内容に変更があります。（2014/8/27）attribute_escape()がWP2.8から非推奨、get_page()がWP3.5から非推奨ということで、get_post()を使う方法に書き直しました。教えていただきましてありがとうございますー！ スラッグを取得するコード attribute_escape() ※WP2.8から非推奨 <?php echo attribute_escape($post->post_name); ?> ページのスラッグを取得したい get_page() ※WP3.5から非推奨 <?php echo ge
[WordPress] 固定ページの子ページかどうか条件分岐させる方法 - Qiita
色んな条件分岐タグがあるWordPressですが子ページかどうか調べるis_subpage()のような条件分岐タグはありません。毎回調べるのでメモしておきます。 固定ページの子ページかどうか判定
![[WordPress] 固定ページの子ページかどうか条件分岐させる方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/743b4ae41326ccd85e34958408521f62fa0d2fb9/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCV29yZFByZXNzJTVEJTIwJUU1JTlCJUJBJUU1JUFFJTlBJUUzJTgzJTlBJUUzJTgzJUJDJUUzJTgyJUI4JUUzJTgxJUFFJUU1JUFEJTkwJUUzJTgzJTlBJUUzJTgzJUJDJUUzJTgyJUI4JUUzJTgxJThCJUUzJTgxJUE5JUUzJTgxJTg2JUUzJTgxJThCJUU2JTlEJUExJUU0JUJCJUI2JUU1JTg4JTg2JUU1JUIyJTkwJUUzJTgxJTk1JUUzJTgxJTlCJUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lZWU3YTI3YWNmNTc5MDFlZDgzMGM2ZTgxZmJiZDY3ZA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdGhhbmtzMm11c2ljJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00MDE2MjRiNjBkNzVjZjI1OTNiMTBhYzU0NjYyOTA4MA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D1b485adb791bc9b332c2b7310983a00a)
検索フォームと検索結果ページを複数設置する | フロントエンドエンジニアのblog
一つの WordPress で構築したサイトの中でブログを運営している場合に、サイト全体を検索対象とするサイト内検索と、ブログ記事のみを検索対象とするブログ内検索の両方を設置したいということがあります。 ブログ内検索に WordPress の検索機能を利用し、サイト内検索は Google カスタム検索を利用するというのも一つの方法ですが、今回、既に WordPress の機能でサイト内検索を設置しているこのサイトに、WordPress の機能でブログ内検索を追加しました。 サイト内検索のフォームは共通のヘッダーに設置されているため、ブログの各ページでは検索フォームが2つ存在することになります。追加するブログ内検索のフォームはサイドバーに設置します。 また、その検索結果のページのデザインはそれぞれ異なるものとし、ブログ内検索の検索結果はブログのデザインの中で表示させます。 検索フォームの設置
Twitterの投稿を、WordPressブログの記事に埋め込んでしまおう！ | ホームページ制作・作成は大阪府堺市のWEB制作「合同会社うえせいや」
2015年8月20日2020年11月16日SNS,WordPress使い方 ブログ記事に、SNSの投稿を埋め込んで紹介することによって、そこから直接フォロワーになってもらい、さらにブログ記事の拡散を図ろうという一石二鳥の作戦がこれなのです。 ブログと同時にSNSをすることは、とてもお互いにいい影響を及ぼすことができるので、活用されている方が多いと思います。 ただ、基本的にはブログ記事を書き、それをSNSでシェアするというものがほとんどだと思います。 今回ご紹介するのは、逆でSNSの記事をブログで紹介するというものなのです。 たぶんどこかで見たことがあると思いますが、どんなものかやってみますね！ Twitterのつぶやきをブログに埋め込んだら、こんな感じになります ウクレレの修理完了につき、お披露目！！ http://t.co/MgVjOFg9X6 — うえせい（上原誠司） (@cha
WordPressブログをプラグインを使って30分でAMP化する方法
[レベル: 上級] この記事では、Wordpressブログを手っ取り早くAMP対応させる方法を説明します。 AMP (Accelerated Mobile Pages) に対応したモバイル検索が一般公開されました。 Google Japanの公式ブログで発表されたこともあり、僕たちほどにはSEOと密接にかかわっていない人たちにもニュースになりました。 GoogleがAMPを強く推していることもあり、自分のサイトをAMP対応させてみようかと考えている人も多いのではないでしょうか。 そこで、「“とりあえず”AMP対応して、どんなだか様子を見てみたい」という人のために簡単にできるAMP化を解説することにします。 ただし、Wordpressでサイトを運営していることが条件です。 3つのプラグインを使います。 AMP Facebook Instant Articles & Google AMP Pa
FTPを使ってアップロードしたメディアをWordPressに認識させる - Qiita
FTPを使って画像ファイルなどをWordPressのuploadsフォルダにアップロードすると、画像の情報がデータベースに登録されないので、メディアライブラリで見ることができなかったり、色々不具合がある。 しかし、既存サイトをWordPressに移植する時など、大量にアップロードする場合、できればFTPなどで一気にアップロードしたい。 また、バージョン3.4まであった、ファイルのアップロード先を選ぶ機能が無くなり、3.5以降、アップロードしたファイルは皆、uploadsにずらりと並ぶことになる。これはイケてない。 せめて、ブログページで使う画像と、固定ページで使う画像くらいは分けたいじゃないか。 そうなると、自分でuploads以下に適当なフォルダを作って、そこにFTP画像をアップロードすることになるが、やっぱりメディアライブラリで見れないなどの不具合が生じる。 そこで、FTPを使ってアッ
Wordpressの特定カテゴリでBasic認証を使う方法 | Agnist.code
できること知ってた上でスタッフに作業をお願いしたら調べもせずに「できません」と即答されたので、ついカッとなってメモを残す。 Basic認証かけたいカテゴリと同名（スラッグ名）のフォルダを作る作ったフォルダへWPのindex.phpをコピーする作ったフォルダへWPのhtaccessをコピーするコピーしたindex.phpの中で「wp-blog-header.php」の参照パスを修正するコピーしたhtaccessにBasic認証の記述を加える（htpasswdもアップする）以上。 プラグインもあるらしいけど、根本的にはこういうことが出来るということで。 追記サブドメインで運用しているWPの場合、作成したフォルダにコピーした index.php へアクセスするとリダイレクトループが発生します。 その場合、functions.php へ以下一行を追記してください。 remove_filter('t
WordPressで指定日時によって内容を表示するショートコード | Gatespace's Blog
WordPressをCMSとして運用していると、固定ページ（または投稿）内で本文の一部分のみを指定した日時で削除（表示）したい事があります。 例えば 1/1から数日間は「明けましておめでとうございます」 を表示しておきたい。 固定ページ内に貼ったバナー（画像やテキスト）は期間限定だらから期日がきたら削除したい などなど。 普通はそのタイミングで投稿の内容を変更しますが、うっかり忘れたりしないように本文内で日時指定したいものです。 そこで今回は指定日時によって内容を表示するショートコードを作成します。 PHPでやる方法 日時を指定して投稿を表示・非表示にする場合、PHPのdate関数を使えば簡単です。 <?php if ( date(YmdH) >= "2012052812" ) { //2012年5月28日12時以降 echo "指定日時に表示したい内容"; } ?> たったこれだけです。
04-08 : FlexSlider 2
準備 jQueryライブラリのため、jQueryとセットで読み込みます。 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script src="jquery-1.8.2.min.js"><\/script>')</script> <link type="text/css" rel="stylesheet" href="js/flexslider/flexslider.css"> <script type="text/javascript" src="js/flexslider/jquery.flex
条件分岐タグ wp_is_mobile で PC とスマホの表示を切り替える方法 - Naifix
wp_is_mobile() の使い方 wp_is_mobile() は、PC とスマホで出力を切り替えるための関数です。 基本形は以下のとおり。 <?php if ( wp_is_mobile() ) : ?> <p>スマホのみ表示されます。</p> <?php else: ?> <p>PC のみ表示されます。</p> <?php endif; ?> PC 用のメニューとスマホ用のメニューを切り替えたいときなどに使えます（PC でブラウザの幅を狭くしてもスマホ用メニューを表示したくない、という場合）。 タブレットへの対応方法 wp_is_mobile() を使うとき注意しなければならないのが、「タブレットへの対応」です。 wp_is_mobile() では、タブレットはスマホと同じ扱いとなっています。 のちのち扱い方が変更される可能性もありますが、基本的に「スマホ・タブレット」と「PC」
WordPress条件分岐、スマートフォンとブラウザ別に表示を変える方法15種
スマートフォンなどのモバイル端末にWebサイトを対応させるのに、CSS3のMedia Queries（メディアクエリ）を使って、レスポンシブデザインにすることが多いと思います。しかし、Google Adsenseなどの広告は表示がはみ出てしまったりします。 スマートフォンなどのモバイル端末には、別の表示にしたり、ブラウザ別に表示を変えたい時があるのではないでしょうか？例えば、PCサイトでGoogle Adsenseの728×90を使っているけどiPhoneやAndroidなどのモバイルでは、レイアウトが崩れるので300×250に変えたいな等です。 今回の投稿では、WordPressでスマートフォン別、ブラウザ別に条件分岐する方法を集めました。 スマートフォン・タブレット端末 スマートフォン・タブレット端末別の条件分岐方法です。 モバイル端末で表示を変えるwp_is_mobile() PCブ
WordPressのタグをurlエンコード | Base Views
公開 2010年4月10日（土） 更新日 2014年8月18日（月） スポンサーリンク WordPressで運用しているサイトからAddClipsを外し、手製のコードでSBMにポストするリンクをつけたらAnother HTML-lintの得点が激減した。 deliciousとtwitterにポストさせるときに、2バイト文字が含まれるのが原因だった。Another HTML-lintで必ず90点以上になるようにしていたので、エラーレベル9とかを見て頭がくらくらした。 こんなもんURLエンコードですぐだろと思ったので、URLとエントリタイトルをurlencode()で変換することに。 例えばdeliciousにポストさせるコードはこう。 <a href="http://delicious.com/post?url=http://example.com&title=タイトル"> deliciou
データベース構造 - WordPress Codex 日本語版
以下は、WordPress バージョン 3.4 の標準的なインストールで作成されるデータベース・テーブルの概要と説明です。現在、WordPress バージョン 3.4 が対応しているデータベースは、MySQL バージョン 5.0.15 以上のみです。 バージョン 1.5 以降の過去のデータベース概要については英語版ページにあるリンクおよびこのページの旧バージョンのデータベース概要セクションをご覧ください。 WordPress は自動的にこのデータベースと連動しているため、エンドユーザーはその構造を気にする必要はありません。しかしプラグインを作成していると、WordPress がどのようにデータやその連携情報を格納しているかについて知りたいと思うかもしれません。既存の WordPress API を使って必要なデータにアクセスしようとしたことがすでにあり、データベースには直接アクセスできない
WordPress のメンテナンスページをカスタマイズ - dogmap.jp
デフォルト状態の WordPress では、管理パネルから本体のアップグレードやプラグインの一括修正を行っているときにメンテナンスモードに切り替わり、左図のような「Briefly unavailable for scheduled maintenance. Check back in a minute.」という簡素な画面が表示されます。 # 2.7.x 辺りから実装された機能 これでは、あまりにもカッコ悪いので、右図のようにちょっとカッコいいメンテナンス画面を表示してあげるための Tips です。 有名サイトでも、この画面をカスタマイズしてない所はたまに見かけるので、あまり知られていないかなと思ってエントリ (^^;;; おや、どこかで見かけた書き出し。 そう、やり方はWordPress のデータベースエラーページをカスタマイズの方法と、ほとんど同じです。 wp-content 以下に m
WordPress高速化～Google PageSpeed Insights 90点達成対策まとめ｜ウェブシュフ
@web_shufuです。素人ですが、色々やってみたら、Google PageSpeed Insights で普通に90点を超えられるようになったので、これまでやった高速化対策をまとめました。 上の結果は当ページで計測しました。 表示速度はなぜ速くないといけないのか 表示速度が遅いと、 トラフィック 売上 顧客満足度 顧客そのもの 検索順位 などを失います。 さらにこれらはお互いに影響し合い負のスパイラルを形成します。 …と小難しいことを言う前に、サイトが遅くて閲覧者をイライラさせたらろくなことはないですよね。高速化は必要です。特に遅くなりがちなWordPressサイトでは。 高速化の第一歩は現在のページスピードの把握 高速化の第一歩は現在の表示スピードの計測です。 速度を計測するツールはいっぱいあるのですが、中でも重視すべきはGoogle PageSpeed Insights です。 ペ
rensabanet.com - rensabanet リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Advanced Custom Fields (ACF)
Description Advanced Custom Fields (ACF) turns WordPress sites into a fully-fledged content management system by giving you all the tools to do more with your data. Use the ACF plugin to take full control of your WordPress edit screens, custom field data, and more. Add fields on demand. The ACF field builder allows you to quickly and easily add fields to WP edit screens with only the click of a fe
Advanced Custom Fieldsの使い方
目次 中々の大作になってしまったので目次付けときます。 ↓目次を表示する まえがき KoToRiは最近まで「Custom Field Template」を愛用していました。 使い方を詳しく説明した記事も書きました。詳しく書き過ぎて見てくれた人にコメントで注意もされました笑 Custom Field Templateの使い方[WordPress] でも最近『Advanced Custom Fields』に乗り換えました。 理由はいろいろあるのですが一番の理由は編集画面に表示されるフィールドが見やすいからです。 管理画面をなるべく使いやすくカスタマイズするという事に重きを置くようになったのです。今更ですが。 でも調べていくうちに『Advanced Custom Fields』の柔軟性にビビりました。 みなさん、このプラグインが無料なのは凄いことです！ なので『Advanced Custom F
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
