WordPressでソースコードを色分けし行番号つきで表示！プラグインSyntaxHighlighter Evolved
ブログ記事でHTMLやCSS、WordPress関係のPHPなどを表示したい場合はどうしますか？私はWordPressプラグイン「SyntaxHighlighter Evolved(バージョン3.1.7)」を利用してます。 ゆめぴょんです。こんちはっ(^^)/ WordPressプラグイン「SyntaxHighlighter Evolved」を利用するメリット コードの種類(HTML,CSS,PHPなど)によって、タグを自動的に色分けしてくれる 行番号をつけられる 表示されたソースコードを簡単にコピーできる CSS（スタイルシート）で整形が不要 HTML、JavaScript、CSS、PHPだけでなく多くのコードに対応してる 設置が楽なだけでなく動作が軽い これだけのメリットがあるのでブログでソースコードを書く機会のある人には、このプラグインの導入をオススメします。 「SyntaxHigh
WordPress管理画面カスタマイズあれこれ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ、最近は右下のデブと言われることが多い段田です。 今回はWordPress管理画面のカスタマイズを紹介したいと思います。 1.左メニューのカスタムタクソノミーメニューを消す。 カスタムタクソノミーを追加した際、 管理画面では投稿やカスタム投稿タイプのメニューの中にサブメニューという形で カスタムタクソノミーメニューが表示されます。 このメニューを特定のアカウント時は 表示させないようにするカスタマイズ方法を記載します。 サブメニューはremove_submenu_page関数を使うことで削除出来ます。 remove_submenu_page関数はグローバル変数の$submenuの配列データを操作する形になります。 function remove_submenu_page( $menu_slug, $submenu_slug ) { global $submenu; if ( !i
WordPressの多言語化プラグインをqTranslateからWPMLに変更しました
2016年6月8日 Wordpress 過去に何度か記事にした、WordPressの多言語化プラグイン。昔からWPMLを使用していましたが、qTranslateの存在を知り、このブログではqTranslateを使っていました。ところがなんだか問題発生したようなので、WPMLに完全移行！その理由と移行手順を紹介します。 ↑私が10年以上利用している会計ソフト！ qTranslateとWPMLの違い ふたつのプラグインの違いをザックリと解説。使い方の説明は以下の過去記事をご覧頂ければと思います。 WordPressプラグイン「qTranslate」でブログを多言語化する WordPressプラグイン「WPML」でブログを多言語化する 翻訳記事の扱い 一番の違いは、ひとつの投稿記事に対する翻訳記事の扱い。qTranslateはすべての言語をひとつの記事としてまとめています。それに対しWPMLはデ
カテゴリ、固定ページに対応した、WordPressでのパン屑リストの出力方法まとめ
主に、企業様向けのWordPressサイト（やブログ）で利用する機会が多いかもしれませんので、WordPress でカテゴリ、固定ページに対応したパン屑リストの出力が必要になったのでまとめてみました。 投稿ページでのパン屑リスト まずは「投稿」ページで、 のようにパン屑リストを出力する方法です。 [php] <div> <a href="<?php bloginfo(‘url’); ?>"><?php bloginfo(‘name’); ?></a> > <?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ‘ > ’); ?> <?php the_title(”); ?> </div> [/php] 上記を single.php に記述するわけですが、テ
WordPressのテーマファイルをHTML5にするチュートリアル
このサイトはまだHTML5にしてないので、WordPressのテーマファイルをXHTMLからHTML5にするステップごとに解説されたチュートリアルを紹介します。 Convert Your WordPress Theme to HTML5 下記は各ポイントを意訳したものです。 チュートリアルのゴール HTML5のベーシックなレイアウト Step 1: header.phpをHTML5化 Step 2: index.phpをHTML5化 Step 3: sidebar.phpをHTML5化 Step 4: footer.phpをHTML5化 Step 5: single.phpをHTML5化 Step 6: style.cssをHTML5化 チュートリアルのゴール このチュートリアルは、XHTMLでつくられたWordPressのテーマファイルをHTML5にするものです。テーマファイルはそれぞれ
今年１年何度も読み返したWordPressに関する記事５ | WordPress【ワードプレス】初心者の部屋～使い方知っとこ？
今年1年を通して、何度も読み返した記事を忘れないように整理した。とりあえず、自分のための備忘録。 WordPress で Web製作をしたいけど、PHP はまだちょっとという人の PHP ガイド カスタマイズしたいけど、PHPの知識がないからちょっと…という人におすすめ。 一度目を通しただけで理解するのは難しいけど、何度か読むうちに全体像が頭に入ってきます。 最近は、webデザイナーさんも、システムよりの知識を身につける必要があるみたいで勉強に費やす時間が凄そう。文章量が多いので、読むときは気合いを入れて! WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目 | WP-D 自分のサイトにあてはめてチェックしました。内容は基本ばかりだけど、抜けの確認にも最適。SSLを使う僕に死角なし。 WordPressをクライアントワークで使用する際に覚えておくと良さそうな管
WordPressのプラグインを開発しよう（初級編）
プラグインってなんだろう。 WordPressのテンプレートをカスタマイズしてるとfunctions.phpにコードを書くことがあると思います。 基本的にこのコードをプラグインフォルダに入れるだけでプラグインになります。 そのテンプレートに依存したものはfunctions.phpに記述したままでもいいと思いますが、ある程度使い回せるものでしたらプラグイン化すると良いと思います。 簡単なプラグイン 簡単な例を見てみましょう。 functions.php に次のようなコードがあるとします。 functions.php function show_text() { echo 'おはようございます。'; } これはテンプレートファイルに「<?php show_text(); ?>」と書くと「おはようございます。」と表示するだけのコードです。 これをプラグイン化してみます。 プラグインは「wp-co
WordPressのwp-config.phpで出来る事いろいろ - かちびと.net
自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。 普段あまり利用しないので覚えてないし、困ったときはいちいち探してるので時間をロスしないようにメモしておきます。 スニペットのメモリストですし、細かい解説は面倒なんでしません。また、「wp-configってなんだろう？」という方には全くお役に立てないと思います。 wp-config.phpで出来る事リスト 以下リストです。古いバージョンの事は視野に入れてません。 リストはCODEXのwp-config.phpの編集から抜粋しています。 ※変更前にバックアップして下さい ※自己責任でお願いします ※コード一覧は記事最下部に有ります 01. デバッグモードにする define('WP_DEBUG
WordPressにアップロードしてリサイズされたJPG画像の画質を1行のコードで改善させる
覚えておきたいTipsだったのでメモ。WordPressでのJPGの画質を少しでも改善させよう、という方法です。手軽に出来るので覚えて置いて損は無いかと思います。設定されている圧縮比を変更する、という方法。 今まで知らなかったんですけど、覚えておくといいかも。 リサイズ機能 WordPressにはリサイズ機能があります。例えば横幅500pxの画像をアップロードした際、300pxの幅で使いたければ上記のようにサムネイルを選択出来ます。 foo.jpgという名のファイル名なら「foo-300×225.jpg」という、リサイズされた画像を生成してくれます。 デフォルトは90％この際の圧縮比がデフォルト値では90％になっています。wp-includes/media.phpの410行目あたりには image_resize( $file, $max_w, $max_h, $crop = false,
WordPressのカスタム投稿タイプを使用したサイトのサイト内検索をチェックボックスで絞り込み検索できるようにする - かちびと.net
購読してるブログの記事が気になった のでメモ。カスタム投稿タイプを使った サイトのサイト内検索をもうちょい使い やすくする的な方法です。良く見かける 検索方法なので覚えたいですね。 今日は僕得な記事です。複数のカスタム投稿タイプを使ったサイトで、カスタム投稿別で絞り込み検索を、ユーザーがチェックボックスを使って出来るようにする方法です。 ↑こういうやつね。 コード <form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>"> <input type="text" name="s" id="s" <?php if(is_search()) { ?>value="<?php the_search_query(); ?>" <?php } else { ?>value="キーワー
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
河北鸿源管业集团有限公司