【簡単！】ブログカードを見やすくコンパクトにカスタマイズ【プラグイン不要】
WordPressでサイトを運用すると重くなりがちですが、使用しているレンタルサーバーのスペックがあまり良くないと、どんなにWordPress側で高速化をしていても、なかなか高速化の成果が反映されません。サイトの表示スピードが上がらない原因がレンタルサーバーの場合は、エックスサーバーにしてみると改善するかもしれません！ またサーバー等のバックアップを自動で行っているので、安心してサイトの運用をすることができます！ またマルチドメイン、メールアドレスを無制限で使えるというのもうれしいですね。 デフォルトの状態デフォルトの状態はこのようになっています。 結構大きめに設定されているので、表示画面を多くの割合で占めています。 カスタマイズ後当記事の通りにやると、このようになります。 大きさをコンパクトにすることで、他のコンテンツを見やすくします。 記事タイトルを画像横に移動等をすることで、縦の幅を
Advanced Custom Fields のオプションページの表示方法 - by Takumi Hirashima
WordPress のプラグイン ACF の Options Page（以下、オプションページ）の表示方法を紹介します。 例えば、スライドやバナー専用の管理画面を作成したいときに便利な機能です。 一般的な表示方法と合わせてうまく表示されない時の対処方法を紹介します。 オプションページとは？ オプションページの使い方 オプションページの基本的な使い方 オプションページのメニュー名の変更 オプションページに子ページを追加する方法 オプションページのカスタムフィールド値の取得と表示方法 フィールドを表示 フィールドを取得 サブフィールドからの表示 トラブル 管理画面のオプションページ以外から値を消去する方法 アクセスできる権限を分ける方法 1.オプションページとは？ オプションページは、投稿や固定ページとは独立した独自のカスタムフィールドを追加することができる機能です。 例えば、サイトのトップペ
WordPressでサイドバーを増やして複数のウィジェットをコントロールする | Free Style
WordPressでWebサイトやブログを構築しているとサイドバーウィジェットをカスタマイズすることはよくあります。 そんな中で、サイトのデザインによってはサイドバーのカラムを増やしていくつかのサイドバーをいろんな場所に表示させるなどコントロールしたいこともあります。 1ページでいくつかのサイドバーウィジェットの表示位置をコントロールするのか、それともページ別で違うサイドバーウィジェットを表示させるのか。 ここではサイドバーを増やして複数のウィジェットをコントロールする方法をご紹介します。 管理画面にサイドバーカラムを増やして表示させるページのファイルに出力させるコードを記述する流れです。 管理画面にサイドバーを追加 まずは管理画面にサイドバーカラムを追加して増やしていきます。 functions.phpに以下のコードを記述します。 functions.php if ( function_
【wordpress】カード型記事埋め込み（oEmbed）の見た目を変えたい | deep-space.blue
【wordpress】非公開でも一覧に記事名だけは出したい ページ内アンカーリンク＋記事一覧スタイルの場合 <?php $args = array( 'posts_per_page' => -1, 'post_type' => 'recruit_post', //postは通常の投稿機能 'p... このテンプレートを変更したいが、/wp-includes内にあり触るわけにもいかない……というかwordpress更新するたびに変わってしまう。 と思ったら、テーマ内にembed.phpを置くだけでさくっとhtml構造変更可能でした！！ とりあえず、基本のembed.phpはコチラ※ちょっと古いwordpress（4.9.2くらい）ベースですが……。 embed.php <?php if (!headers_sent()) { header('X-WP-embed: true'); } ?>
WordPressのメール送信にGmail(Gsuite)を使う方法【2020年最新】
WordPressからGmailのSMTPサーバーを利用してメールを送信するには前述のとおりですが、みんな大好きContact Form 7などを使ってWordPressからGmailのメールアドレスでメールの送信を行おうとするとGmail側でブロックされてしまいます。 理由としては単純な問題で、メール差出人のサーバー情報とメールサーバーの情報が異なることが原因です。この問題については後述するWP Mail SMTPなどのプラグインで解決できます。 しかし、Gmailの場合はさらにセキュリティの問題で、許可されていない外部のアプリケーションを通してGmailでメールの送信を行うことはできません。 じゃあどうすればいいの？という話ですが、Gmail APIを使ってWP Mail SMTPでメール送信ができるように許可設定を行うことで可能となります。 WP Mail SMTPを導入するまずはW
Wordpressでカスタム投稿タイプの投稿のスラッグからIDやタイトルを取得する方法｜I'll be NET
Wordpressのカスタム投稿タイプを使用している時、スラッグから投稿IDを取得する方法は下記の通りです。 get_page_by_path()の第三引数にカスタム投稿タイプ名を入れる get_page_by_path()の第三引数にカスタム投稿タイプ名を入れると、投稿のスラッグからIDを取得することができます。 $post = get_page_by_path('スラッグ' , OBJECT , 'カスタム投稿タイプ名'); $postID = $post->ID; 上記の方法で$postにオブジェクト形式で指定したスラッグのデータを取得できます。 IDを取得する場合は$post->IDで取得できます。 第二引数をOBJECTにしているのでOBJECT形式で取得しますが、ARRAY_Aにすれば連想配列、ARRAY_Nにすればインデックス配列で取得できます。 取得例一覧 $post->I
WordPressのフッターにウィジェットを追加する方法 - WordPressの使い方と設定 - Webkaru
WordPressのフッターにウィジェットを追加する方法を紹介します。 ウィジェットの追加 function.php WordPressのメニューから「外観」→「テーマ編集」→「function.php」を開き、ウィジェットを追加するために以下のコードを追加します。 register_sidebar(array('name' => 'フッター１')); register_sidebar(array('name' => 'フッター２')); register_sidebar(array('name' => 'フッター３')); それではウィジェットを設定してみましょう。WordPressのメニューから「外観」→「ウィジェット」をクリックします。 このようなウィジェットバー（フッター１、フッター２、フッター３）が追加されればOKです。 フッターに表示させたいウィジェットをドラッグアンドドロップ
[WordPress] 管理画面に独自の CSS・JavaScript を適用させる方法まとめ
WordPress の管理画面に独自の CSS や JavaScript を適用させる方法のメモです。管理画面全てのページで読み込む場合と、投稿画面のみなど場所を限定して読み込む場合でコードをまとめてみました。 管理画面全てのページで独自の CSS・JavaScript を読み込む head 内に CSS・JavaScript コードを直接書き込む functions.php へ以下のように記入します。 CSS コードを書き込む function my_admin_style() { echo '<style> 〜適用したいスタイルを記入〜 </style>'.PHP_EOL; } add_action('admin_print_styles', 'my_admin_style'); JavaScript コードを書き込む function my_admin_script() { echo
![[WordPress] 管理画面に独自の CSS・JavaScript を適用させる方法まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/59521165759a199790504d598805cd6aed98276a/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2012%2F12%2Flogo.png)
WordPress 管理画面にもファビコンを表示する方法 - by Takumi Hirashima
WordPress の管理画面にもファビコンを表示する方法を紹介します。 例えば、公開ページと管理画面で違うファビコンを設定することで、二つのページを同時に開いている時の目印にできます。そしてクライアントは「そんな細かいところまで手を加えているのか！」と思うはず…、なので微妙なやってる感を演出する時に便利な方法です。 管理画面にもファビコンを表示する場合は functions.php に次のコードを追加します。 /* 【管理画面】管理画面にもファビコンを表示 */ function admin_favicon() { echo '<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />'; } add_action('admin_head', 'admin_favicon'); 指定する画像のURLは適宜変更を
【WordPress】アーカイブページで現在のカテゴリ・タグの情報を簡単に取得する方法 | キジムナーの技術メモブログ
1. 以下の関数をそのままfunctions.php内の最下部あたりに貼り付けます。 /* アーカイブページで現在のカテゴリー・タグ・タームを取得する */ function get_current_term(){ $id; $tax_slug; if(is_category()){ $tax_slug = "category"; $id = get_query_var('cat'); }else if(is_tag()){ $tax_slug = "post_tag"; $id = get_query_var('tag_id'); }else if(is_tax()){ $tax_slug = get_query_var('taxonomy'); $term_slug = get_query_var('term'); $term = get_term_by("slug",$term_sl
【WordPress】ユーザーのプロフィール情報で改行を有効化する方法
通常、ワードプレスのユーザーのプロフィールをテンプレート内で出力する際には、次のようなコードを使用します。 <?php the_author_meta('description'); ?> ユーザーを指定する場合は引数内にユーザーIDを追記します。 <?php the_author_meta('description' , 'ユーザーID'); ?> さて。 上記の方法だと、プロフィール情報の改行が無視され、全文が繋がって表示されることになります。 「プロフィール情報」の改行を反映させて表示する方法解決策として「wpautop」を使うことになります。 具体的なコードは次のようになりますね。 <?php echo wpautop(get_the_author_meta('user_description')); ?> ユーザーを指定する場合 <?php echo wpautop(get_th
WordPressのユーザー権限をカスタマイズするプラグイン「User Role Editor」 – ワードプレステーマTCD
WordPressをインストールしたときに最初に設定するユーザーは管理者です。管理者は何人いても構いませんが、複数人のチームで運営する場合は適切な権限の振り分けがセキュリティの観点からも重要です。 ただ、サイトごとに運営方針が違うため、デフォルトの権限では使い勝手が悪いこともあるでしょう。そんな時に下記のプラグイン「User Role Editor」が役に立ちます。 権限をカスタマイズできるプラグイン「User Role Editor」 複数のユーザーでWordPressサイトを運営する際は、ユーザーごとに権限を分けましょうという話をしてきましたが、ここからはデフォルトで用意されている権限をさらに細かく編集できるプラグインをご紹介いたします。 「User Role Editor」の特徴 「User Role Editor」は既存や新規の権限グループの変更が可能です。 既存の権限グループの編
WordPressのエディタ内でもCSSを反映させるエディタースタイルの適用方法 | オウンドメディア | 大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-DesignSupply.LLC-
WordPress案件のクライアントワークでも、お客さんからのご要望として時々上がってくるのが、エディタ内にもスタイルを適用させる、エディタースタイルを使うケースなのですが、ついつい忘れがちになるので備忘録として残しておきたいと思います。…
WordPressのビジュアルエディターにフォントサイズ変更機能を付けるカスタマイズ方法
主な手順 今回のカスタマイズを行うのに必要な主な手順は、たったこれだけです。 functions.phpにコードを追加する 個別に設定を変更しない限りは、コピペ一発で行うことができます。 functions.phpにコードを追加する WordPressのビジュアルエディター（TinyMCE）のツールバー一段目に「フォントサイズ変更」機能を付加するには、以下のコードをfunctions.phpに貼り付けます。 //ビジュアルエディターのフォントサイズ変更機能の文字サイズ指定 add_filter( 'tiny_mce_before_init', function ($settings) { //フォントサイズの指定 $settings['fontsize_formats'] = '10px 12px 14px 16px 18px 20px 24px 28px 32px 36px 42px 4
Wordpressで記事IDを指定して、タイトルやサムネイル画像を取得する方法 | 沖縄移住ライフハック
画像の「URL」だけ取得したい場合はwp_get_attachment_image_srcってやつでいけます。 使い方の例今回の沖縄移住ライフハックのケースだと、記事IDを事前に配列に入れておいて、いくつか記事を出しました。for文やwhile文で回せば出力できます。実際のコードじゃないですけど、例えば、こんな感じに実装すると動くってコードを載せておきます。 このコードは動作未検証です。ご利用になる際は、必ずテストをしてください。 記事一覧みたいなものだからwhileがよかったかな……。 ちょっと原始的なやり方なので実用の際は、ひと手間加えたほうがいいかもです。PHPのcount()で配列数を取得しています。 これを走らせると、多分こんな感じのHTMLが出力されるはずです。 カスタムの記事一覧の出来上がりですね。 WordPressのカスタムに慣れてくると、要所要所で特定の記事要素を表示し
Breadcrumb NavXTの使い方！たった5分でWordPressにパンくずリストを設置
はじめに昨今、パンくずリストが備わっているテーマもありますが、予め備わっていないテーマや独自テーマなどでは、新たにパンくずリストを設置する必要があります。 「WordPressのサイトにパンくずリストってどうやったら設置できる？」 「パンくずリストを設置すると得れるメリットって何？」 「パンくずリストがSEOに効果的ってホント？」 「そもそもパンくずリストって何？」 今回はそんな疑問にお答えするべく、プログラミングができないWordPress初心者の方にも分かりやすいように、図やイラストを用いてWordPressのサイトにパンくずリストを設置する方法をご紹介します。 本記事で紹介する手順を参考にしていただければ5分程度の作業でパンくずリストを実装できるようになりますので、ぜひこの記事をマニュアルだと思って見ながら、WordPressの管理画面を操作してみてください！ そもそもパンくずリスト
【WordPress】ループ処理の最初と最後で違う出力をする方法
ワードプレスのテーマファイル「index.php」や「archive.php」などで、投稿をループして表示させる際に、最初の投稿または最後の投稿で違う処理をする方法を紹介します。 ループの最初だけ違う処理ワードプレスのデフォルトの機能「$wp_query」オブジェクトに格納されている変数「current_post」には、ループの回数に関する情報が入っています。 これを利用して、次のようなコードで「最初の投稿」を分岐させることができます。 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <?php if ($wp_query->current_post == 0) { ?> // 最初だけ違う処理 <?php } ?> // 通常の処理 <?php endwhile; ?> <?php endi
【WordPress】現在のページ番号・全ページ数を取得｜アーカイブ、検索ページなど
WordPressでサイト制作をしていると、アーカイブページ（記事一覧）や検索結果ページなど、複数にわたるページで、現在のページ番号や全ページ数を表示したい場合があるかもしれません。 今回は、そのような場合に使用できるソースコードの例となります。 現在のページ番号・全ページ数を取得する例｜アーカイブ、検索ページ以下はソースコードの例となり、アーカイブページや検索結果ページなどで、現在のページ番号と、全ページ数を表示させたい箇所に記述します。 <?php // 現在のページ番号を取得 $current_pgae = get_query_var( 'paged' ); $current_pgae = $current_pgae == 0 ? '1' : $current_pgae; echo '<p>現在は' . $current_pgae . 'ページ目です</p>'; // 全ページ数を取
記事の抜粋の長さや省略記号（[…]）を変更する | The WordPress Press
抜粋の文字数を変更する抜粋の文字数はデフォルトで55単語、日本語などのマルチバイト文字では110文字になっています。ただし、日本語の抜粋がうまく機能するためには、WP Multibyte Patchプラグインが有効になっている必要がありますので注意してください。 この文字数を変更するには、excerpt_lengthフィルターを利用します。 function twpp_change_excerpt_length( $length ) { return 50; } add_filter( 'excerpt_length', 'twpp_change_excerpt_length', 999 );これをfunctions.phpなどに記載すると、抜粋の長さが50文字に変更されます。文字数を変えるには、2行目の数値を修正します。 filterの第3引数、priorityが999になっていることに
![記事の抜粋の長さや省略記号（[…]）を変更する | The WordPress Press](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a0c8dc341593490553872cee0bca6dae5e57db0/height=288;version=1;width=512/https%3A%2F%2Fthewppress.com%2Fwp-content%2Fuploads%2F2017%2F11%2Fscreenshot.png)
記事の抜粋を取得・表示する
投稿画面で抜粋を有効にする「抜粋」を編集する機能は、初期状態で有効になっていません。まず［表示オプション］から抜粋を有効にします。抜粋を自動生成したい場合はこのステップは必要ありません。 表示オプション投稿編集画面の右上にある［表示オプション］をクリックすると、次のように一覧が表示されます。 表示オプション一覧表示オプション一覧の中に［抜粋］チェックボックスがありますので、クリックして有効化します。すると、投稿画面の下の方に、抜粋編集ボックスが現れます。 抜粋編集フィールド投稿の抜粋をここに記載します。抜粋は主に記事一覧の中で内容のプレビューとして使用したり、あるいはメタタグのdescriptionやog:descriptionのコンテンツとしての用途が考えられます。 通常いちいち抜粋文を作成するのは面倒なので、本文から自動生成する場合が多いとは思いますが、ある記事のプレビューだけ特に変更
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
