【WordPress】ビジュアルエディタでプラグインを使わずHタグにクラスを追加したりリンクを作成したりする方法 | 何もないけどヨロシク。
functions.phpにTinyMCEをカスタマイズしたスタイルセレクトボタンを追加する functons.phpをカスタマイズする。こんな感じ。 functions.php //スタイルセレクトボタンを追加 function tinymce_add_buttons( $array ) { array_unshift( $array, 'styleselect' ); return $array; } add_filter( 'mce_buttons', 'tinymce_add_buttons' ); //スタイルセレクトの初期設定を変更 function customize_tinymce_settings($mceInit) { $style_formats = array( array( 'title' => 'div(段落)', 'block' => 'div', 'clas
WordPressのテーマを自作する（9） – Everyday Pieces ::
前回の続きです。 今回は「pagination」をやります。 日本語的には「ページ割」とか「ページ付」という感じになるようです。 要するに、投稿一覧を複数ページに分けて表現するということですね。 the_posts_pagination() pagination するには the_posts_pagination() を使います。 これだけで基本OK。楽チンですね(^_^) ということで、 parts/posts-pagination.php のコードは以下のようになります。 もはやテンプレート部品にする必要がないくらい短いコードとなりました(^_^;) <?php the_posts_pagination(); ?>投稿一覧を表示させてみる これで、とりあえず投稿一覧を表示させることができるようになりました。 ただこのままだと、アイキャッチ画像の大きさがマチマチなのであまりうまくありませ
ACFのWYSIWYGエディターをリンクの付け外しだけにするカスタマイズ - Qiita
今回は、Advanced Custom Fields（アドバンス カスタムフィールド）のテキストエリアに 「リンクの付け外しだけ」を追加したい！」 を WYSIWYG エディター を使って実現します。 ただ、カスタムフィールドの WYSIWYGエディター を使うと、触られたくない無駄なツールがたくさんありますよね。 そこで、ツールバーに表示する機能を制限すれば良いというわけです。 デフォルトのWYSIWYGには「Full」と「Basic」がある カスタムフィールドの WYSIWYGエディターを作成することで、2つの標準メニュー（「Full」と「Basic」）が表示されるようになっています。 それぞれのツールバーを見ていきましょう。 WYSIWYGの「Full」 WYSIWYGの「Basic」 WYSIWYGエディターのツールバーを任意の機能のみ表示する では、ここから無駄なツールを取り除い
WordPress：投稿画面でタイトル、コンテンツ、カテゴリー選択、アイキャッチなどを入力必須にする方法 - NxWorld
WordPressは新規投稿する際にタイトルやコンテンツが空欄で何も入力されていなかった場合でも公開することができてしまうのですが、それを指定した部分が入力されていないときはアラート表示して公開させないようにする方法です。 以前にもタイトルとコンテンツが未入力の場合にアラート表示させることで入力必須にする方法は書いたのですが、コンテンツ部分の記述方法を少し変更しており、そこでは書いていないカテゴリー選択やアイキャッチといった他の部分にも設定する方法も併せて書いておきます。 コードは「投稿」の新規・編集画面に対して実装する場合のもので、下記をfunctions.phpに記述します。 一応コメントをつけていますが、以下のような順で各箇所が未入力または未選択だった場合にアラート表示するという記述になっています。 タイトル コンテンツ（エディタ） 抜粋 カテゴリー タグ アイキャッチ functi
ACFのWYSIWYGメニュー(Full/Basic)をカスタマイズする方法について | ahalog – Web Blog
この記事ではACF(Advanced Custom Fileds)のWYSIWYGメニューを調整する方法をご紹介します。 個人的にツールバーの定義名称が不明で、調べるのに少し時間を費やしたので取りまとめてみました。 ACFのWYSIWYGにはFullとBasicがある WordPressの従来の標準WYSIWYGでは一つしかメニューバーがありませんが、ACFではフィールドタイプからWYSIWYGを選択すると、ツールバーが表示されFullとBasicを選択することができます。 標準のFullでは以下のメニュー構成となります。 Basicでは以下の構成となります。 このままでも便利ですが、それぞれ過不足が出てきて調整したくなることも多いと思います。そこでこの記事ではカスタマイズする方法を2種類ご紹介します。 ツールバーをカスタマイズ (プラグイン利用) 手軽に行うにはTinyMCE Advan
ACF（Advanced Custom Fields）Wysiwygエディタのツールバーを独自にカスタマイズする方法 | MONOCHROME DESIGN｜東京杉並のフリーランスWEBデザイナー。WordPressホームページ/ウェブサイト制作
WordPressでカスタムフィールドを使う際にとっても便利なプラグインがACF（Advanced Custom Fields）です。ACFではビジュアルエディタとして「Wysiwygエディタ」というものが用意されています。この「Wysiwygエディタ」のツールバーを独自にカスタマイズする方法をご紹介します。 ACFのビジュアルエディタ「Wysiwygエディタ」とは ACFのフィールドタイプには基本的なテキストフィールド、テキストエリアの他にもクライアントワークに役立つビジュアルエディタが用意されています。ビジュアルエディタを使いたい場合はフィールドタイプの「Wysiwygエディタ」を選べばビジュアルエディタが付いたテキストエリアになります。 設定画面ではビジュアルエディタの上部にあるツールバーの内容を選択することができ「Full」と「Basic」の2種類用意が標準で用意されています。また
Shopifyテーマのカスタマイズ項目を作成する方法 | HPcode（えいちぴーこーど）
Shopifyテーマには、ユーザー自身がサイトのテキストやデザイン、配置等を自由に設定できる「カスタマイズ」と呼ばれる機能が備わっています。大きく分けると2つのカスタマイズがタブで分かれていることが分かります。 テーマ全体のカスタマイズ各セクションごとのカスタマイズ 以下はデフォルトテーマである「Debut」のカスタマイズ画面の画像です。 この上記のカスタマイズ項目はテンプレート側で自由に設定が可能なので、この記事ではテーマのカスタマイズ項目を独自に設定する方法を見てけたらと思います！ ※ この記事では項目の追加の方法だけ紹介しています。管理画面から設定した値を活用する方法する方法については別の記事で紹介していけたらと思っています。 テーマ全体のカスタマイズを設定する まずはテーマ全体をカスタマイズする項目を追加する方法について見ていきましょう。公式ドキュメントは以下のとおりです。 （公式
SUBWAYの推しカスタマイズを募ったら、めちゃくちゃ美味しいサンドイッチに出会えました
SUBWAYほど、注文時にワクワクするファストフード店もないだろう。 SUBWAY公式 サンドイッチメニューより すでにご存知の方が大半だろうが、ご覧いただきたい。このカスタマイズの幅である。 店頭で種類豊富なサンドイッチを選び、パンもトッピングも、野菜の量までその場で選べるのだ。しかもガラス越しに、店員さんが作ってくれるのを眺めることができる。 こんな楽しみ方ができるのはSUBWAYと、アイス屋さんのコールドストーンくらいのものではないのか。すでにエンターテインメントの域だ。 しかし、カスタマイズの幅がこれほどまでに広いとはいえ、やがて「お気に入りの1つ」が出てくるものだ。 かくいう筆者も、以下のカスタマイズが気に入り、長年これだけを食べ続けていた。 生ハム＆マスカルポーネの公式おすすめドレッシングは「バジルソース」だが、バルサミコソースの甘酸っぱさにマスカルポーネチーズのクリーム感が絶
著者情報（この記事を書いた人）をプラグインなしで設置する（2020年増補改訂）
本記事は、記事の著者情報コーナーをプラグインなしで設置する方法の紹介です。 著者情報は読者を集める、記事をより強く訴えるという点において大きな役割を担っています。 しかしプラグインの過度な設置はサイトの速度を損なってしまいます。 できればプラグイン無しで設置したいところです。 Bootstrapは不要ですが、FontAwesomeは御用意ください。 【2020/02/17大幅改訂】 デザイン変更、複数人（SNS含む）での自動出しわけに対応してみました。 著者別の新着記事リストはあえてつけていません（好みじゃないので） こちらのサイトからアクセスが流れてきているので、ビジネス用途でも使えるように作り直してみました。
アーカイブ一覧（wp_get_archives）の月表記を英語表記にする - Qiita
テンプレートファイル以外はなるべく修正したくないので、functions.php内で完結させました。 何もしなければ /*英語表記に変換関数*/ function encode_date( $m ) { if(strpos($m,'11月') !== false){return 'November';} elseif(strpos($m,'12月') !== false){return 'December';} elseif(strpos($m,'1月') !== false){return 'January';} elseif(strpos($m,'2月') !== false){return 'February';} elseif(strpos($m,'3月') !== false){return 'March';} elseif(strpos($m,'4月') !== false){
デザインカスタマイズに使える独自タグの一覧（PC、スマートフォン） – カラーミーショップ ヘルプセンター
当サービスのPC、スマートフォンショップhtmlテンプレート内で使用している独自タグ一覧です。 ご利用にあたって テンプレート内では、以下の独自タグを使用し、データを出力しています。使用できる独自タグは、テンプレートファイル別に指定されたものをご利用ください。 ※【共通】にて指定されている独自タグは、全てのページで使用可能です。 ※こちらに表記されていない独自タグにおいては事前の告知なく出力される内容が変更される可能性があります。 記述例 【例１】共通html内に、【ショップタイトル】を表示するには、変数【shop_name】を使用します。 記述例：<{ $shop_name }> 【例２】商品詳細html内に、【商品ID】を表示するには、変数【product】と【id】を使用します。 記述例：<{ $product.id }> 【例３】<{section}>～<{/section}>で囲
新しく追加された小カテゴリーの独自タグでカテゴリーを自動表示する【カラーミーショップ】 | UNORTHODOX WORKBOOK | Blog
カラーミーショップには、小カテゴリーを自動でリスト表示させるような仕組みは用意されていませんでした。カテゴリーを取得する独自タグはありましたが、取得できるのは大カテゴリーのみで、小カテゴリーを表示したい場合には、手動で追加しなければいけないような状態でした。 それが先日、新機能として小カテゴリーを自動でリスト表示させることができる独自タグが公開され、いままでできなかった大小カテゴリーの自動取得ができるようになりました。 2014/08/22 – ショップのサイドメニューに、小カテゴリーをリスト表示する独自タグを追加しました！※カラーミーの管理画面へログインしていないと見れません。 これで、新たにカテゴリーを新規登録した場合でも、大小とも自動で表示されるので、余計な手間がかからず、運営が少し楽になりました。良かった。 小カテゴリーの取得にはカスタマイズが必要 今回追加された独自タグは、デフォ
素人がSimplicity2にコピペで行った17のCSSカスタマイズを残しておくよ
ヘッダー ①グローバルナビ（メニューバー）を横幅いっぱいに拡大Simplicityのデフォルト機能でできるのですが、最初の頃どこにあるのか全然分からなかったのがこれです。 グローバルナビがデフォルトでは横で切れてしまっていたので、両端を画面いっぱいに広げるようにしました。 幅を広げる設定は、外観→カスタマイズ→ヘッダー→グローバルナビを横幅いっぱいにするにチェックを入れて下さい。 またグローバルナビバーの色についてはカスタマイズ→色→グローバルナビ色・ナビリンク色で設定可能です。 ②サイト説明を読み込ませないサイト説明「20代パウリスタ男子の思考」をタイトル画像に入れましたが、カスタマイザーで設定しているサイト説明が別にテキストで表示されてしましました。 カスタマイザー内のサイト説明を空白にしても良かったのですが、検索表示された場合に表示されるはずのサイト説明も消えてしまうため、ヘッダーで
WordPressのデフォルトの検索をカスタマイズする
公式フォーラムに上がってた質問から、WordPressのデフォルトの検索をカスタマイズする方法を調べてみました。WordPressにはSQLクエリをカスタマイズするためのフィルターフックが用意されているので、それを使います。 たとえば、検索対象にスラッグ（post_name）を含めるというカスタマイズを考えてみます。何もカスタマイズしていない状態で「hello-world」（インストール時に作られるHello World!という投稿のスラッグ）で検索した場合、このようなクエリが発行されます。 SELECT SQL_CALC_FOUND_ROWS wp_posts.* FROM wp_posts WHERE 1=1 AND (((wp_posts.post_title LIKE ‘%hello-world%’) OR (wp_posts.post_content LIKE ‘%hello-w
WordPress管理画面の投稿記事一覧をカスタマイズする
Posted: 2010.09.30 / Category: WordPress / Tag: 管理画面 Wordpressで記事を管理するときは投稿一覧画面を表示していろいろとやったりしているかと思います。 これはこれで結構便利に使えるんですが、この項目はいらねえなとか、逆にこの項目があったら良いなという経験は少なからずあるはずです。 そこでこの記事では投稿一覧でカラム（項目）の追加＆削除を行い、カスタマイズしたいと思います。 「作成者」の削除 ブログは大多数の人が一人で運営しているのではないかと思われます。 そんな人には「作成者」の項目はいらなすぎですね。ということで削除しましょう。 現在使用しているテーマフォルダの「functions.php」を開きます。なければ作成しましょう。 最後の行に次のコードを入力します。 functions.php function custom_colu
WordPress：カテゴリー箇所をカスタマイズ出来るプラグイン「Adjust Admin Categories」を公開しました - 着ぐるみ追い剥ぎペンギン
追記-2014/10/31：現在は、カスタム投稿タイプ・カスタムタクソノミーにも対応しています。 WordPressの投稿画面でカテゴリーが選択できるメタボックスがあります。 このカテゴリー箇所ですが、選択したカテゴリーが一番上に来たりと、個人的に余計なお世話と感じる機能があります。 他にも、案件によっては「チェックボックス」を「ラジオボタン」に変更したい時があったりと、調整することが多いです。 ということで、投稿画面のカテゴリー箇所の調整がまとめて出来る、「Adjust Admin Categories」プラグイン作りました。 このプラグインを使うと、以下のようなことが出来るようになります。 1. 選択したカテゴリーが一番上に来るのを止める 2. チェックボックスをラジオボタンに変更する 3. 親カテゴリーを選択不可にする 4. カテゴリーを選択必須にする 「Adjust Admin C
wordpress投稿画面のカテゴリーメタボックスを変更する - aoringo works
wordpressのカテゴリー、上手に使えていますか？ 大量のカテゴリーを抱えていると、これが中々どうして大変になってくるんですよね。というわけで修正していきましょう。 メタボックスの大きさを変更する デフォルトのカテゴリーメタボックスはこんな感じですよね。 小さいです。スクロールバーが凄く狭くなっているのがわかります。新しい記事を投稿するたびに、ここからお目当てのカテゴリーを探すのが大変なんです！！！ function post_output_css() { $pt = get_post_type(); if($pt == 'post') { //投稿の場合はpost ?> <style type="text/css"> div#categorydiv{/*メタボックス自体*/ height:auto;/*の高さ指定を解除*/ } div#category-all{/*カテゴリーのリスト
WordPressのカテゴリーをつくるときにカスタムフィールドを使って入力項目を追加する | 福岡のホームページ制作会社 | シンス株式会社
WordPressのカスタムフィールドは投稿画面に任意の入力項目をつくることが出来て便利ですよね。 実はカテゴリー追加や編集時の画面にも、カスタムフィールドを利用すれば新たな入力項目を追加することができます。 カテゴリー作成時により多くの情報を登録できれば、テーマファイルに書くカテゴリーごとの条件分岐も減らすことができそうです。 そんな便利な方法をwebOpixelさんがまとめてくれていましたのでご紹介します。 WordPressのカテゴリーにカスタムフィールドを追加する | webOpixel 実際に記事に掲載されているコードを見ていきたいと思います。 カテゴリー追加・編集画面にカスタムフィールドを追加まずはfunctions.phpに次のコードを追加します。 <?php add_action ( 'edit_category_form_fields', 'extra_category_
WordPressのカテゴリーにカスタムフィールドを追加する
Posted: 2011.08.18 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。 ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。 カテゴリー編集に項目を追加 さっそくですがカテゴリー編集画面に項目を追加してみましょう。 現在使用している「functions.php」に以下を追加します。 functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_cate
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
emiac-works.com
