【徹底解説】カスタムフィールドの新定番！Custom Field Suiteの使い方 | WEB Que / ウェブキュー
一番有名なAdvanced Custom Fields (ACF)ではもちろん繰り返しフィールドを使うことができます。しかし、繰り返しフィールドを使うためには有料版（サブスク）のAdvanced Custom Fields Proの購入が必要です。 一方、Cusutom Field Suiteであれば無料で繰り返しフィールドを使用することができ、繰り返しフィールドを入れ子にすることも可能です。もちろん繰り返しフィールド以外の入力フィールドで必要なものは一通りすべて揃っています。 また、ほかにもSmart Custom Fieldsでも繰り返しフィールドを無料で使用できますが、繰り返し処理を入れ子構造にすることができません。（ちなみにSmart Custom Fieldsは更新が2年以上ストップしており、作者ご本人も他のプラグインへの乗り換えを推奨しています。） Custom Field S
WordPressを使ったランディングページの作り方とは？テンプレートと制作のポイント
WordPressは世界でもっとも利用されるWebサイト構築のCMSツールで、ランディングページも簡単に制作可能です。 しかし、WordPressでランディングページを制作できると知らなかったため、制作費用をかけすぎてしまったというケースをよく耳にします。 そこで今回は、WordPressからランディングページを制作する方法について解説します。 ■合わせてよく読まれている資料：成果の出るLPの構成も →広告運用の重要なカギ！？ランディングページ改善ガイド WordPressの固定ページとランディングページの違い WordPressの固定ページを利用して、ランディングページが作成できます。 そもそもWordPressの固定ページとは、投稿機能と違い、カテゴリ分けされない独立したWebページ作成機能のことです。固定ページは、主に会社概要やお問い合わせページ作成などで利用されます。 一方でランデ
MAMPのバーチャルホスト設定で複数のWordPress環境を作成し、かつスマホで実機確認も出来るようにする | oku-log
MAMPのバーチャルホスト設定で複数のWordPress環境を作成し、かつスマホで実機確認も出来るようにする ローカルでWordPressの開発環境などを作成する際に便利なMAMP。 一つのサイトだけであれば特に不自由はしないのですが、バーチャルホスト設定をして複数の開発環境を作成、さらにそれをiPhoneなどで実機確認も出来るようにするにはちょっとしたコツが必要。 今回はその方法を紹介していきます。 MAMPはすでにインストールしてるよって方は目次から必要な部分まで読み飛ばしてくださいませ。 まずはMAMPのインストール インストールとダウンロード MAMPのインストーラを公式サイトからダウンロードします。 https://www.mamp.info/en/ トップにダウンロードへのリンクがあるのでそちらをクリックします。 すると以下のダウンロード用の画面が出るのでOSを選んでダウンロー
【LOCAL】MAMPでバーチャルホスト
6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方
【MAC】MAMP（フリー版）のインストールから初期設定＋バーチャルホスト設定までをまとめてみた - Qiita
ローカル開発環境とは webサイトやwebサービスを公開するときは、リモート側のサーバー上にデータを設置します。 ローカル開発環境とは、本番のサイト環境に限りなく近い仮想的な環境を、ローカルパソコンに用意したもののことです。 一般的に、webサイトやwebサービスを開発するときは、このローカル開発環境上で、サイトの動作や表示確認を行います。 ローカル開発環境によって、インターネット上に公開する前でも、手元でサイトの表示や動作確認などのテストを行うことができます。 MAMPとは MAMP(マンプ)とは、ローカル開発環境を立ち上げるために必要なソフトウェア（Apache、MySQL、PHP）をパッケージ化したもので、macOSとWindows上で動作させることが出来ます。 「Macintosh」「Apache」「MySQL」「PHP」の頭文字をとってMAMPと名付けられています。 似たソフトで
まだテーブルで消耗してるの？ 用途で選ぶWordPressプラグイン10選
手作業で作るにはあまりにも面倒なのが、テーブル（表組み）ですよね。そこで、 WordPressで使えるテーブルプラグインをタイプ別に厳選して紹介します。 テーブル（表）は、Webサイトの情報を整理して分かりやすく表示するのに最適な表現方法です。WordPressにはとにかくたくさんのテーブルプラグインがあるので、どれを使えばよいかは悩ましいところです。 本記事はWordPressテーブルプラグインの徹底ガイドです。テーブルレイアウトを活かす方法とプラグインの種類を解説します。最後にWordPressテーブルプラグインのベスト10を、手短な構築手順とともに紹介します。 読み終えるころには、プラグインの選び方、導入方法と使い方も理解できるはずです。 なぜWordPressのサイトにテーブルを使うのか テーブルは構造化されたデータを表示するのに適しています。テーブルの利点を考えると、あまりに多く
clip-pathで要素を斜めにカットするCSSライブラリ・「Angled edges」
Angled edgesは要素を斜めにカットするためのCSSライブラリです。clip-pathを使っています。class付与で上デモのように手軽に斜めにカットできます。斜めにカットしなくちゃいけないシーンは個人的に思いつきませんがなんとなくよく見かける気はしますね。 需要はさておき、clip-pathがわけあって使えない！主にIEが！って場合は代替となるか分かりませんがtransformでも一応可能です。 雑なサンプルで済みませんがclip-pathではなくtransformを使った実装例です。単純に親要素を斜めにして子だけ元の角度に戻してるだけです。親要素はpositionプロパティで位置調整しています。 clip-pathの方が当然応用しやすいので代替とは言えない方法ですが一応。 Angled edgesのライセンスはMITとなっています。 Angled edges
WordPressで投稿者ごとの記事一覧ページを実装する方法 | ランサーズ（Lancers）エンジニアブログ
読書はカフェよりも大学図書館派のota（@purratto）です。実は一般にも開放しているところが多く、広々としていて開放的で、閲覧席がたくさんあるので席が埋まっていて座れないことがほぼなくて良いです（大学にもよるんでしょうが笑）。 WordPressで投稿者ごとの記事一覧ページを作成したので、その実装方法を解説します。 デモはこちら 下記のファイルを作成すると ｛ドメイン名｝/author/｛ユーザー名｝ にアクセスすると投稿者ごとの記事一覧が表示されます。 wp-content/themes/｛テーマ名｝/author.php <?php $userId = get_query_var('author'); ?> <?php $user = get_userdata($userId); ?> <h1><?php echo $user->display_name; ?><span> の投
日本語を読みやすく表示し、SEOの内部対策に徹底的にこだわったWordPressの日本製無料テーマ -Emanon
日本語の記事コンテンツの読みやすさ、SEOの内部対策、Microdata構造化マークアップ、Web集客に必要な機能を誰でも簡単にカスマイズできるよう作成されたWordPressの日本製無料テーマを紹介します。 WordPress 無料テーマ Emanon Free Emanon Freeの特徴 Emanon Freeのダウンロードとインストール Emanon Freeの特徴 Emanonは日本人の制作者が作成した日本のコンテンツのためのWordPressのテーマファイルで、集客に特化された特徴を備えています。 モバイルフレンドリーテスト（Google)に合格 SEO内部対策ずみhtml構造 Microdata構造化マークアップに対応 スマホ、タブレットに対応したレスポンシブデザイン サイト訪問者のコンタクト情報を収集するCTA、ランディングページ機能付き ※ランディングページ機能は有料版の
[記事移転済]WordPressサイトを構築するといくらかかる？ 見積り勉強会で価格を出してみた | WordBench
はじめまして。このようなやり方の勉強会では以下の理由により意味がないと思います。 ・依頼主の予算感や運用に対する具体的な数字がでていない ・依頼主とのすり合わせができていない ・案件を段階的に進める事が想定されていない 見積は依頼の背景がクリアになって初めて価格の適正が評価可能になりますので、本件のようなスタンスで”典型的なWordPressサイトの見積りでも現状はまだまだ標準的な見積手法が確立されていないことが分かります”とコメントしてしまうのは「無限に広がる土地に家を建てるならこんな設計」って提案を複数並べて「いやー予算と間取りがバラつきましたね。これはまだ建築設計に標準的な工法が無いことを示しています」とコメントしてしまうことと同意で、見積金額がばらつくのは自明です。 また、金額の多寡は状況に依存しますので普遍的に評価することは難しいと思います。逆説的に言えば平均的な価格よりも多少高
1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WordPressにレスポンシブのページネーションを設置するカスタマイズ方法
主な手順 WordPressテーマにページネーションを作成する主な手順は以下です。 Font Awesome呼び出しタグを貼り付ける functions.phpにコードを貼り付ける ページネーション用のスタイルシートを貼り付ける ページネーション表示箇所にコードを貼り付ける 多くて4回、少なくて3回コードをコピペすれば実装できる簡単な作業です。 古いAndroidブラウザでは対応していないかもしれません。 Font Awesome呼び出しタグを貼り付ける まず、今回のページネーションの「≪ 先頭」「< 1つ戻る」「1つ進む >」「最後尾 ≫」を表すアイコンはFont Awesomeを利用します。 Font Awesomeに対応していないテーマに今回のページネーションを設置するには以下のタグを<head></head>内などで呼び出して、利用できるようにする必要があります。 //レスポンシブ
プラグイン無しでページネーションを設置
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
WordPress プラグインなしでシンプルなページネーションを実装
WordPressのページネーションをプラグインなし、シンプルなデザインで実装してみます。 Screen shot 参考：出力されるコード <div class="pagenation"> <ul> <li class="prev"><a href="....">Prev</a></li> <li><a href="....">1</a></li> <li><a href="....">2</a></li> <li><a href="....">3</a></li> <li class="active">4</li> <li><a href="....">5</a></li> <li class="next"><a href="....">Next</a></li> </ul> </div>
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM
最新版！WordPressのブログやサイトの運営に役立つプラグインのまとめ
WordPressのデザイン、記事の投稿、コンテンツ配信、検索エンジン最適化、メンテナンス、バックアップ、セキュリティ、パフォーマンス、アンケート、ショッピング機能など、ブログやサイトの運営に役立つWordPressのプラグインを紹介します。 WordPress Plugins We Use プラグインは、海外のWeb制作系ブログ「CSS-Tricks」で実際に利用されている厳選プラグインで、それをなぜどのように使用しているのか非常に参考になりました。 CAPTCHAはコメントではなく、管理画面のログインに使用しているとか、なるほどと思いました。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 コンテンツ配信 検索エンジン最適化 メンテナンスとセキュリティ パフォーマンス デザインと記事の編集 パーミッションとモデレーション 販売 使
サイトに評価コンテンツを追加できるwordpressプラグイン「WP-PostRatings」
次は記事に対して評価コンテンツを追加できる便利なプラグインのご紹介。 このプラグインをインストールすることにより、各記事に簡単な評価をつけてもらうことができ、更にランキング表示することもできるので、面白いと思います。では早速。 WP-PostRatingsプラグインをインストールしよう ここで紹介するのは「WP-PostRatings」という秀逸のプラグインです。論より証拠ということで、当サイトに組み込む工程をご紹介していきます。 まずは、プラグインページから「WP-PostRatings」を検索するか、本家サイトからダウンロードしてプラグインを有効化してください。 プラグインの有効化ができると、サイドメニューに「Ratings」という項目ができます。 クリックしてみると分かると思うのですが、設定画面が全部英語です。。。英語が堪能な方はこのままで良いとおもうのですが、私のような純日本人には
WordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみる
WordPressWPカスタマイズ事始め WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基本構造を ある程度理解すれば可能です。 WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基本構造を ある程度理解すれば可能です。 PHP製のWordPressですので、当然PHPを理解していれば様々なカスタマイズが可能ですが、プログラミング自体まだ敷居はデザインより高いかもしれません。 でも、カスタマイズしてみたい！という方も多いと思いますので今回はカスタマイズ始めの1歩、的な内容です。 はじめにこれはPHPの記事ではありません。コピペ（ファイル間でのソースの移動など）が基本になるのでプログラマーさんからすれば
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web広告の運用に欠かせない“コンバージョン計測”の計測方法｜LP ノウハウ
