joppot

コピペで絶対動く。説明を妥協しない

プログラミング

Customize wordpress bogo plugin’s short code

投稿日:



Abstract

Hello everyone, It’s me candle.
In this time, I will show you how to customize wordpress bogo short code.
The items to introduce are these.

  • The flag display or hide
  • Change the text


Related article

How to change the language form “en-US” to “en” by wordpres bogo

Precondition

WordPress bogo has been installed
You can edit the theme of wordpress


The flag display or hide

Bogo’s short code will show links to other languages.
The flags will be displayed automatically.

In some cases, you don’t need flags.
Let’s hide it.

Open the functions.php in each theme’s folder.
It is generally in the following place.

wp-content/themes/”theme name”/functions.php

Write it.

add_filter( 'bogo_use_flags','bogo_use_flags_false');
function bogo_use_flags_false(){
 return false;
}

You return false with add_filter, the flags will be hide.


It’s seems good.

Change the displayed text

For example, if you change the language from en-US to en,
you feel strange that English text is still “English (United States)”.

From here, I will show you how to change the text from “English (United States)” to “English”.
Of course, you can also change the something another letters.

Open the functions.php and write this.

add_filter( 'bogo_language_switcher','replace_bogo_text');
function replace_bogo_text($output){
 return str_replace(' (United States)','',$output);
}

Actually this function is quite a power technique.
It replaces the whole result generated by [bogo].
I tried to find out the more smart method, but I think that this is the best for now.

You can see that the text is changed.

Change the short code from the foundation

There is a method to change from the fundamentally rather than a change like a patch.
That method is to override the function to generate short code in the bogo plugin.

When large-scale changes, you can customize more finely using this method.
Although I don’t write it in this article, it is written in the following site in detail.

(It is written in Japanese)
https://qox.jp/blog/bogo-wordpress/

Conclustion

Enjoy your wordpress life.

スポンサードリンク

If you think this article is good, share it please

-プログラミング
-,

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

How to fix the background scroll of react-modal

Abstract Hello everyone it’s me candle. This time I will solve the react-modal background moving problem when you scroll. Condition You use react Completed sample code If you want to run the sample code actually, you would need to install two libraries before. faker is installed for dummy data generation. yarn add faker react-modal First, I will write the sample code of the completed version. This is described in src/App.js. import React, { Component } from 'react' import Faker from 'faker' import Modal from 'react-modal' Modal.setAppElement('#root') class App extends Component { constructor(props) { super(props) this.state = { users: [], user: …

Use react-simple-format in React web

Abstract Hello everyone it’s me candle. In this article we will use simple-format in react. Simple format is famous for Ruby on Rails and is commonly used. React has a legacy react-simple-format and 16g’s made. The legacy lib is not useful, so I choose 16g’s made. https://github.com/16g/react-simple-format Condition Nothing Create project If you already have a React project please use it. If not, use the following command to create it. create-react-app simple_format_sample cd simple_format_sample How to use react-simple-format First install it. yarn add @16g/react-simple-format Open a appropriate component file. I write it in src/App.js. import React, { Component } from …

Remove or allow the html tag with javascript + React and take measures against XSS

Abstract Hello everyone it’s me candle. In this time, we will write a program which displays only the permitted html tags by React and delete other tags. Notice, displaying originally html contents, it may has a security risk such as XSS. First of all, I am not a security expert, so there is a possibility of a bug in the code. Of course, I check it and test it as long as I do. If you find any vulnerabilities in the code, it would be helpful if you point out it in the post comment form. Condition Nothing Preparation of …

Create plantUML with emacs using plantuml-mode

Autumn leaves on wood table Abstract Hello everyone it’s me candle. In this time, we will introduce plantuml-mode of emacs supporting plantUML. plantuml-mode has three functions. Syntax highlight Autocomplete Display UML preview There are plenty of settings, so let’s do it patiently. Precondition You had plantuml command I installed plantuml with brew. but it is ok you prepare jar file. If you don’t have it yet, please refer to here. Build PlantUML environment on Mac using brew Install plantuml-mode The latest version of plant-mode is not yet registered in el-get packages, so we will get it from github directly. For …

Lazy load image with react-lazyload

Abstract Hello everyoen it’s me candle. This time let’s make a delayed loading of images with react-lazyload. The problem of SPA is the delay at the time of initial loading. Among them, we feel that the site with many images is even late. Let’s try it. Condition Nothing Prepare If you have already developing react project, use it. But you don’t have yet or try to test. Generate it with this command. create-react-app imageloader-sample cd imageloader-sample We will prepare images for samples with Faker.js, so install it. yarn add faker Ready to develop. Make a sample code Open the src/App.js …


I work in the venture company as a CTO. I start to write program in University, first I learned java, C++ and PHP. In the company, I'm developing web services by Rails. I do like to automation.