おしゃれなポートフォリオが作れるWordPressテーマ10選 | Web Design Trends
WordPressを使えば、あまりWebに詳しくない方でも簡単にポートフォリオサイトを作ることができて、管理画面から簡単にコンテンツを更新することができます。 今回は、ポートフォリオサイトにおすすめのWordPressテーマをご紹介したいと思います。 【2023年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends ポートフォリオサイトのWordPressテーマ選びのポイント 画像中心のテーマがおすすめ ポートフォリオサイトを作りたい人の中には、エンジニア、デザイナー、フォトグラファーなど様々な職種の人がいると思いますが、写真中心の
WordPressの投稿ページに目次を配置してデザインを変更する方法 | Web Design Trends
メディアやブログのコンテンツページに目次を設置することで、ユーザーにそのページに書かれている内容を最初に伝えることができるので、ユーザビリティの向上に繋がります。 WordPressを使っている場合は、「Easy Table of Contents」というプラグインを使えば、簡単に機能性の優れた目次を配置することができます。 今回は、WordPressの投稿ページに目次を追加して、デザインを変更する方法をご紹介したいと思います。 【2023年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends 目次を表示する目的 目次を表示すること
WordPressがさらに便利に！おすすめのプラグイン13個まとめ | Web Design Trends
WordPressはプラグインを使うことによって、SEO対策から関連記事の表示、ページの表示速度改善など、様々な機能拡張を行うことができます。 ただし、プラグインの数が増えすぎると逆に処理が重くなってしまって読み込み速度が遅くなってしまったり、相性の悪いプラグインがあると上手く表示されないということもあります。 なるべくプラグインの数を減らしつつ、便利な機能は使いたいという方のために、本当に使えるWordPressのおすすめプラグインをまとめました。 WordPressのプラグインを追加する時の注意点 WordPressのプラグインは、入れれば入れるほどいいという訳ではありません。 むしろ、プラグインの数が増えすぎてしまうと逆効果となってしまう場合があります。プラグインを追加する前に、下記の項目を確認してから追加するのがおすすめです。 そのプラグインは本当に必要か？ プラグインの数が増えて
WordPressで個別のページごとに、CSSやJavaScriptが利用できる便利なプラグイン -CSS & JavaScript Toolbox
WordPressの記事ページや固定ページごとに、異なるHTMLやCSSやJavaScriptやPHPを利用でき、一元管理もできるWordPressのプラグインを紹介します。 適用できるページは単独でも複数も可能で、適用する場所もヘッダやフッタにと指定できます。前回紹介した際から大きくバージョンがアップし、さらに便利になった新機能も含めて要チェックです。 CSS & JavaScript Toolbox CSS & JavaScript Toolboxの特徴 CSS & JavaScript Toolboxのインストール CSS & JavaScript Toolboxの使い方 CSS & JavaScript Toolboxの特徴 CSS & JavaScript Toolboxの特徴 HTMLやCSSやJavaScriptやPHPのコードを特定のページのみに挿入できます。 記事ページ、
WordPressのfunctions.phpに書いておくと捗ること - コムテブログ
TL;DR WordPress の functions.php に書いておくと捗ることをまとめておきます。 固定ページ判別。body に固定ページのスラッグ名を追加 body に固定ページのスラッグ名を追加。トップページは home のクラス名がつく。固定ページなどは guide about などのスラッグ名を取得しクラス名が付与される。 function pagename_class($classes = ''){ if (is_page()) { $page = get_post();//get_page()は廃止されたので使わない $classes[] = $page->post_name;//スラッグ名取得 } return $classes; } add_filter('body_class', 'pagename_class');
これは凄すぎ！WordPressでランディングページやポートフォリオやブログなど、さまざまなデザインで簡単に作成できるテーマ -Ultra | コリス
最近人気のあるさまざまなデザイン、レイアウト、エフェクト、インタラクションをカスタマイズして、企業サイト・プロダクトやアプリのランディングページ・ブログ・ポートフォリオ・ショッピングサイトなどが作成できるWordPressのテーマファイルを紹介します。 GNU ライセンスで、個人でも商用でもクライアントワークでも無料で利用できます。 ↓こんな感じのが、簡単に作成できてしまいます。 ページサンプルは、まだまだありますよ！ Ultra Theme (Free) 追記：2015/5/25 5/24に、本キャンペーンは終了しました。 参考：Ultra: the Most Flexible & Powerful Theme Ultraの特徴 Ultraのデモ Ultraのダウンロード Ultraの特徴 Ultraは、レスポンシブ対応のどんなタイプのサイトでも簡単に作成できるWordPressのテーマ
Web サイトのパフォーマンスレポートを自動で作成してくれる Google Pagespeed Insights for WordPress
PageSpeed Insights を使用した Web ページのパフォーマンスレポートを WordPress の管理画面上で作成して見ることができるプラグイン、「Google Pagespeed Insights for WordPress」 を使ってみたので紹介。 Google Pagespeed Insights for WordPress ： WordPress Plugins プラグインのインストール プラグインのインストールは管理画面から 「Google Pagespeed」 などと検索すれば出てくると思いますので、そこから行います。 Pagespeed Insights API キーの取得 ただ、このプラグインを使用するには Google Pagespeed Insights の API キーが必要ですので、そちらを先に取得しておきましょう。 APIs Console に G
はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック
WordPressのカスタマイズコードでよく見かける add_filter、add_action という関数。これは WordPressのプラグイン API という仕組みを利用したもの。プラグイン API - アクションフックやフィルターフックについて、大雑把ですがまとめてみました。 WordPress を使ってWebサイトを作る時、デフォルトの WordPress の動きを変更したいなーという時が多々あります。WordPress のデフォルトの動き（WordPress Codexでは振る舞いという言い方がされています。）でよく知られてるのは、記事を書くと自動的に <p> タグが入る … とかでしょうか。とにかくそういう WordPress の振る舞いを、何とかしたい場合ってありますよね。 こういった WordPress 独特の振る舞いは、WordPress のコアファイルと呼ばれてるとこ
WP Super Cache を使っている WordPress をサーバー移転した時にする事
WordPress で WP Super Cache を使っている場合、サーバー移転をすると /wp-content/advanced-cache.php を書き換えなければいけません。 <?php # WP SUPER CACHE 0.8.9.1 function wpcache_broken_message() { if ( false == strpos( $_SERVER[ 'REQUEST_URI' ], 'wp-admin' ) ) echo "<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->"; } if ( !include_once( '[サーバーのパス]/wp-co
WordPress に検索フォームを設置する4行の HTML のタグ
WordPress の検索フォームの設置は大変なイメージがありますが、WordPress は例えば下記のように、パラメータ s に対してキーワードを入れるだけで良いです。 http://example.com/?s=キーワード 検索フォームの HTML 以下のようなフォームを HTML で書けば完了です。中には WordPress のタグも含まれていますが、手動で予め URL を書いても構いません。 <form method="get" action="<?php bloginfo('url'); ?>/"> <input type="text" name="s"> <input type="submit" value="検索"> </form>
WordPressの管理ページをより便利にカスタマイズする方法13
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
WordPress で jQuery などの外部ファイルを読み込む wp_enqueue_script()
なお、wp_enqueue_script() は functions.php やプラグイン内で書くと良いです。 WordPress にデフォルトで含まれているライブラリ WordPress には以下のライブラリがデフォルトで同梱されているので、以下のライブラリは一番最初に紹介したように jquery とするだけで読み込むことができます。 scriptaculous-root, scriptaculous-builder, scriptaculous-dragdrop, scriptaculous-effects, scriptaculous-slider, scriptaculous-sound, scriptaculous-controls, scriptaculous, Image cropper (not used in core, see jcrop), Image copper,
WordPress で新着記事を表示する方法
WordPress での新着記事を表示する定石です。 単純に新着記事を一覧にするコード このまま貼りつければその場所に新着記事を表示できます。 <?php query_posts( Array( 'post_type' => 'post', 'orderby' => 'date', 'order' => 'DESC' ) ); if (have_posts()) : while (have_posts()) : the_post(); ?> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br> <?php endwhile; endif; wp_reset_query(); ?> query_posts() でクエリを発行してループを回す。終わったら wp_reset_query() で発行したクエリをリセット、
WordPress でリビジョンと自動保存を簡単に停止する方法
WordPress のリビジョンとは記事の変更などを履歴として残してくれる機能です。そのままにしておくとリビジョンがたくさん残ってパフォーマンスが落ちる危険性がありますので、リビジョンの最大数や無効化などを行います。 リビジョン機能を停止させるコード リビジョンの機能を無効にするには以下のコードを使います。
サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
WordPressを使ったWebサイトにSEO施行する際に役立つっぽいカスタマイズハック
久々にSEOの記事。以前書いたSEOの カスタマイズハック記事があるのですが、 あれから2年近く経つので新たに記事と して、ここに付け加えておくことにします。 SEO自体、情報が不確かなものなので、 これを行えば最適化出来る！という類の 情報は載せません。 SEOもハサミと同様、結局は使い方次第だと思いますのでコンテンツやターゲットによっては役に立ったり立たなかったり、ということがあるかと思いますが、同時にそれが混乱の元にもなってしまいがちです。 ですので、今日はSEOに効果的なカスタマイズではなく、自分でSEO施工をしやすくする、というカスタマイズ方法を書いておきます。Webマスターのアイデア次第で効果のあるハックにもなるし、効果のないハックにもなると思います。 コード自体は基本的に普通のテンプレートタグを使用してるものが大半です。全部施行しても何の意味も無いので、使えそうなハックがあっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.webkma.com/
ログアウト処理は POST メソッドで作る