今回はブログ記事の目次を自動生成するWordPressのプラグイン「Table of Contents Plus」を紹介していきたいと思います。 ブログの記事が長い場合などは冒頭に目次を用意してあげることで、読者が混乱しづらくなり記事を読み進めやすくなります。 このTable of Contents Plusを使えば簡単に目次を自動生成してくれるので、ブログ記事に目次を設置したいと考えている方は是非参考にしてみて下さい。 ちなみにこのプラグインで自動生成した目次が以下のように表示されます。 [toc] [wc_fa icon=”check-square-o” margin_left=”” margin_right=””][/wc_fa] おすすめ記事 [wc_fa icon=”angle-right” margin_left=”” margin_right=””][/wc_fa] 初心者必

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressをインストールしたらまずすることは、WordPress管理画面から「初期設定」を完了させることである。すぐにデザインを整えたり記事を投稿したりしたくなるが、グッとこらえて初期設定を終わらせてほしい。 WordPressの初期設定には、①一般設定、②投稿設定、③表示設定、④ディスカッション設定、⑤メディア設定、⑥パーマリンク設定、⑦プライバシー設定の7つがある。 この中には、非常に重要な項目もあれば、それほど重要ではなく初期値のままで良い項目もある。この記事では、WordPress初期設定の全項目について、重要度とともに「この設定がおすすめ」という最適値を詳しく解説していく。

WordPress をサイト用にカスタマイズするなかで、ヘッダー画像は大事な要素だと思います。しかし、トップページではインパクトを与えることができても、他のページでは必要なかったりします。 なので、トップページのみヘッダー画像を表示させるカスタマイズはできないものか、情報を探しておりました。 そして、実際にトップページのみヘッダー画像を表示させ、他のページではヘッダー画像を表示させないというカスタマイズができたので、メモしておきたいと思います。 結論：条件分岐を使う 条件分岐タグを使えば、そのタグで指定した条件の場合にだけ、任意のソースを表示してくれるようになります。 このタグには様々なものがあり、メインページ、カテゴリーページ、個別投稿ページなどの条件を指定することができ、そのページだけで表示させたいものを吐き出すことができます。 ＞ 各種条件分岐タグについてはこちら 条件分岐タグを使っ

この記事は2015年7月30日に公開された記事を再編集したものです。 更新制や拡張性の高さからWordPressを活用した様々なホームページが見かけます。 一方で、WordPressの特性上、拡張をし続けると読み込みに時間がかかり、挙動が遅くなってしまう場合もあります。 ユーザーの利便性やSEOの観点からも読み込みに時間がかかるページは問題視されており、ホームページ運営者であれば避けては通れない問題でしょう。 ホームページ読み込み速度の高速化メリット SEOの観点から表示速度が速いページはそれだけで評価されます。もちろん、記事の内容も評価の対象ですが、読み込み速度が遅くていつまでたっても表示されないホームページは、読者からすればストレスとなる原因の1つで、最終的には途中離脱を招きます。 WordPressは一般的なホームページと違い、アクセス数が増えるとサーバーへの負担が増加し、ページの表

弊社で毎月1日速習WordPressセミナー（はっちゃんセミナー）を開催しています。 私自身がネットショップ向けのお手伝いをしてるのもあり、よく質問を受けるのが WordPressを使って、ネットショップを作りたい、ネット通販サイトを開設したいというものです。 どうやってWordPressを利用してネットショップを開業するのが一番いい方法なのか これは、商材の商品数（SKU）によっても異なります。 ※SKUとは（最小管理単位）でStock Keeping Unitの略です。 運営する側の方のスキル（とても初心者など）によっても オススメのネットショップ開設方法が異なります。 今回、いくつかWordPressを使った、ネット通販の開設方法を紹介しますね。 （参考：ネットショップのメディア化に、ショップの直下でWordPressが利用できるショッピングカート紹介 ） １）無料のネットショッププ

WordPressは、数多くのプラグインを自由にインストールして、サイトの種類に合わせて育てていけるのが魅力です。特に、企業サイトやショップサイトなど、ブログではない、ビジネスサイトを運営するときには、プラグインの利用が欠かせません。 しかし、たくさんの種類がありすぎて、どれを選んだらよいのか分からないのも事実。そこで、今回は筆者がおすすめする、ビジネスサイトの運営に役立つプラグインをピックアップして紹介します。 なお、ここで紹介したプラグインは次の手順で簡単にインストールできます。 ダッシュボードから「プラグイン→新規追加」メニューをクリックし、「お気に入り」をクリック。 テキストフィールドに「h2ospace」と入力して、「お気に入りを取得」をクリックしてください。すると、筆者がお気に入り登録しているプラグインが一覧されます。ここで紹介しているプラグインはすべて登録していますので、好み

WordPressを導入後、投稿などのページを公開する前に第一にすべきことはパーマリンク設定です。内部SEOに優れているWordpressであってもパーマリンクを最適化していなければユーザビリティ面やSEO面で後悔することになりかねません。 今回はWordpressで後悔のないパーマリンク設定をしてユーザーにも検索エンジンにもやさしいページURLにする方法について解説していきます。 パーマリンクとは WordPressにおけるパーマリンクとは、ブログの投稿や投稿一覧ページの半永久的なURL文字列のことです。インストールしたばかりのWordpressでは、投稿を作成すると自動で「?p=数字」がURL末尾に付きます。 上のパーマリンクはページのURLを気にしなくてもいいというメリットがありますが、サイトを戦略的に運営していきたい人にはおすすめしません。なぜなら、上のURLからはページの内容をユ

「サイト全体を一時的に非公開にしたい」 「公開前だからサイトを見せたくない」 「デザインリニューアルや機能追加の為に、テスト中は一般ユーザーが閲覧できないようにしたい」 そんな時に便利なプラグインの紹介です。 「工事中」「準備中」「メンテナンス中」呼び方（用途）は様々ですが、要はページ全体を一気に非公開にできます。もちろんログインをすれば通常の表示を確認できます。 ※新バージョン2.0.2で仕様が結構変わりました。 詳しくはWP Maintenance Modeが刷新されましたね。をご覧下さい。 シンプルなEasy Pie Maintenance Modeも紹介しています。 WP Maintenance Modeのダウンロードプラグイン名WP Maintenance Modeサイトリンク[browser-shot width=”600″ url=”http://wordpress.org/

Posted: 2010.12.03 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressを使用してコーポレートサイトを制作&運営する場合、「新着情報」や「よくある質問」など、よく更新するページをWordpressで制作（CMS化）して、ほとんど更新のない「会社概要」や作り込みをするページを静的ファイル（html）にしたいなというケースがあると思います。 この記事ではWordpressと静的ファイルを共存させる方法と、それに伴った変更すべき設定などをご紹介します。 WordPressをインストールする たとえばこんな感じですでにルートにhtmlファイルやフォルダがあるとします。 index.html sitemap.html about.html service.html Wordpressはかなりのファイル数があるのでルートにインストール

Pablo by Buffer – Design engaging images for your social media posts in under 30 seconds バッファー社が提供するPablo あなたのソーシャルメディアで、 読者を惹きつける画像を30秒以内に作れます Pablo by Buffer - Design engaging images for your social media posts in under 30 seconds Buffer makes it super easy to share any page you're reading. Keep your Buffer topped up and we automagically share them for you through the day.

Account Suspended This Account has been suspended. Contact your hosting provider for more information.

ホームページでPDFファイルをダウンロードできるようにしたい 企業のホームページやブログなどでサービス内容の資料、商品カタログ、社内検討用資料などなど「資料ダウンロード」できるようにしたい。 そういう状況になることも多いと思います。 WordPressならプラグインで簡単解決！ 今回はWordpressで作られたサイトでの方法をご紹介します。 一般的なやり方は、次回ご紹介致します。 プラグインを使った方が簡単に出来てしまいます。 WordPress Download Manager 今回、使用するプラグインは「WordPress Download Manager」です。 wordpressのダッシュボード＞プラグイン＞新規追加でWordPress Download Managerを検索して インストールして有効化してください。 プラグインの管理画面を表示させます プラグインを有効化すると下

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

WordPressで作成中のサイトでPDFやzipファイルなどをダウンロードしてもらいたいこともあります。 その場合、WordPress Download Managerプラグインが役立ちます。以下、ダウンロードさせたいファイルをアップロードして固定ページに「ダウンロード」リンクを作成する手順を紹介します。 まずは、「プラグイン」‐「新規追加」メニューからWordPress Download Managerプラグインをインストール、有効化します。 WordPress Download Managerプラグインのインストール 「File Manager」‐「Add New File」メニューを開きます。 ダウンロードファイルの新規追加 任意のタイトル(1)を入力し、「ここにファイルをドロップ」(2)にダウンロードしてもらうファイルをドラッグアンドドロップ（またはファイル選択）します。 ※本文

O-DANとは O-DAN（オーダン）は、世界中の無料写真素材の中から理想の一枚を探すための写真検索サービスです。 写真の検索 例えば、O-DANで「cat（猫）」と検索すると、以下のような検索結果が表示されます。 「検索キーワードにヒットした写真サイト」は、画面左側に以下のように表示されます。 あとは、左メニューに表示された、サイトをひとつひとつチェックすれば、自分のイメージしている写真を手軽に探すことができるようになっています。 一度チェックした写真サイトは、以下のように打ち消し線が表示されるので、見た目的にもわかりやすいです。 日本語で検索すると英語に翻訳して検索してくれる O-DANは、簡単な単語キーワードなら日本語で検索しても、勝手に英語に自動翻訳して、写真サイトを横断検索してくれます。 例えば、「カメラ」と日本語で検索したとしても、 一括検索は「Camera」で行ってくれるので

見出しジェネレーター外観や色を選んでCSSを生成するジェネレータータイプ。 CSS見出しジェネレーター CSS見出し-ジェネレーター | WEB道 吹き出しやリボン、背景色、ボーダー色、文字色、影、ぼかしなどを選択して見出し用のCSSを生成するジェネレータ。 見出しメーカー 好きな色でCSS見出しが作れます | スタイルシート見出しメーカー 好きな色を選んでボタンを押すだけでシンプルな見出しが作れる見出しメーカー。 見出しサンプル集見出しデザインと、HTML・CSSがセットになったデモサンプル集。 CSS見出しデザインのアイデア9個 H1一つでここまで出来るCSS見出しデザインのアイデア9個 切り取り線、テープ、リボン、吹き出し、アメリカンな吹き出し、付箋、メタルプレート、モザイク、旗、のような見出しをCSSのみで実現しています。ポイント解説などもあってわかりやすいです。 CSSのみでカス

まっさらな状態で、単純に「家」と一文字書いた場合、文字の周りに見えない線がひかれます。 文字通り、それが「家」ですね。そして、「庭」がpadding、「壁」がborder、marginが「境」です。 自分の土地内の庭（padding）や壁（border）は、色を塗れますがが、 道路として提供した境（margin）は、「町」の管理になってしまった為、塗り替えできません。 但し、どれだけ道路を提供するかは、家側の意志で決めることができます。 庭を塗ると、家の色まで一緒になっちゃうところは、ご愛敬で。 「家」の部分を内容領域（content）と言います。内容領域「家」の幅がwidth、高さがheightです。 （バグのため正しく表示されない場合があります。） 例えば、この「家」の中に、小部屋をつくるように、新たなボックスを定義する場合、 基本的に、この家の幅、widthの値より、小さいボックスし

最近、フォーラムで、Wordpressテーマのカスタマイズに関する質問をいただくことがあります。 それで、気づいたのですが、Wordpressを始めたばかりの方は、カスタマイズする箇所を膨大な量のCSSファイルの中から探して編集している方が結構おられるようです。というか僕も、始めたばかりの頃はそうしていました。 僕は、比較的CSSをいじるのが好きな方ですが、今その方法でカスタマイズするとなると、面倒くさすぎて嫌になってしまうと思います。けれど、そのようなことをしなくても、最近のブラウザには、適切なCSS編集箇所を手軽に探し出して、テスト動作させられる環境が整っています。 Chromeの場合だと、デベロッパーツールというのですが、これを使うと結構簡単にスタイルシートのカスタマイズを行うことができます。 今回は、Wordpressを使い始めたばかりの方向けに、「とりあえずこのようにすれば大抵の