はじめに ※この記事は「カスタム投稿タイプをゼロから作ってウェブサイト上に表示させるまで」 の続きだったりします。 何かあればそのたびに追加していく予定。 コンタクトフォームでの入力欄にcssを適用させる CSSの基本がわかっていること前提の記述になることをあらかじめ断っておく。 また、本家サイトの記事にわかりやすい解説もあったのでそちらも参照してほしい。 ここでは、あちらにはない扱い方を説明。 CSSを書くときはたいてい
Gutenbergの大きな特徴のひとつとして、コードがわからない人でも自由且つ簡単に好きな見栄え・レイアウトを実装できるというものがありますが、それを何らかの理由で制限したいときに使える方法です。 特に毎回決められた項目のみ入力するような作りの投稿タイプやページがある場合に便利だと思います。 ブロックの操作はtemplate_lockというプロパティで制限することができます。 template_lockを指定しないデフォルトの状態ではブロックの追加・削除・移動など自由に操作することができますが、allでそれらを完全に制限し、insertはブロックの追加・削除はできませんが移動はできるという制限をかけます。 具体的な使用例として、例えばとあるサイトで「イベント」という投稿タイプを作成し、そこでは基本的に下記内容の情報しか入力しないので他のブロックは必要ないという仕様だったとします。 キャッチ
色の設定項目を追加する手順 では、テーマカスタマイザーに色の設定項目を追加してみましょう。 下記のように関数を定義し、この中に、 セクション追加 テーマ設定 コントール追加 といった処理をどんどん追加していきます。コードを追加するファイルは「functions.php」です。 function theme_customizer_extension($wp_customize) { //処理をどんどん追加 } add_action('customize_register', 'theme_customizer_extension'); セクション追加 オリジナルの設定項目を追加する上で、通常はセクションを追加する必要がありますが、色のセクションがすでにあるので、新しくセクションを追加する必要はありません。 (もちろん、新しくセクションを追加して管理することもできます) テーマ設定 セッティン
テーマカスタマイザーとは? テーマカスタマイザーとは、外観→カスタマイズと進むと表示される「テーマカスタマイズ画面」のことです。 サイト基本情報背景画像メニューウィジェット追加CSS などの設定項目がデフォルトで用意されており、ここにオリジナルの設定項目を追加して拡張することができます。 有名なWordPressテーマには、必ずといっていいほどオリジナルのカスタマイズ項目が用意されており、この設定項目の多さがテーマ選びの重要なポイントにもなっています。 テーマカスタマイザーの拡張方法 ただ、オリジナルテーマを作成しない限り、テーマカスタマイザーを拡張する機会がないので、 どうやって設定項目を追加すればいいのか1で設定したものをどうやって読み込めばいいのか わからない方も多いと思います。 そこで今回は、初めてテーマカスタマイザーを拡張する方向けに、設定→読み込みまでの手順をご紹介します。 お
おっす、オラJay! ひっさびさの更新でやり方を忘れちまってたぞ! 今回はチェーン展開の店舗サイトとかショッピングサイトとか、動的なコンテンツが複数ある場合に「カスタム投稿タイプ」でブログを追加する手順を紹介すっぞ。もちろんプラグインは使わねぇ。 カスタム投稿タイプ – wikipediaより “WordPress は多数の異なるタイプのコンテンツを保存し、表示することができます。投稿はひとつの投稿タイプですが、任意の投稿タイプのコンテンツを WordPress の内部では投稿と呼んでいます。どの投稿タイプのコンテンツもすべてひとつの場所(データベースの wp_posts テーブル)に格納されていて、post_type というカラムによって区別されます。WordPress 3.0 からは自分でカスタム投稿タイプを追加して異なる用途に利用できるようになっています。” 私、プラグインは使ってま
こんにちは、メディア事業部ウェブディレクターのコネル飯塚です。 WordPressでブログを運営していると、トップページなどに記事一覧を表示させている場合が多いと思います。 かっこ良いWordPressテンプレートもたくさんありますが、通常のループの使い方では記事一覧のすべてが同じ投稿形式の表示方法になります。 そこで、今回は記事一覧の最新の投稿記事のみ画像を大きく見せるなどが出来るように、最初の記事を判別する方法を説明していきます。 この方法を使えば、「最初の1つ」だけではなく、「最初から3つすべて」や「4つ目だけ」など、応用して見せ方に変化をつけることができます。 同じ形式の記事一覧をループさせている状態から少し変化やアクセントを付けて、見せ方を変えてみませんか?とても簡単なカスタマイズ方法なので、是非参考にしてみてください! ループの使い方 まず、WordPressで記事一覧のような
2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を
2017/7/23 追記 さくらインターネットが、WordPress常時SSL化プラグインの提供を開始しました。さくらのレンタルサーバでHTTPSな独自ドメインのWordpressサイトを構築する場合は、こちらのプラグインを使用することをおすすめします。 https://help.sakura.ad.jp/hc/ja/articles/115000047641 はじめに さくらのレンタルサーバ(共有サーバ)でHTTPS(SNI SSL)な独自ドメインのWordpressサイトを構築する際の注意点についてまとめました。 まず、2015/2/4より、共有サーバでの独自SSL(SNI SSL)が利用可能となりました。 「さくらのレンタルサーバ」独自SSL機能拡充(SNI SSL提供開始)のお知らせ 独自SSL IPアドレスベース/SNI SSL(ネームベース) SNI(ネームベース)のSSLであ
2016年11月14日 常時https/SSL化してもFacebook記事の「いいね!」数を引き継ぐ方法(正攻法編) こんにちは、ディレクターの八木です。 先週末のMTDDC Meetup TOKYO 2016はなかなかの盛り上がりでした。 私も懇親会のLTで、ちょこっと「常時https/SSL化といいね! 数継承」のお話をさせてもらいました。 ご紹介したのはFacebookの公式ページで推奨されているいわば正攻法なのですが、このページがつい先日まで英語版しかなかったためか、Googleで検索してもここに言及した記事があまりありませんでした。 そのときつかったスライドをSlideShareにアップしたので共有しつつ、 若干プラスアルファの補足を書いておきたいと思います。 SlideShare:「常時HTTPS化後もいいね!数は引き継ぎたい♡」 http://www.slideshare.n
GoogleがHTTPSをランキングシグナルで使用すると公式ブログで発表(※)してから、リニューアルを機にWebサイトのHTTPS化を検討するサイトが増えてきました。SEO目的だけのためにWebサイトをHTTPS化することは決しておすすめできるものではありませんが、セキュリティ面なども含めリニューアル時にWebサイトをHTTPS化するサイトも増えてきたように思います。 ※Google ウェブマスター向け公式ブログ: HTTPS をランキング シグナルに使用します 現在、HTTPの環境にて運営しているWebサイトをHTTPSに変更しようとする場合、サーバー証明書の発行などのインフラ手続きから、サイト内部のリンクやcanonicalタグの修正、301リダイレクトなどのサイト内部の設定など、変更や修正を行わなければならない作業が他にも山ほどあります。 その中でも、Webサイト担当者をはじめとする
こんにちは、メディア事業部ウェブディレクターのコネル飯塚です。 「bloginfo()」はサイトのさまざまな情報を表示させる関数です。WordPressの管理画面から入力されたプロフィールや一般設定などの情報を表示させることができます。 この「bloginfo()」というテンプレートタグはよく使用される関数だと思いますが、一部のパラメーター(引数)が廃止になっていたり、非推奨になっておりますので、一度テンプレートファイル内の使用箇所をしっかり確認することをオススメします。 bloginfo()の一部パラメーターの廃止 WordPressのVersion 2.2よりbloginfo()のパラメーターである「'siteurl'」「'home'」が廃止されております。 <?php bloginfo('siteurl'); ?> <?php bloginfo('home'); ?> こちらは使うこ
ブログの記事数が増えてくると、「どの記事からどの記事にリンクしたのか」を把握しづらくなってきますよね。 「この記事にはどれくらいの内部被リンクがあるのか」というのも、定期的に全記事のデータを整理していないとわかりません。 内部リンクを把握するために過去記事をすべてチェックしようにも、記事数が何百もあるとそれだけで何時間もとられてしまいます。 そこで、内部リンクを監視・チェックできる WordPress プラグイン「Interlinks Manager」をご紹介します。本プラグインは有料ですが、買い切りなので複数サイトを運営しているなら試してみて損はないと思います。 内部リンク最適化プラグイン Interlinks Manager 内部リンクの管理・最適化におすすめのプラグインが、こちらの「Interlinks Manager 」です。 このプラグインの機能をざっとあげてみます。 投稿内か
絵文字の DNS プリフェッチだけを削除したい場合 WordPress の絵文字機能をフックで外して使用していない場合も多いのではないでしょうか、その場合このリンクタグも必要ないため非表示にしてしまいたいです。その場合は functions.php へ以下の記述を追加します。 add_filter( 'emoji_svg_url', '__return_false' ); wp_resource_hints() を通して表示される DNS プリフェッチをすべて非表示にする プラグインの関係か、サイトによっては絵文字以外の DNS プリフェッチが表示されていました。 ウェブフォントや Bootstrap などの CDN は DNS プリフェッチされていた方がよいと思いますが、もし表示したくない場合は以下のように wp_resource_hints フィルターフックを使って非表示にすることがで
営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 【有料ユーザー数No.1】ノーコード&30秒で予約受付フォームの作成ができる「formrun」はこちら! 直感的な操作で作成と設置が可能で、顧客管理
ツイート B! ブックマーク Google+ Pocket Facebook 以前Comment Rating Field Pluginという、コメント欄に星の評価を追加して、記事(商品)の評価をつけることができるプラグインを紹介しました。 有料版を購入すれば、複数項目の評価や「ハーフスター」の表示が可能になりますが、無料版でもある程度のカスタマイズが出来ましたので、半分自分用のメモとして置いておきます。 2015/5/20更新:プラグインが更新されていくと、こちらの記事で紹介しているコードは将来的にエラーに変わる可能性があります。安全を期すならば有料版を買いましょう。 もくじ 任意の場所に星を表示させるコード ショートコードで記事内に自由に表示 星の画像を違うものにする ハーフスターを表示させる 平均点を算出する リッチスニペットに対応させる まとめ 1. 任意の場所に星を表示させるコー
スマートフォンなどのモバイル端末にWebサイトを対応させるのに、CSS3のMedia Queries(メディアクエリ)を使って、レスポンシブデザインにすることが多いと思います。しかし、Google Adsenseなどの広告は表示がはみ出てしまったりします。 スマートフォンなどのモバイル端末には、別の表示にしたり、ブラウザ別に表示を変えたい時があるのではないでしょうか?例えば、PCサイトでGoogle Adsenseの728×90を使っているけどiPhoneやAndroidなどのモバイルでは、レイアウトが崩れるので300×250に変えたいな等です。 今回の投稿では、WordPressでスマートフォン別、ブラウザ別に条件分岐する方法を集めました。 スマートフォン・タブレット端末 スマートフォン・タブレット端末別の条件分岐方法です。 モバイル端末で表示を変えるwp_is_mobile() PCブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く