このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 最近、どうもWordPressのネタが多い気がしますが、あれです。 年末のサーバーお掃除期間で、色々と整理しているせいですw ということで、複数ある様なWordPressのサイトを楽々運営していきたいですよね。 でも、WordPressのローカル環境構築には、どれがいいかずっと悩まされてきました。 vccwが良いのか、wockerが良いのか、vvvvが良いのか、dockerで構築した方が良いのか。。 などなど、 Vagrantベース ・vccw (apache) ・vvv (nginx) dockerベース ・wocker … と、あって、確か前回にも WordPress + Vagrant の環境構築が超簡単に！！「VCCW」を使ったら簡単すぎて困った件。

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でブログじゃないサイトを作るときって、固定ページを結構使いますよね。そんなとき、スラッグを取得して指定すると便利だなぁと思ったので書き残しておきます。子ページの場合、子階層のみのスラッグを出力してくれるので使い方によっては便利かも！ 記事内容に変更があります。（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ですが子ページかどうか調べるis_subpage()のような条件分岐タグはありません。毎回調べるのでメモしておきます。 固定ページの子ページかどうか判定

一つの WordPress で構築したサイトの中でブログを運営している場合に、サイト全体を検索対象とするサイト内検索と、ブログ記事のみを検索対象とするブログ内検索の両方を設置したいということがあります。 ブログ内検索に WordPress の検索機能を利用し、サイト内検索は Google カスタム検索を利用するというのも一つの方法ですが、今回、既に WordPress の機能でサイト内検索を設置しているこのサイトに、WordPress の機能でブログ内検索を追加しました。 サイト内検索のフォームは共通のヘッダーに設置されているため、ブログの各ページでは検索フォームが2つ存在することになります。追加するブログ内検索のフォームはサイドバーに設置します。 また、その検索結果のページのデザインはそれぞれ異なるものとし、ブログ内検索の検索結果はブログのデザインの中で表示させます。 検索フォームの設置

2015年8月20日2020年11月16日SNS,WordPress使い方 ブログ記事に、SNSの投稿を埋め込んで紹介することによって、そこから直接フォロワーになってもらい、さらにブログ記事の拡散を図ろうという一石二鳥の作戦がこれなのです。 ブログと同時にSNSをすることは、とてもお互いにいい影響を及ぼすことができるので、活用されている方が多いと思います。 ただ、基本的にはブログ記事を書き、それをSNSでシェアするというものがほとんどだと思います。 今回ご紹介するのは、逆でSNSの記事をブログで紹介するというものなのです。 たぶんどこかで見たことがあると思いますが、どんなものかやってみますね！ Twitterのつぶやきをブログに埋め込んだら、こんな感じになります ウクレレの修理完了につき、お披露目！！ http://t.co/MgVjOFg9X6 — うえせい（上原誠司） (@cha

[レベル: 上級] この記事では、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のuploadsフォルダにアップロードすると、画像の情報がデータベースに登録されないので、メディアライブラリで見ることができなかったり、色々不具合がある。 しかし、既存サイトをWordPressに移植する時など、大量にアップロードする場合、できればFTPなどで一気にアップロードしたい。 また、バージョン3.4まであった、ファイルのアップロード先を選ぶ機能が無くなり、3.5以降、アップロードしたファイルは皆、uploadsにずらりと並ぶことになる。これはイケてない。 せめて、ブログページで使う画像と、固定ページで使う画像くらいは分けたいじゃないか。 そうなると、自分でuploads以下に適当なフォルダを作って、そこにFTP画像をアップロードすることになるが、やっぱりメディアライブラリで見れないなどの不具合が生じる。 そこで、FTPを使ってアッ

WordPressをCMSとして運用していると、固定ページ（または投稿）内で本文の一部分のみを指定した日時で削除（表示）したい事があります。 例えば 1/1から数日間は「明けましておめでとうございます」 を表示しておきたい。 固定ページ内に貼ったバナー（画像やテキスト）は期間限定だらから期日がきたら削除したい などなど。 普通はそのタイミングで投稿の内容を変更しますが、うっかり忘れたりしないように本文内で日時指定したいものです。 そこで今回は指定日時によって内容を表示するショートコードを作成します。 PHPでやる方法 日時を指定して投稿を表示・非表示にする場合、PHPのdate関数を使えば簡単です。 <?php if ( date(YmdH) >= "2012052812" ) { //2012年5月28日12時以降 echo "指定日時に表示したい内容"; } ?> たったこれだけです。

レスポンシブデザインのサイトでは、CSS の @media で画面（ブラウザ）サイズによってデザインを変えるのが一般的です。 でも、場合によっては「出力自体を制御したい」こともありますよね。そのときに便利なのが、条件分岐タグ wp_is_mobile() です。さらに任意の制御をしたい場合は、自作関数 is_mobile() を使います。 基本的な使い方と、タブレットの制御に関して詳細を解説していきます。

スマートフォンなどのモバイル端末にWebサイトを対応させるのに、CSS3のMedia Queries（メディアクエリ）を使って、レスポンシブデザインにすることが多いと思います。しかし、Google Adsenseなどの広告は表示がはみ出てしまったりします。 スマートフォンなどのモバイル端末には、別の表示にしたり、ブラウザ別に表示を変えたい時があるのではないでしょうか？例えば、PCサイトでGoogle Adsenseの728×90を使っているけどiPhoneやAndroidなどのモバイルでは、レイアウトが崩れるので300×250に変えたいな等です。 今回の投稿では、WordPressでスマートフォン別、ブラウザ別に条件分岐する方法を集めました。 スマートフォン・タブレット端末 スマートフォン・タブレット端末別の条件分岐方法です。 モバイル端末で表示を変えるwp_is_mobile() PCブ

@web_shufuです。素人ですが、色々やってみたら、Google PageSpeed Insights で普通に90点を超えられるようになったので、これまでやった高速化対策をまとめました。 上の結果は当ページで計測しました。 表示速度はなぜ速くないといけないのか 表示速度が遅いと、 トラフィック 売上 顧客満足度 顧客そのもの 検索順位 などを失います。 さらにこれらはお互いに影響し合い負のスパイラルを形成します。 …と小難しいことを言う前に、サイトが遅くて閲覧者をイライラさせたらろくなことはないですよね。高速化は必要です。特に遅くなりがちなWordPressサイトでは。 高速化の第一歩は現在のページスピードの把握 高速化の第一歩は現在の表示スピードの計測です。 速度を計測するツールはいっぱいあるのですが、中でも重視すべきはGoogle PageSpeed Insights です。 ペ

いますぐブログが始められる「WordPress自動インストール」「無料の独自SSL」「無料のバックアップ/復元」など。初心者も安心の機能が充実！ラッコサーバーは個人から法人まで幅広くご利用いただけます。

Description Secure Custom Fields (SCF) turns WordPress sites into a fully-fledged content management system by giving you all the tools to do more with your data. Use the SCF plugin to take full control of your WordPress edit screens, custom field data, and more. Add fields on demand. The SCF field builder allows you to quickly and easily add fields to WP edit screens with only the click of a few

目次 中々の大作になってしまったので目次付けときます。 ↓目次を表示する まえがき KoToRiは最近まで「Custom Field Template」を愛用していました。 使い方を詳しく説明した記事も書きました。詳しく書き過ぎて見てくれた人にコメントで注意もされました笑 Custom Field Templateの使い方[WordPress] でも最近『Advanced Custom Fields』に乗り換えました。 理由はいろいろあるのですが一番の理由は編集画面に表示されるフィールドが見やすいからです。 管理画面をなるべく使いやすくカスタマイズするという事に重きを置くようになったのです。今更ですが。 でも調べていくうちに『Advanced Custom Fields』の柔軟性にビビりました。 みなさん、このプラグインが無料なのは凄いことです！ なので『Advanced Custom F