WordPressでプラグインを使わずにパンくずリストを表示する方法 | 第0版
こんにちは、とみーです。 プラグインって色々入れると管理が面倒ですよね。 今回はプラグインを使わずにパンくずリストを表示させる方法についての記事です。 テーマによっては元々実装されているものもありますが、このAdelleというテーマにはありませんでしたので組み込んでみました。 ※このブログは2016年12月にパンくずリスト組み込み済みのテーマに変更しました しかしそのままコピペすると階層ごとをdivタグで囲っているため、改行されて表示されてしまいます。 CSSでfloatするよりは元のコードを書き換えてしまった方が楽なので、ちょっと改変してみました。 改変版 変更点は4点です。 パンくずリストを横並びに ホームの文字列の左にアイコンフォントを表示 最後に > を追加 最後に改行を挿入 コード（functions.php） // *******************************
パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない（コード 付き）
タイトルはパンくずリストなんですけど、パンくずリストを紹介する記事ではありません。でも、パンくずリストを自分で作ってみると分かるんですけど、パンくずリストのコードには、WordPress でのサイト構築のノウハウが詰まっているなーって思います。なのでパンくずリストを作りながら、WordPress でのサイト構築の考え方みたいなものを紹介する感じの記事になっています。 WordPress でブログじゃない Web サイト構築をするとき、サイトの構造によってはサイドバーなどを自分でカスタマイズしなくてはいけません。例えば固定ページを作ったら、親ページでは子ページへのリンクを表示したりとか、逆に子ページでは親ページのリンクを表示したりとか …。もちろんリンクだけじゃなくて、アイキャッチ画像なんかも一緒に表示したいこともあったりします。一般的な Webサイトを WordPress で作ろうとすると
WordPressのテーマデザインでよく使うPHP構文、if-else文について
前回に、 WordPressのテーマデザインでよく使うPHP構文、if文について という記事を書きました。 PHPプログラムにおいて、if文は、いわゆるPHPの制御構造、条件分岐と言いまして、その条件式がTRUE（当てはまる）の場合にのみ、処理を実行するPHP関数です。なので、その条件式がFALSE（当てはまらない）の場合には、if文の中は無視されて何の処理も行われません。 そこで、その条件式がFALSE（当てはまらない）の場合にも、何かしらの処理がしたい場合があると思います。 そのような時に用いるのが、PHP構文のif-else文です。 なお、if-else文は、if文と同様に、他のif文やif-else文の中に何重にも入れ子ができるので、柔軟に対応ができます。つまり、if文やif-else文の中にさらにif文やif-else文を書くこともできます。 具体的な使い方の説明を致します。 i
functions.phpでJSやCSSを一元管理する - WordPressテックラボ - [SMART]
CSSやJavaScriptの読み込みはSTYLEタグやSCRIPTタグをheader.phpなどに直接書くこともできますが、WordPressではfunctions.phpでwp_enqueue_style()、wp_enqueue_script()をアクションフックを使って読み込むことが推奨されています。wp_enqueue_style()やwp_enqueue_script()を利用する利点として、CSSやJavaScriptの重複読み込みを回避できたり、functions.php内で一元管理できることなどが挙げられます。 ファイルをキューに登録する関数 wp_enqueue_style() – CSSファイルをキューに登録wp_enqueue_scripts() – JavaScriptファイルをキューに登録 wp_enqueue_script関数 wp_enqueue_scrip
![functions.phpでJSやCSSを一元管理する - WordPressテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
WordPress：functions.phpでJSやCSSを一元管理する方法とバージョン表記を消す方法 - NxWorld
CSSやJavaScriptなどの外部ファイルを読み込む際、全ページ共通で且つよく見かける方法だとheader.phpのhead内に記述するということが多いと思いますが、例えば投稿ページでは使うけど固定ページでは必要ないので読み込ませたくない場合があります。 head内で条件分岐させる方法もありますが、それをfunctions.phpを使って一元管理する方法です。 また、その際に追記されてしまうバージョン表記を消す方法も合わせて紹介します。 JavaScriptを管理する 例としてIDがそれぞれ1～3まで設定されている固定ページに、以下の4つのjsを適応させるという想定で説明していきます。 jquery-1.7.2.min.js（全ページに適応） common.js（全ページに適応） slide.js（固定ページ1のみに適応） lightbox.js（固定ページ2と3に適応） 上記のような
【WordPress】WordPress 同梱の jQuery を読み込まずに、任意のバージョンの jQuery を読み込む方法。
【WordPress】WordPress 同梱の jQuery を読み込まずに、任意のバージョンの jQuery を読み込む方法。 WordPress のテーマファイル head.php 内に、<?php wp_head(); ?> を書き込んでいると、コンフリクト回避のコードが追加された jQuery が自動で読み込まれる仕様になっています。 これはこれで便利なのですが、任意のバージョンの jQuery のみを読み込みたい場合など、邪魔になるケースもあるかと思います。 そんなときのために。 jQuery の自動挿入をストップする方法を紹介します。 テーマファイルに functions.php を用意して、以下のコードを書き加えましょう。 add_action('wp_print_scripts','my_deregister_script',100); function my_dereg
【WP】「メディアを追加」で挿入したimgをdivで囲む | にゃっほい屋２号店
「メディアを追加」で画像を挿入した際、挿入されたimgタグを特定のタグ（div等）で囲みたいと思ったときに使える方法。 ※2017/10/23 すみません。ソースに不備があったため修正しました。＞＜ やりたいこと 通常「メディアを追加」ボタンを使用して画像を挿入すると・・・ <img src="画像URL" alt="代替テキスト" width="幅" height="高さ" class="クラス" /> ・・・となるのですが。これを・・・ <div class="icimg"><img src="画像URL" alt="代替テキスト" width="幅" height="高さ" class="クラス" /></div> こうしたい。 解決法 function.phpを編集します。 function my_image_send_to_editor( $html, $id, $caption
WordPress 記事に挿入する画像にclassを追加する方法 | ホームページ制作のサカエン Developer's Blog
WordPressの記事に挿入する画像にclassを追加する方法です。 WordPressで記事中に「メディアを追加」から画像を挿入すると img の class はこんな感じですね。 class="alignnone size-medium wp-image-9" この名前を利用してスタイルシートを記述するのもいいのですが、class を追加したい場合にちょっと困ります。というのも Bootstrap3 では、レスポンシブな画像を表示するためには「img-responsive」を必ず追加しなければなりません。 お客様側で WordPress の管理画面から記事追加とか編集されると、class なんて間違いなく付加してくれません。当たり前ですよね、筆者でも頼まれても忘れちゃうし、素人さんならできるだけ html はみたくないって感じですもんね。 となれば、挿入のタイミングで自動で付加するし
画像キャプション回りのHTMLタグをカスタマイズする - WordPressカスタマイズ、サイト作成メモ
最近のコメント投稿画面に任意の表示エリアを追加 に 投稿画面にカスタムボックスを追加してみた。 – WOOD YGG より画像キャプション回りのHTMLタグをカスタマイズする に Koji より画像キャプション回りのHTMLタグをカスタマイズする に さい より画像キャプション回りのHTMLタグをカスタマイズする に [WordPress] メディアにカスタムフィールドを追加して、captionショートコード呼び出しの際に処理させる（メモ） | モノグサにお灸 | 明日なまけるために、今日はがんばってみる。 より画像キャプション回りのHTMLタグをカスタマイズする に WordpressのCaptionショートコードのWidthを、”%”対応にしてみる。 | 平原眺望 より 画像にキャプションを入れると、WordPressは画像タグを<img>タグで囲み、キャプションを<p>タグで囲んで、
[WP]WordPress 管理画面の「投稿」を別の名前に変更する方法｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
ブログをメインにWordPress を運用する場合は別ですが、企業サイトをWordPress で構築する場合は「投稿」という表示を別に名前にしたい時もあります。 そんな時は、テーマファイルのfunctions.php を編集して「投稿」を別の表記に変更することが可能です。 「投稿」を「ニュース」に表示変更してみる 通常、WordPress 管理画面の左メニューは「投稿」になっていますが、 例えば「投稿」を「ニュース」に変更したい場合は、ご利用のテーマファイルfunctions.php を開いて、以下のような記述を追加します。 function change_post_menu_label() { global $menu; global $submenu; $menu[5][0] = 'ニュース'; $submenu['edit.php'][5][0] = 'ニュース一覧'; $subme
![[WP]WordPress 管理画面の「投稿」を別の名前に変更する方法｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/18498b4eb3a903b87a60252db99f687051cda0e3/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2013%2F05%2Fwordpress.png)
Wordpress 一番簡単なカスタムタクソノミーの作成と表示方法
WordPressでブログを書いているだけならそれほど使うことがないカスタムタクソノミー（カスタム分類）ですが、コーポレートサイトなどではカスタム投稿と合わせて使うことがよくあります。 例えば、通常のブログの他に自社の商品情報を書きたいという場合。ブログで使っているカテゴリーに商品カテゴリを入れるのではなく、ブログと商品を分けたいということがあります。そんなときに使えるのがカスタムタクソノミーです。 Wordpressのカスタムタクソノミーを使えば複数のカテゴリーやタグを作ることができるので、商品の系統ごとに分類したいなどの場合に便利です。 ここでは簡単にWordpressのカスタムタクソノミーを設定しデータを投稿する方法を紹介します。 合わせてこちらもおすすめです。 WordPress カスタム投稿の作成と表示方法 WordPress カスタムフィールドの作成と表示方法 WordPres
はじめてのWordPressまとめ
はじめに このサイトは、WordPressのカスタマイズが出来るようになるための参考サイトとして作成した。 もし興味を持った事があり、それに対して深い知識を得たいと思うならば、他サイトを参考にしてもらいたい。 WordPressのインストール方法 XAMPPでローカル環境構築して、簡単WordPressインストール 今回はこちらの場合で説明を行う。 USBメモリにWordPress用のローカル環境を3分で構築、お手軽過ぎるInstant WordPress すぐにWordPressを使いたい場合にオススメ。 WordPressをカスタマイズするために必要な知識 WordPressのカスタマイズでは、大きく分けて下記の６つを理解しなければならない。 ・WordPressテンプレートタグ http://wpdocs.sourceforge.jp/テンプレートタグ ・WordPress条件分岐タ
WordPress高速化｜1秒前半で表示させるための8つ＋3つの方法を解説
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、
サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
jQuery Smooth Scroll – ページトップに戻るボタンを追加できるWordPressプラグイン ｜ ねたわん
jQuery Smooth Scrollは、画面の右下に「ページトップに戻るボタン」を追加できるWordPressプラグインです。ボタンをクリックすると滑らかに画面がスクロールします。 また、同じページ内のアンカーリンクをクリックしても滑らかに画面がスクロールします。 このプラグインはインストールして有効にするだけで利用できます。初期設定不要です。管理画面もありません。シンプルですが役に立つプラグインです。 はじめに このプラグインが優れていること 画面の右下にページトップに戻るボタンを追加できる。 ページトップに戻るボタンをクリックすると滑らかに画面がスクロールする。 同じページ内のアンカーリンクをクリックしても滑らかに画面がスクロールする。 プラグインをインストールして有効にするだけで利用できる。 スクロールボタンの見本 下記画像は、ページトップに戻るボタンの見本です。画面の右下に表示
WordPress公式テーマに登録されている日本人作者をご紹介♪日本語テーマを使おう！
WordPressの公式テーマ、使っていますか？ テーマとは、WordPressでWebサイトやブログを立ち上げた時、ブラウザに映し出される”見た目のデザイン”の事です。 他のブログサービスの名称でいうと、”スキン”、”テンプレート”と言えばわかりやすいでしょうか？ WordPressのデフォルトテーマは、年ごとに変更があって、2015年バージョンのデフォルトテーマは、「Twenty Fifteen」、2014年バージョンは、「Twenty Fourteen」と名付けられ、年ごとにデザインや機能が変わります。デフォルトテーマにより、WordPressの最新の動向、進化を知る事ができます。 こういうのもWordPressユーザーの楽しみであります。 そして、WordPressには、デフォルトテーマ以外に3000以上のテーマがWordPressの公式ディレクトリにストックされています。 ★ W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
emiac-works.com
http://hapisupu.com/2015/09/wordpress-editor-visual-text-switch-tag-erase-fix/
http://wpcj.net/1471
テストから本番へ！WordPressでURLが変わる場合のデータベース修正マニュアル - 株式会社bridge
